CG関連に関する記事一覧

ホーム
過去の記事一覧

CG関連

2019.07.6

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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