sandboxやShaderToyのコードを流用したりするためにも知らなきゃいけないコト投稿日:2018-06-02ナカジ(@cp_nakajun)です。今回は【TouchDesignerでGLSLを使うために「最低限」知らなきゃいけない「超基礎」】の続きです。「超基礎」を覚えたらどんどんGLSLを使っていきたくなるのが向上心。Topの感じがつかめればかなり使っていけるように思います。sandboxやShaderToyのコードを流用することから始めると思いますがそれをする為にもいくつか「知らなきゃいけないこと」があります。今回はそれスポンサーリンク今回のポイントポイントは次の3つです。sandboxのコードを見ると最初の「変数宣言」に以下のような記述があると思います。sandboxのデフォルト変数です。resolutionです。時間的変化や動きのあるものを作る際には重要で必要になります。iResolutionがデフォルト変数として使えます。TouchDesignerの「時間」と「解像度」を取得し変数に格納することで使います。name」に設定する変数名とコードの「uniform」で宣言する名前を一致させればオッケーです。Topのcommonタブで設定した解像度を取得することができます。処理中ピクセル座標と出力宣言これはなにも考えずに記述しましょう。fragColor;これで最終的にfragColorの情報が出力されます。resolution.y);と書くコトで座標の指定を「0.0〜1.0」の範囲に統一することができます。しておかないと「解像度」を変更した際に「描画座標」に関わる全てのコードを変更しなければならなくなるからです。sandboxのコードをTouchDesignerに移植してみました。今回試したコードはhttp://glslsandbox.com/e#41905.0このコードは上記に書いたことをすることで動かすことができました。TouchDesigner用に変更したコードは以下です。6月月2日午前3時25分PDTまとめとりあえず、また小さな一歩を踏み出せたかなぁ、とまだまだ細部を語れるほどの理解はできてないですが、また理解と知識を深めたら共有していきます。Weekend毎月2回東京都内を中心にデジタルクリエイティブツールのワークショップやイベントを開催している週末勉強会。TouchDesigner・Houdini・Notchなどノードベースのリアルタイムレンダリングソフトウェアが中心。VJに特化したイベント「VJ概論」なども主催。Weekend公式ページ勉強会の詳細と申し込みはこちら過去の講座はvimeoからお世話になってるし、応援してます。運営者:ナカジインタラクティブ映像の仕事してました。現在はメディアアート、クリエイティブコーディング、デジタルアートなどの表現活動に興味を持つ人に向けて「制作環境やツール」を中心にエバンジェリスト的な活動をしています。日本のメディアアーティスト大国化に貢献したい。