CG関連

1. 

   2019.07.6

   【TouchDesigner】で『GLSL(シェーダー)』を使う方法まとめ【画像あり】

   手や身体の動きに合わせて映像が変わっていく『インタラクティブ』な映像をつくりたいと始めた『TouchDesigner』。『TouchDesigner』とセン…

2. 

   2019.06.24

   【GLSL(シェーダー)】『レイマーチング』入門その1 距離関数とレイとカメラの設定

   かっこいい『3Dプログラミング』をつくりたいとググって見つけた『レイマーチング(Ray Marching)』という手法。参考記事いろいろググるとなか…

3. 

   2019.06.21

   【GLSL(シェーダー)】プログラムでかっこいい映像をつくる『レイマーチング』

   プログラミングでかっこいい映像をつくるには、『GLSL(ジーエルエスエル)』なるものを使えればいいと知りまして。参考記事こんな映像も『GLSL』でつ…

4. 

   2019.06.20

   【GLSL(シェーダー)】プログラムでかっこいい映像をつくりたい! 〜『TouchDesigner』…

   最近いろんなところで目にする『プロジェクションマッピング』や『インタラクティブアート』。　インタラクティブアート・・人の手や声を検知して動く映像など　…

5. 

   2019.06.17

   プログラムで色や大きさをランダムにして遊んでみる(8)【P5.js】

   遊ぶようにプログラミングができる『クリエイティブコーディング』。『クリエイティブコーディング』の中でも一番とっつきやすいかと始めた『P5.js(Proces…

6. 

   2019.06.12

   プログラムの【配列】をわかりやすく『ゴディバ』で例えてみる(6)【P5.js】

   今回のお題は『配列』。『プログラミング』を始めたばかりの頃を思い出すと、『配列』をどうもうまく使いこなせなかったのですが、慣れてくるにつれ、こんなに…

7. 

   2019.06.11

   プログラムで【加速度】【速度】の使い方をわかりやすく (5)【P5.js】

   遊ぶようなプログラミングでおなじみの『クリエイティブコーディング』。スムーズな動きを実現しようと思うとどうしても『物理』や『数学』の知識が必要になって…

8. 

   2019.06.9

   【ベクトル】をわかりやすくするコツ〜『ベクトル』はただの数値の組み合わせです(4)【P5.js】

   2020/6/5追記 ベクトルに関する動画を追加しました。遊ぶようにプログラミングができて、デザインやアートをつくれる『クリエイティブコーディング…

9. 

   2019.06.8

   プログラムで移動・回転・拡大縮小を覚えると表現に幅がでてきます(2)【P5.js】

   遊ぶようにプログラミングができる『クリエイティブコーディング』の中でももっとも取り組みやすいのではと思っているのが『P5.js(ProcessingのJav…

10. 

    2019.06.8

    【P5.js】遊ぶようにプログラムできるクリエイティブコーディング〜はじめのいっぽ〜(1)

    プログラミングでアートだったりデザインを作ることを『クリエイティブコーディング』と言うそうで、いろんな実現方法があるのですが、その中でも最もとっかかり…