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

​​#08 三角関数

​​
​​高尾俊介（takawo@konan-wu.ac.jp）
​​甲南女子大学 文学部 メディア表現学科 講師
​​
​​
​​
  • ​​先週やった授業「ランダム・ノイズ」は非常に重要な回
  • ​​（マッピングはできなかったので今日やります）
  • ​​今日やる「三角関数」も重要
​​
​​
​​
​​何が重要か
​​
  • ​​これらの要素はプログラムを用いてしか表現できないような，生成的（ジェネラティブ）な表現と非常に密接に結びついている．
  • ​​生成的な表現：プログラムや，もっというと計算を通じて生み出される．
  • ​​言い換えると，これらが理解できてうまく使えれば，様々な表現に応用できる．
​​
​​
 
User-uploaded image: Large+GIF+1406x500.gif
​​TouchDesignerでNoise CHOPをつかってCircle TOPのパラメータ（要素の値）を操作する例．TouchDesignerのMath CHOPでやっていたことがp5.jsのmapに当たります．そう考えるとやっていることはp5.jsでも変わらない．
​​
​​
​​
 
User-uploaded image: Large+GIF+400x400.gif
​​09/00_noise_conditional
​​上の不連続に表示されるバーは下で表示されている山状のノイズを条件分岐で一定以上の数値（これもノイズで生成した値）以上の場合に描かれている
​​
​​

​​授業内容：アニメーションと三角関数

​​
  • ​​三角関数：「タンジェント」
  • ​​三角関数の性質
  1. ​​角度からXY座標が計算できる：くるくる回る表現
  1. ​​一定周期で振動する：波のように揺れる表現
​​
​​実際，コンピュータで制作されるデジタルアート，メディア・アートでは三角関数は「基本的な道具」として多用されている．
​​
​​
​​
​​
​​https://cenkhor.org/2021-chigasaki-museum/
​​
​​
​​三角関数を使ったメディアアート作品
​​
​​
 
​​
​​https://youtu.be/ZrKgyY5aDvA?t=5m
​​
  • ​​John Whitney,"Matrix III"(1972)
​​
​​三角関数を使ったエンターテイメント的表現
​​
 
​​