​​プログラミングB #04

​​#04 変数と条件分岐

​​
​​高尾俊介（takawo@konan-wu.ac.jp）
​​甲南女子大学 文学部 メディア表現学科 講師
​​
​​

​​みんなの作品を見てみよう

​​
​​
 
プログラミングB-2022 on OpenProcessing
プログラミングB-2022 class is collecting their sketches on OpenProcessing
openprocessing.org
プログラミングB-2022 on OpenProcessing • openprocessing.org
​​
​​
​​
​​
 
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
​​
 
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
​​
 
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
​​
 
User-uploaded image: image.png
​​
​​
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
​​
 
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
​​
 
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
​​
 
User-uploaded image: image.png
​​
User-uploaded image: image.png
​​
User-uploaded image: pixel.gif
​​
​​
​​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