Mo Ma

fbxをインポート[TouchDesigner]

TouchDesignerで、3Dモデルを取り込み、中のSOPを外に引っ張り出して使う時の様子です。 知り合いの方との作業の中で説明に使っていた動画のため、どういう作品を作っている所なのか詳しいご説明もなく申し訳ないのですが、ご参考となればと思い置いておきます。 今回はサッカーボールのfbxモデル(tredectstudios様制作)をFree3D様よりお借りしました https://free3d.com/ja/3d-model/football-ball–64059.html こちらにサンプルファイルを掲載します インポート前とインポート後 .toeファイル https://drive.google.com/file/d/1CTkfrzBWjVul6FIE2D11EYKBtV_p9cO2/view?usp=sharing

30min Time attack[TouchDesigner]

This is a TouchDesigner making movie on the concept “Let’s make work within 30min!” ; and I’ve failed.. it took 40min :_( Making text characters pop out one by one using Texture3D TOP. 「30分以内で作品作り」というコンセプトでTouchDesigner作業動画をあげました …時間内に間に合いませんでしたが(オイ) Texture3d TOPを使って文字を一つ一つ表示しています BGMはD-elf.com様よりお借りいたしました “Ancien Ocean – FreeVer.”, “Serialize free BGM Ver.” https://www.d-elf.com/youtube-free-bgm Here you can DL .toe file! .toe fileはこちら […]

30th Fire art[TouchDesigner](English)

I’m trying “elements” effect in TouchDesigner; fire, water, wind, earth … and so on. This time, in this tutorial, we made fire effect. The key technique; it consists 3 steps; I )Put points, II )make trigger, and III)fire いろんな属性エフェクト(火、風、土…など)に挑戦しています。今回のチュートリアルでは火の術をやります。 今回使う技術は3ステップあります。 ①点をおきます ②トリガーをつけて ③点火 です。 You can download .toe file in this movie below. .toeファイルは以下からDLできます。 https://drive.google.com/file/d/148w-Bg6wS_o7YvUnByXX5SIrWbtkXB5f/view?usp=sharing […]

29th Split texts[TouchDesigner](English)

In this tutorial, we made a lyrics display tool. It automatically split texts at each white space and each line. And it flip those words with keyboard. 今回は歌詞を表示するツールのご紹介です。テキストをスペースと行ごとに分けて、キーボードで操作して歌詞をおくっていきます。 You can download .toe file in this movie below. .toeファイルは以下からDLできます。 https://drive.google.com/drive/folders/1UYGnYce-qAqWut5_04H0TY-82RZBCimB?usp=sharing 今回は英語です English tutorial, this time. Here is my channel! チャンネルはこちら In this tutorial, I refered “bileam […]

24th Motion Sensor Analysis[TouchDesigner](English)

It’s a tutorial for making a motion senser with Touchdesigner. You can use it to make a interface that reacts to human motion for example. Here I used CacheTOP and AnalyzeTOP to get the distribution of the motion. ※Caution: a TouchDesigner amateur user is making this movie, so there can be a lot of mistakes […]

28th(4/4)Map your 3D model[Blender TouchDesigner]

In this tutorial, we made projection mapping with the original 3d model made with Blender; famous modeling software(Free). In this case, CamSchnappr can be a good tool. 今回は自作の3dモデルを使ってプロジェクションマッピングを作りました。ここではCamSchnapprツールが使えます。 part1 https://www.youtube.com/watch?v=pehWw9n85Ig part2 https://www.youtube.com/watch?v=ijINGWY-wos part3 https://www.youtube.com/watch?v=rr64rbJwUAw part4 https://www.youtube.com/watch?v=UPR5f6hFXxo ※Caution: a TouchDesigner amateur user is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your […]

28th(3/4)Map your 3D model[Blender TouchDesigner]

In this tutorial, we made projection mapping with the original 3d model made with Blender; famous modeling software(Free). In this case, CamSchnappr can be a good tool. 今回は自作の3dモデルを使ってプロジェクションマッピングを作りました。ここではCamSchnapprツールが使えます。 part1 https://www.youtube.com/watch?v=pehWw9n85Ig part2 https://www.youtube.com/watch?v=ijINGWY-wos part3 https://www.youtube.com/watch?v=rr64rbJwUAw part4 https://www.youtube.com/watch?v=UPR5f6hFXxo ※Caution: a TouchDesigner amateur user is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your […]

28th(2/4)Map your 3D model[Blender TouchDesigner]

In this tutorial, we made projection mapping with the original 3d model made with Blender; famous modeling software(Free). In this case, CamSchnappr can be a good tool. 今回は自作の3dモデルを使ってプロジェクションマッピングを作りました。ここではCamSchnapprツールが使えます。 part1 https://www.youtube.com/watch?v=pehWw9n85Ig part2 https://www.youtube.com/watch?v=ijINGWY-wos part3 https://www.youtube.com/watch?v=rr64rbJwUAw part4 https://www.youtube.com/watch?v=UPR5f6hFXxo ※Caution: a TouchDesigner amateur user is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your […]

28th(1/4)Map your 3D model[Blender TouchDesigner]

In this tutorial, we made projection mapping with the original 3d model made with Blender; famous modeling software(Free). In this case, CamSchnappr can be a good tool. 今回は自作の3dモデルを使ってプロジェクションマッピングを作りました。ここではCamSchnapprツールが使えます。 part1 https://www.youtube.com/watch?v=pehWw… part2 https://www.youtube.com/watch?v=ijING… part3 https://www.youtube.com/watch?v=rr64r… part4 https://www.youtube.com/watch?v=UPR5f… ※Caution: a TouchDesigner amateur user is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your […]

27th Projection using sequence(English)[TouchDesigner]

In this tutorial, I made projection that draw Christmas illustration of a tree and messages. You can use lookup CHOPs as something like a sequencer. 今回はクリスマスツリーとメッセージを描くプロジェクション映像を作りました。 lookupOPを使ってシーケンサーのようにする事ができます。 ※Sorry, actually I made one operational mistake here. I added the parameter N in the movieFileOut OP. But it has no effect with your original movie name. It […]

26th-B Butterfly particles mapping[TouchDesigner](English)

It’s a Touchdesigner tutorial for making particles and moving them to the mouse cursor position. (B-part) ※Caution: a TouchDesigner amateur user is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your own risk. A-part B-part C-part You can download .toe file in this movie below. https://drive.google.com/file/d/1T_3S5lKAFa94cq20CEfD0wwckSXRagqP/view?usp=sharing TouchDesignerでパーティクルを作り、マウスの位置に動かします。 […]

26th-C Butterfly particles mapping[TouchDesigner](English)

It’s a Touchdesigner tutorial for making particles and moving them to the mouse cursor position. (C-part) ※Caution: a TouchDesigner amateur user is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your own risk. A-part B-part C-part You can download .toe file in this movie below. https://drive.google.com/file/d/1T_3S5lKAFa94cq20CEfD0wwckSXRagqP/view?usp=sharing TouchDesignerでパーティクルを作り、マウスの位置に動かします。 […]

25thプロジェクタ映像にカメラでモーションセンサを付ける[TouchDesigner]

Making a motion Interactive work with a projector & a camera. You can download “.toe” data here. 本日のファイルはこちらからダウンロードできます。 https://drive.google.com/open?id=1sggN34zCz6axWuV6VHj10VcpiiGrVumq You can also download Motion sensor here (also in 24th tutorial). また、動画の中で使っているモーションセンサのファイルはこちらからもダウンロードできます。 https://drive.google.com/open?id=12LVe2p03zFyeUjQeQDhuqZI7Tmv-UFNE We can make interactive projection mapping works using motion sensor. This time I made motion sensor without IR cameras, only with an ordinary […]

23rdおまけ4 6つ足エフェクト[TouchDesigner]

23日目の回のおまけで、使っていたエフェクトを作成します。 今回は円と直線で六角形を描き、周波数スペクトルに合わせて動かします。 Instance機能とReplicatorOPでモデルを複製します。 Here is my channel! チャンネルはこちら ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 作成したエフェクト https://drive.google.com/file/d/1gVqWMrcKwez0Jt46mz9gZ2rBdiK1b4IZ/view?usp=sharing Here is extra topic of the 23th movie, where I made the effects used in the main movie. This one arranges circles on six lines, and moves the lines in the shape of the frequency spectrum. ※Caution: a TouchDesigner beginner is making this movie, […]

23rdおまけ3 rectanglesエフェクト[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 23日目の回のおまけで、使っていたエフェクトを作成します。 今回は周波数スペクトルの形に並んで動く四角形のエフェクトです。 StretchOPでデータ数を調整して、インスタンスで複製します。 作成したエフェクト https://drive.google.com/file/d/1wswAO4jSTbTkwJmoJcM0LzuFWMR6dG3n/view?usp=sharing ※Caution: a TouchDesigner beginner is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your own risk. Here is extra topic of the 23th movie, where I make the effects used in the main movie. This […]

23rdおまけ1 rippleエフェクト[TouchDesigner]

23日目の回のおまけで、使っていたエフェクトを作成します。 今回は音の大きさの変化に合わせて、波紋のように模様が広がるエフェクトです。 EvaluateOPとRampOPを使います。 作成したエフェクト https://drive.google.com/file/d/1vuYl8k6CJuLXH2-wWE4Dk5c_kaPo7LVb/view?usp=sharing ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 ※Caution: a TouchDesigner beginner is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your own risk. Here is extra topic of the 23th movie, where I make the effects used in the main movie. This one is a ripple effect that […]

23rd Youtubeの音楽に合わせ動かしてみる[TouchDesigner]

YoutubeなどのPCからの音を直接TouchDesignerで拾います。 動画内で使っているエフェクトのTDファイルは下記からダウンロード頂けます。 https://drive.google.com/file/d/1r0V9lMyHs8SqF8mFzGotf00rPg3ISrBj/view?usp=sharing TouchDesignerでPCの音を直接拾いたいときに、AudioDeviceOPを使っても、そのままでは拾う事ができない場合があります。 そこで、バーチャルオーディオデバイスとしてVoiceMeeterというフリーソフトをダウンロードして、PCからの音をデバイスとして認識させてみたいと思います。 これでPCで流しているYoutubeなどの音を直接TouchDesignerで拾う事ができるようになります。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 文化祭などのイベントごとで、音楽に合わせて動く映像を流したいという時に、Youtubeなどの音源から直接拾えれば便利かと思います。 よろしければぜひお試しください。 使用したオリジナルエフェクト https://drive.google.com/drive/folders/12BJupOzhw95PcupksjRc7F4FLxQXS9Rl?usp=sharing 追っておまけ動画でこちらの作成の様子もご紹介したいと思います。 There may be chances that you want to pick up music from PC’s sound directly. But AudioDeviceOP don’t pick up PC’s sound without no operation. This time, I use a free soft called “VoiceMeeter” as a virtual audio device. With that soft, you […]

21st後半Arduinoでプロジェクションマッピングと連携[TouchDesigner]

先日投稿いたしました、触ると映像が切り替わるプロジェクションマッピング作成のまとめです。 前半はこちらhttps://www.youtube.com/watch?v=aQVlnNffavs Here is my channel! チャンネルはこちら ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 ①まず投影する3Dモデルを作成します。(PC 1内) ②Arduino静電容量センサを作成し、信号を別PC(PC 2)で拾います。 ③信号をPC2からPC 1に無線で飛ばし、それに合わせPC 1内の信号が切り替わるようにします。 ④段ボールに静電容量センサを取り付け、映像を投影し位置合わせします。 今回のarduinoのプログラムは上記ちくわ様のサイトを参考にさせていただきました。 タッチセンサーについて非常に分かりやすくまとめて下さっています。 Arduinoプログラム https://create.arduino.cc/editor/mo_ma/24d9d8ef-fa42-4132-b329-3f4bae096e05/preview ぜんぜん映像とかいじった事ないって人も 映像作りたいと思ってる!って人も なんでも気軽にコメント下さい 関係ない話も歓迎です。

20thモデルに模様をつける[TouchDesigner]

boxのモデルに模様をつける作業をしていきます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 1:35 3Dモデル設置方法のおさらい 9:00 マテリアル設定 11:23 wireframe枠の作製 22:17 6面の模様の作製 51:25 カメラ配置 Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

19th Touch In/Out OPで別PCと通信[TouchDesigner]

別のPCにつなげたArduinoのセンサーから信号をWifiを通じて引っ張ってくる作業をします。 Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

18th Arduino連携 静電容量センサ[TouchDesigner]

Arduinoで静電容量センサを作り、TouchDesignerに引っ張る使い方の一例です。 1:04 10:05 Serial通信を直接拾うやり方 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 今回のarduinoのプログラムは上記ちくわ様のサイトを参考にさせていただきました。 タッチセンサーについて非常に分かりやすくまとめて下さっています。 こちらに記載のコードの7行目    Serial.begin(9600); をsetup内に(6,7行目の間にでも)    Serial.println(t); をloop内の最後に(35,36行目の間にでも) 書き込めば 今回のコードとなります。 https://create.arduino.cc/editor/mo_ma/24d9d8ef-fa42-4132-b329-3f4bae096e05/preview Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

17th me.parentsでコンポーネントにまとめる[TouchDesigner]

動画参考: VIDEO BY EUGENE BRYOHIN https://vimeo.com/abn0rmal LODEWIJK VAN EEKHOUT. https://vimeo.com/lodewijkvaneekhout RICARDO MANTILLA. https://vimeo.com/ricardomantilla ROBERT MARSHALL http://www.roundonefilms.co.uk/ 今回Hristo Velev様の作品を参考にさせて頂いてます 【Kaleidoscope jellyfish TouchDesigner tutorial】 【Hristo Velev様チャンネル】 https://www.youtube.com/user/glacierise Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

16th me.digitsを使ってMIDIを活用[TouchDesigner]

動画参考: VIDEO BY EUGENE BRYOHIN https://vimeo.com/abn0rmal LODEWIJK VAN EEKHOUT. https://vimeo.com/lodewijkvaneekhout RICARDO MANTILLA. https://vimeo.com/ricardomantilla ROBERT MARSHALL http://www.roundonefilms.co.uk/ 今回Hristo Velev様の作品を参考にさせて頂いてます 【Kaleidoscope jellyfish TouchDesigner tutorial】 【Hristo Velev様チャンネル】 https://www.youtube.com/user/glacierise Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

15th MIDIコントローラと連携[TouchDesigner]

今回Hristo Velev様の作品を参考にさせて頂いてます 【Kaleidoscope jellyfish TouchDesigner tutorial】 【Hristo Velev様チャンネル】 https://www.youtube.com/user/glacierise Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

14th Arduino連携[TouchDesigner]

TouchDesignerをArduinoと連携させるチュートリアルです。FirmataをArduinoに書き込みして信号を拾ってみます。 ※訂正:動画内で光センサーを「フォトダイオード」と申し上げていましたが、 正しくは「フォトレジスタ」の誤りでした。申し訳ございません。 Here is my channel! チャンネルはこちら ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

14th Arduino連携例[TouchDesigner]

Here is my channel! チャンネルはこちら ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

13rd LeapMotionでカラーボールを動かす[TouchDesigner]

今回Hristo Velev様の作品を参考にさせて頂いてます 【Kaleidoscope jellyfish TouchDesigner tutorial】 【Hristo Velev様チャンネル】 https://www.youtube.com/user/glacierise Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

12nd LeapMotion連携[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

6th プロジェクションマッピング[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

11st文字を動かすまとめ[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

10th executeDATでプログラム実行[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

9th後半Texture3Dで画像を配置[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

9th前半Texture3Dで画像を配置[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

8th SOPtoでモデルを動かす[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

7th text文字の画像を作る[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

5th 3d texture[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

4th replicatorでコピー[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

3rd 3Dモデルを配置[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

2nd operator(オペレーター)を触ってみる[TouchDesigner]

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

23rdおまけ2 colorBallエフェクト[TouchDesigner]

Here is my channel! チャンネルはこちら 23日目の回のおまけで、使っていたエフェクトを作成します。 今回は音の大きさや高さに合わせて、形状と色を変えるエフェクトです。 AnalyzeOPでさまざまな音の分析を活用します。 作成したエフェクト https://drive.google.com/file/d/1-YrS-7czGpXicFCKtlNmaUd0UGqPwWlT/view?usp=sharing ※Caution: a TouchDesigner beginner is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your own risk. Here is extra topic of the 23th movie, where I make the effects used in the main movie. This one is […]

22ndオリジナルのコンポーネントを作成[TouchDesigner]

Container COMPに自分で作ったパラメータをつけて、オリジナルのコンポーネントを作成し、Palette Browserから取り出せるようにします。 ※注意:投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 前半0:00~20:00ごろ 元となる歯車の映像を作成 後半20:00ごろ~45:00ごろ コンポーネントのカスタマイズ Here is my channel! チャンネルはこちら