2018-01-01から1年間の記事一覧
OSCを使って蝶をパタパタさせてみます。 今回の作例はTouchDesigner Workshopで教えて頂いた内容の一部になります。
TouchDesignerのショートカットメモ(自分用)です。 足りない分を追加していく予定です。 操作 説明 [p] 表示中のオペレーターのパラメータウィンドを表示、非表示 [o] ネットワークの全体図を表示、非表示 [c] カラーパレットを表示、非表示 [tab] オペレー…
3Dオブジェクトの頂点に連番をふります。
Sphere SOPを利用して地面を移動してる感じの演出をしてみたいと思います。 仕上がりはこんな感じです。 ==== 地面を作る Sphere SOPとNoise SOPで地面を作っていきます。 Sphere SOPの設定 Primitive Type ・・・ Polygon frequency ・・・ 15 Noise SOPの…
Sphere SOPの頂点を利用してトゲトゲの球体を作ります。 仕上がりはこちらです。 sample from nogson on Vimeo.
TouchDesigner Study WeekendというTouchDesignerの勉強会で学んだことのまとめです。 TouchDesignerは私のような初心者には、高機能すぎて何をしたらよいのかわからなくなることが多いのでこの勉強会は貴重だと思っています。 今回の完成イメージはこちらで…
はじめに この記事は、TouchDesigner Study WeekendというTouchDesignerの勉強会で学んだことのまとめです。 TouchDesignerは私のような初心者は高機能すぎて、何をしたらよいのかわからなくなることが多いのでこの勉強会は貴重だと思っています。 完成イメ…
Cache TOPを利用して、印刷の版ずれのような表現をしてみたいと思います。 版ずれさせる3Dオブジェクトを準備 まずは演出の対象となる、3Dのオブジェクトと、カメラ、ライト、ジオメトリを用意します。 noise SOPを挟んでいるのは、Geometoryに動きを出すた…
最近覚えたTouchDesignerのちょっとしたメモです。 自分用のメモなのであまり参考にはならないと思います。
TouchDesignerでGLSLを使う為の基礎の基礎知識です。
最近覚えたTouchDesignerのちょっとしたメモです。 自分用のメモなのであまり参考にはならないと思います。
3Dオブジェクトの頂点座標をデータとして取得する際は、「SOP to CHOP」を利用しました。 だだし、取得できるのはX,Y,Zの座標データのみでした。 ちなみにここでは、「Sphere SOP」を利用してます。
TouchDesignerで3Dオブジェクトから頂点座標を抜き出す 3Dオブジェクトから頂点座標を抜き出して、データとして利用する方法のメモです。 ①SOPから、好きな3Dオブジェクトを配置。 ②オペレーターの右下にある「 + 」ボタンを押す。 ③右クリックでコンテキス…
GPGPU用のヘルパーライブラリであるGPUComputationRenderer.jsの使い方を調べてみました。 GPGPUが難しいので上手く説明できておらず、よくわからない文章になってしまっています。 あまり参考にならないかもしれません。 こちらの「Three.jsのGPGPUのサンプ…
あくまで自分用ですが、使いそうだけど、すぐ忘れてしまいそうな基本的なデータの制御です。 一定の時間でカウントアップする 特定の処理をループしたい場合など、一定時間でカウントアップした値を作成したい場合はLFO CHOPを利用します。 正の整数だけ利用…
こちらを目指して、グネグネしたメタボール(呼び方がメタボールであってるのかわかりません)を作ってみたいと思い挑戦してみました。 結果としては、実現することが出来ませんでした。。。 実際に作成できたのはこちらです。 難しい。 JS global.THREE = r…
メタボールをやってみたいので、 まずは、フラグメントシェーダーで、複数の円をグルグル回転させてみたいと思います。 #ifdef GL_ES precision highp float; #endif uniform float time; uniform vec2 resolution; #define XSpeed 1.50 #define YSpeed 1.50…
THREE.DataTexture THREE.DataTextureを利用することで、配列データからテクスチャを作ることができます。 GPGPUなどでテクスチャをデータの格納場所として使う場合に使えそうなので、少し調べてみたいと思います。 基本的な使い方 new THREE.DataTexture( d…
webpack-dev-server 開発用サーバを立てることができるモジュールです。 詳しくは公式のドキュメントを見てみてください。 手順 モジュールをインストール。 npm install --save-dev webpack-dev-server package.jsonにscriptを追加。 "scripts": { "start":…
ゆらゆらテクスチャをやってみたいと思います。 最終目標はこちらですが、まずは簡単なのからやっていきたいと思います。
新年を迎えて、遅くなりましたが2017年の振り返りと、2018年の目標を立てたいと思います。 あまり目標を文字に起こしたことがなかったので、今年はブログに書いておくことにします。
メタボールっぽい演出。 【サンプル】 こんな感じになります。