CG関連

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最近の記事

ピックアップ記事

  1. オンライン教材

    【Vue.js】初心者向け講座をリリースしました。【Udemy】
  2. オンライン教材

    【JavaScript】初心者向けの動画をリリースしました【Udemy】
  3. CG関連

    【P5.js】初心者向けの動画をリリースしました(プログラミング×数学物理)【U…
  4. バックエンド

    【Laravel(PHP)】でできる事をわかりやすく(ざっくりと)まとめてみた【…
  5. オンライン教材

    【ExcelVBA】初心者向け講座をリリースしました。【Udemy】
PAGE TOP