チャプター 3

Step 03

チャレンジ:円をななめに動かす

ビデオではxの値をかえて横に動かしましたが、「ななめ」に動かすにはどうしたらよいか考えてみてください。

図にあるようにななめ下に動かすにはyの値も変数の入れ物に入れます。

【ステップ】
1.p5エディタでFileメニューからNewを選ぶ
2.プロジェクトの名前を変える(例:図形チャレンジ)
3.自分でコードを書いてみる
4.プログラムを実行(じっこう)する
5.うまくいったらSaveしてコードを保存する

【ヒント】
xの入れ物を作る行と、xの値を10ずつ増やす行をyにも書きます。

let y = 100; ・・・y += 10;

この行をどこに入れるか考えてみてください。

【答え】
コードがかけたら次のプロジェクトのコードを見て、自分で書いたものとくらべてみてください:
https://editor.p5js.org/ippunkan/sketches/LkGYFcC_e
次にすすむ