​​プログラミングB #04
​​#04 変数と条件分岐
​​
​​高尾俊介（takawo@konan-wu.ac.jp）
​​甲南女子大学 文学部 メディア表現学科 准教授
​​
​​
​​
​​

​​質問など

​​
​​
​​コードの後ろに「；」を付ける意味は何でしょうか。
​​つけ忘れても問題なく動いたので気になりました
​​文章で言う句読点のようなものです．これで一つの命令が終わりですよ，という区切りです．
​​左から右へ進むロボットを描いていて、一つ目のお目目をきょろきょろと動かすようなアニメーション（瞳孔にあたる部分の円が白目に当たる部分の円の端まで行ったら反対の端まで折り返す）をしたいのですがどうすればできますか？
​​例えばこんな感じでしょうか？
​​https://editor.p5js.org/takawo/sketches/AwakrOHUE
​​同じ指示を、数値だけ変えて繰り返す際に、繰り返しを指示する方法はありますか。
​​for文という繰り返し処理を行なう命令があります．使うと10回，100回，同じ処理を繰り返すことが出来ます．
​​
​​
​​
 
プログラミングB on OpenProcessing
プログラミングB class is collecting their sketches on OpenProcessing
openprocessing.org
プログラミングB on OpenProcessing • openprocessing.org
​​
​​https://twitter.com/takawo/status/1317811661399445505
​​
​​draw関数のbackgroundの直後に追記してみよう​😃​
​​
​​translate(width/2+sin(frameCount/33)*100,height/2);
​​scale(tan(frameCount/100%(PI/2)));
​​translate(-width/2,-height/2);
​​
​​
 
User-uploaded image: Oct-17-2022+09-57-29.gif
​​こんな感じ
​​
​​

​​今日の授業内容

​​
  1. ​​変数
  1. ​​条件分岐と真偽値
​​
  • ​​変数も条件分岐も，今後も関わってくる重要な考え方なのでしっかり取り組んでください．
  • ​​演算子はそれぞれよく使うので覚えよう
  • ​​今回やるボールの跳ね返りのプログラムを何もみないで，自分の頭でコードを考えて書けるようになったらより複雑なコードに進めると思うので，ひとつひとつ理解しながら進めましょう．
​​
​​作例（授業ではカバーできないところもフォローしているので，まず一通り実行してみるのもいいと思います）
​​

​​ファイル名

​​URL

​​014_変数
​​https://editor.p5js.org/takawo2020/sketches/VakY0_LD
​​015_変数の計算
​​https://editor.p5js.org/takawo2020/sketches/mGBZ6Z4k
​​016_四則演算
​​https://editor.p5js.org/takawo2020/sketches/y5A8sag2
​​017_システム変数
​​https://editor.p5js.org/takawo2020/sketches/_qThDddn
​​018_変数を使った繰り返し
​​https://editor.p5js.org/takawo2020/sketches/v9X0xV5c
​​019_様々な変数
​​https://editor.p5js.org/takawo2020/sketches/wJOhdmt-
​​029_アニメーションの基本
​​https://editor.p5js.org/takawo2020/sketches/b8NyYXbV
​​030_アニメーションの基本（2）
​​https://editor.p5js.org/takawo2020/sketches/rEB7wUVS
​​031_アニメーションの基本（3）
​​https://editor.p5js.org/takawo2020/sketches/PBn50ipL