コンテンツにスキップ

ことばをうごかす

うごくもじ

文字を動かします。どう表現するかはあなた次第。

ふるえる

img01.png

手順1. 「ふるえる」文字を表示

float x;
float y;
void setup(){
size(600, 600);
textFont(createFont("Sans-serif", 32));
x = width/2;
y = height/2;
}
void draw(){
background(0);
textAlign(CENTER);
textSize(32);
text("ふるえる", x , y);
}

手順2. 「ふるえる」をふるわす

ヒント

基本の位置から、ランダムな数値を足した場所に表示することで、ふるえているように見せる。 ランダムな数値を作るときは、random命令を使う。

手順3. 触れたときだけ、ふるわす

触れたの判定方法。

1. 文字の位置とマウスの位置、2点の距離をはかる。
2. 距離が一定数より小さければ触れていると判定する。
float kyori = dist(文字のx、文字のy、マウスのx、マウスのy);
if(kyori < 50){
// ふるわす
}

きえる

考えよう。

おちる

考えよう。

にげる

考えよう。