japanese224 Videos

Play with SOPs – Touchdesigner 1 Hour Practice

Final output : https://vimeo.com/manage/videos/784611110

super easy reflection – Touchdesigner Tutorial

super easy reflection tutorial with Cube Map source https://wgld.org/d/webgl/w044.html [English]In detail https://miwa-maroon.medium.com/for-touchdesigner-beginners-super-easy-reflection-that-takes-only-5-minutes-67e7a5395219 詳しい解説はこちら qiita:https://qiita.com/miwa_maroon/items/b2e0aef4a74fb65cf198 IG:https://www.instagram.com/p/CQGIsWHtjd-/ Twitter:https://twitter.com/miwata34

The Next Level Shading in TouchDesigner – Satoru Higa | BACKSPACE Behind The Scenes 2019

比嘉 了(BACKSPACE Productions Inc.) リアルタイムレンダリング映像表現における「質感」にフォーカスし、TouchDesginerをプラットフォームに次のレベルの質感に挑んだ道のりを紹介します。 ## Document http://satoruhiga.com/post/next-level-shading-in-td/ — ## BACKSPACE Behind The Scenes イベント内容 プログラミングの高度なスキルを持ちながら、多様かつ特殊な方面の技術を組み合わせた表現を得意とする BACKSPACE Productions Inc. から清水基・比嘉了の2名が近年取り組んでいるプロジェクトや研究開発の裏側を紹介し、実際に手を動かしながら内容を短時間で体験して頂けるような解説を行います。 またSEP, inc. より、ディレクター / CG ディレクター / CG デザイナーとしての活動を通しTVCM・TVドラマのタイトルバックデザイン、企業CIなどのあらゆる映像を手掛ける笠原裕美子さんをゲストに迎え、映像制作の裏側をレクチャーして頂きます。 本イベントは技術的なトピックを扱う為、主にプログラマーの方を対象としています。 映像表現の為のツールから制作をするプログラマー目線と、映像業界の最前線で活躍するCGディレクター目線、2つの方向からの話題を通し、同業の方への情報提供 及び 業界の実力の底上げを目的としています。 詳細: https://backspace.tokyo/news/20191206-backspacebehindthescene/ ## 日時 2019-12-20 6pm – 10pm 参加費無料 ## 場所 〒106-0032 東京都港区六本木3-16-35 イースト六本木ビル スペースシャワーTV B1Fスタジオ https://goo.gl/maps/HTmYtXF5aizBLuNA7

Touch Designer (터치디자이너) – 미디어서버 특별편

미디어 아트에 다양하게 활용하고 있는 터치 디자이너는 미디어 서버로의 역할로도 사용된 사례들이 많이 있습니다. 그래서 이번 시간에는 터치 디자이너가 미디어서버로 활용된 사례들을 몇 가지 이야기 해보았습니다. 0:00 터치디자이너란? 5:33 Immersive Media Art 7:54 Physical MEdia Art 12:48 Virtual Production 17:44 Media Server + Live Event 20:03 Media Server + Projection Mapping 24:28 Touchdesigner + Unreal […]

Touch Designer Basics_001_Part 1 – Indroduction & Installing / 入门基础(上)- 基本介绍与软件安装

Touch Designer Basics_001_Part 1 – Indroduction & Installing Touch Designer 入门基础_001(上)- 基本介绍与软件安装 by – Ignatius Low 罗资翔 TouchDesigner #001 / Build 2020.26639 / Windows 10 ———-Contacts / 联系方式 ———- Instagram: blackbody_emission E-mail: studioblackbodyemission@gmail.com

Touch Designer Basics_001.2_Part 2 – Interface / 入门基础(下)- UI 界面与功能分类

Touch Designer Basics_001.2_Part 2 – Interface Touch Designer 入门基础_001.2(下)- UI 界面与功能分类 by – Ignatius Low 罗资翔 TouchDesigner #001 / Build 2020.26639 / Windows 10 ———-Contacts / 联系方式 ———- Instagram: blackbody_emission E-mail: studioblackbodyemission@gmail.com

Touch Designer Basics_002 – 1st Composition / 入门基础 – 合成网络

Touch Designer Basics_002 – 1st Composition Touch Designer 入门基础_002 – 合成网络 by – Ignatius Low 罗资翔 TouchDesigner #002 / Build 2020.26639 / Windows 10 ———-Contacts / 联系方式 ———- Instagram: blackbody_emission E-mail: studioblackbodyemission@gmail.com

Touch Designer Basics_003 – Operator’s Family / 入门基础 – 6大元件家族系列

Touch Designer Basics_003 – Operator’s Family Touch Designer 入门基础_003 – 6大元件家族系列 by – Ignatius Low 罗资翔 TouchDesigner #003 / Build 2020.26639 / Windows 10 ———-Contacts / 联系方式 ———- Instagram: blackbody_emission E-mail: studioblackbodyemission@gmail.com WeChat: LowZiXiang97 (Remark: Name, School or Company Name, Where you got this invitation? ) (备注:名字、学校/公司、那里取得信息?)

Touch designer virtual particle

Feedback, Music visualization

TouchDesigner – Render와 Camera, Geometry, Light

bileam tschepe (elekktronaut)의 Light Replication – TouchDesigner Tutorial 44(링크: https://www.youtube.com/watch?v=os5jV5FpwOw)를 바탕으로 학습하는 중 Render OP가 작동하는 방식에 대해 이해할 수 있었어서 이를 남깁니다.

TouchDesigner 030 Interactive Particles with Kaoru 【Sneak Peek / English Subtitle】

▽You can watch the rest of this tutorial and others with a membership on the TDSW patreon. Support TDSW on Patreon https://www.patreon.com/tdsw If you subscribe to a subscription plan of $20 or more, you get unlimited access to all of our past archives! We have prepared a lot of contents to learn the techniques and […]

TouchDesigner A/V 001 Bump Mapping

TouchDesigner A/V 001 Bump Mapping Bump Mapping in TouchDesigner controlled by Audio Data. by Caroline Reize https://www.carolinereize.com https://www.instagram.com/digital.rain/ Inspired by: Simon Alexander-Adams – Noise Displacement Tutorial https://www.simonaa.media/tutorials/noisedisplacement Music by: Jayden Jo https://www.instagram.com/joypark_seoul/

TouchDesigner A/V 002 Procedural Mapping

TouchDesigner A/V 001 Procedural Mapping Procedural Mapping in TouchDesigner with the peaks controlled by Audio Data. by Caroline Reize https://www.carolinereize.com https://www.instagram.com/digital.rain/ Music by: Jayden Jo https://www.instagram.com/joypark_seoul/

TouchDesigner Buttonで複数Cameraのスイッチング

TouchDesignerのButton COMPを使って複数のCameraをスイッチングするサンプルです。 ↓こちらのQiitaの記事の動画です。 https://qiita.com/atsonic/items/8aeb32c4933b9f05673b

TouchDesigner Dji Tello[ドローンを飛ばしてみよう]

Touchdesignerを使ってドローンを飛ばします 制御するにはTellのHPからSDKの情報が必要です。 ブログにも書いときますね。 TouchDesigner Dji Tello ドローンを飛ばしてみよう 割と簡単に制御できて、飛ばす事ができます。 ロボットとかも制御できるようになると面白そう!! ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner #ドローン #Tello

TouchDesigner Hokuyo UST-10LX[HokuyoChop]測域センサ 北陽センサで認識させる方法

測域センサの北陽UST-10LXとTouchDesignerを接続させていきます。 HokuyoChopを使って認識させます。 北陽センサー UST-10LXを床に置き、プロジェクターから丸い光をだして、触った所にTouchDesignerの光が当たるようにします。 これが結構ややこしくて(笑) なんどやっても忘れるので自分用でもあります! なので詳しくは説明できません(笑) でも同じように設定すれば北陽センサ UST-10LXとTouchDesignerがうまく認識して、プロジェクターからの光がピタッと合うようになります。 インタラクティブなものをどんどん作っていきたいですねー! 参考にしたURL https://qiita.com/snafkinliberty/items/b917cb02c70c7c95e64b ブログにも詳しく書いて置きます 北陽電気の測域センサ UST-10LXとTouchDesigner[HokuyoChop] #TouchDesigner #測域センサ #北陽センサ #UST10LX #HokuyoChop ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Touchdesigner Interactive art[インタラクティブアート]音に反応

Touchdesignerでインタラクティブアート[体験型]を作っていきます。 音に反応してサークルが波紋のようにひろがります。 声などのリアルタイムな音も音楽を流して反応させる事も👍 円に合わせてパーティクルを一緒に飛ばしたりいろいろな使い方ができそうです! ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by OneMovie1 #Touchdesigner

TouchDesigner Lecture Vol.1 Makeshift VJ System

Text: https://www.notion.so/sakira/TouchDesigner-Vol-1-88dd94df5836410fba05021f8bb74e76

TouchDesigner Particle Fireworks[パーティクルで花火]パート1

TouchDesignerのParticleオペレーターを使って花火を作っていきます。 パート1ではランダムの場所からたくさんのパーティクルが弾けるように土台作りをしていきます。 個人的にですがTouchDesignerの中でも1番楽しいオペレーターがParticleです。 楽しんで作っていきましょ〜✨ ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner #Particle #Fireworks

TouchDesigner Particle Fireworks[パーティクルで花火]パート2

TouchDesignerのParticleオペレーターを使って花火を作っていきます(パート2) パート1でParticleの土台できました。 パート2では、Particleを2D(cameraを設置)へと変換していきます。 後は花火として綺麗に色付けや数を決めていきます。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner #Particle #Fireworks

TouchDesigner Particle Rotation[桜の花びら]

TouchDesignerを使って桜の花びらをちらちらふらせてみました。 Particle Sopを使っていくのですが、回転の所をランダムにするのがに難しかったりします。 僕もよくやりかたを忘れてしまうので動画にして残しました😁 桜の花びらではなく、雪の結晶やもみじの葉っぱなどでも同じようにちらちらふらせる事ができます。 Particle Sopを使いこなすともっといろいろできるのでまだまだUPしていきたいと思います! ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner

TouchDesigner Particle SOP

TouchDesigner Particle SOPの基本的な設置方法です。 ↓こちらのqiitaの動画です。 https://qiita.com/atsonic/items/0c94ca12f4ee3346aa22

TouchDesigner Realsenseの映像から3Dモデルを作る

TouchDesignerとRealsenseを連携させ、Realsenseの映像データ(平面)から人型の3Dモデルを作る↓こちらのqiitaの動画です。 https://qiita.com/atsonic/items/e64d7e32c56b58eb6123

TouchDesigner Tutorial – 01.터치디자이너란? / 터치디자이너의 인터페이스 살펴보기

안녕하세요, 현재 미디어아트, 오디오 비주얼 등 장르를 막론하고 비주얼 프로그래밍 소프트웨어 시장에서 가장 핫한 프로그램 중 하나로 불리는 TouchDesigner의 한국어 튜토리얼을 제작해보았습니다. 아무래도 터치디자이너 튜토리얼 시리즈의 첫번째 영상이라 가장 기본적인 내용과 기초 인터페이스를 담고 있어 조금은 지루하게 느껴지실 수도 있습니다만 비주얼 예제를 시작하기 전 한번쯤 보시기 좋은 내용이니 편하고 재미있게 즐겨주시길 바랍니다! 궁금하신 점이나 피드백 […]

TouchDesigner Tutorial – 02.2D vs 3D / 오디오에 반응하는 영상 만들어보기

안녕하세요, 이번 튜토리얼에서는 터치디자이너에서 기본으로 제공해주는 3D 오브젝트들 오브젝트를 실시간 렌더 하는 방법 그리고 오디오 신호를 연결해서 특정 파라미터를 제어할 수 있는 방법에 대해서 설명해보았습니다. *영상에서 설명드린 것과 같이 CHOP의 신호는 모두 Viewer Active를 이용하시면 특정 파라미터를 제어하실 수 있습니다. *오디오 인풋 Buffer Length는 OS와 장비에 따라서 설정을 다르게 적용하셔야 할 수도 있습니다. 궁금하신 점이나 […]

Touchdesigner tutorial | Flame man interactive art | Touchdesigner 教程 | 火焰人互动艺术

In this tutorial, I will teach you how to create interactive projects in real-time, similar to the Flame Man, using just a regular computer webcam. Touchdesigner | Anyone can make it| Generative Art | Digital Art | Immersion | New Media Art | Audio-visual interaction Touchdesigner | 任何人都能做出来| 生成艺术 | 数字艺术 | 沉浸式 | 新媒体艺术 […]

Touchdesigner tutorial 教程 | 点线闪烁实时动画效果

Touchdesigner | Anyone can make it| Generative Art | Digital Art | Immersion | New Media Art | Audio-visual interaction Touchdesigner | 任何人都能做出来| 生成艺术 | 数字艺术 | 沉浸式 | 新媒体艺术 |音画互动

Touchdesigner tutorial 音に反応するDMXライトの作り方・制御方法[インタラクティブ]

TouchdesignerとDMXライトを使って、リアルタイムの音(音楽)に反応するプログラムの作り方を紹介します。 ※声にも反応します。 内容は少し変わりますが、音に反応する映像の作り方はこちらでも紹介しています。詳しくはチュートリアル動画を確認してください Touchdesigner Interactive art[インタラクティブアート]音に反応する映像 Touchdesigner tutorial[音に反応する映像]デプス TouchDesigner Video that reacts to voice[リアルタイムに反応するサウンドバーの作り方] Touchdesignerで音に反応する作品が作れたら、後はその数値をchopに変換して、RGBで分けて繋いでいきます。 最初は数値が低いので、Mathで最大255まで上げてください。 もっと細かく音分けた作品をTouchdesignerで作って変換すればもっと面白い作品になると思います。 DMXライトをお持ちの方はぜひチャレンジしてみてください♬ #touchdesigner ———————————————————————- 使用した機材 DMXライト×2 ultoraDMX Micro USB⇔DMX変換  MacBookPro ———————————————————————- 0:46 DMXライト接続機器の紹介 0:53 Touchdesigner音に反応する映像の作り方 3:48 DMX Lightへ変換 接続 6:15 外部ディスプレイへ接続する方法 ———————————————————————- ぎまパパチャンネル[プロジェクションマッピング/Scratch/TouchDesingnerの使い方/VJ] https://www.youtube.com/channel/UCes28LH1ggowLvNBa_sR5Sw FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

TouchDesigner tutorial[Interactive art]インタラクティブアート

TouchDesignerとカメラを使ってインタラクティブアートを作っていきます。 カメラはRealsenseCameraなどのデプスカメラでも普通のPCカメラでもどちらでも大丈夫です。 TouchdesignerのSpring SOPを使ってバネのように動くプログラムになります。 一見むずしそうにも見えますが、Group SOP/Spring SOP以外は今までのチュートリアルの復習になるので大丈夫です!! やってみましょ〜! ※制作中Touchdesignerのフレームが悪い場合はCopyしたSphereSopのPrimitive TypeをMesh→Polygonに変えてください🙏 ————————— ●TouchDesigner tutorial[Interactive art]インタラクティブアートの作り方 0:43 TouchDesignerを開きLineSOP最初のポイントを作成 1:37 Copy SOPで横に並べてインタラクティブの土台を作る 2:43 Group SOPでポイントの固定 5:36 Spring SOPでバネの様に反応できるプログラムを作る 6:37 カメラを設置 動きを取れるように調整する 8:08 Traceしてカメラの動きをSOPに変換 8:57 Copyで動きにSphereをつける 9:39 Metaballを繋ぎSpring Collsionに反応するようにする 11:52 Line Thick Sopを繋ぎ太さを調整 15:08 TOPに変換 色味などを調整しインタラクティブアートの完成 #Touchdesigner #InteractiveArt #インタラクティブアート ぎまパパチャンネルHP[プロジェクションマッピング/Scratch/TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

TouchDesigner tutorial[Interactive art]インタラクティブアート

TouchDesignerとカメラを使ってインタラクティブアートを作っていきます。 カメラはRealsenseCameraなどのデプスカメラでも普通のPCカメラでもどちらでも大丈夫です。 TouchdesignerのSpring SOPを使ってバネのように動くプログラムになります。 一見むずしそうにも見えますが、Group SOP/Spring SOP以外は今までのチュートリアルの復習になるので大丈夫です!! やってみましょ〜! ※Touchdesignerが重い(フレームがない)場合はCopyしたSphereSopのPrimitive TypeをMesh→Polygonに変えてください!説明忘れてました🙏 参考にしたTouchdesigner tutorial ————————— ●TouchDesigner tutorial[Interactive art]インタラクティブアートの作り方 0:43 TouchDesignerを開きLineSOP最初のポイントを作成 1:37 Copy SOPで横に並べてインタラクティブの土台を作る 2:43 Group SOPでポイントの固定 5:36 Spring SOPでバネの様に反応できるプログラムを作る 6:37 カメラを設置 動きを取れるように調整する 8:08 Traceしてカメラの動きをSOPに変換 8:57 Copyで動きにSphereをつける 9:39 Metaballを繋ぎSpring Collsionに反応するようにする 11:52 Line Thick Sopを繋ぎ太さを調整 15:08 TOPに変換 色味などを調整しインタラクティブアートの完成 #Touchdesigner #InteractiveArt #インタラクティブアート ぎまパパチャンネルHP[プロジェクションマッピング/Scratch/TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Touchdesigner tutorial動きに反応するDMXライトの作り方・制御方法[インタラクティブ]

TouchdesignerとDMXライトとWEBカメラを使って、リアルタイムの映像[インタラクティブアート]にリンクするプログラムの作り方を紹介します。 以前の動画で動いたところだけ反応するインタラクティブアートの作り方を紹介しました。 TouchDesigner[Interactive art]動きに反応して変化する映像 モーショントラッキング こちらのTouchdesignerのプログラムを使いますので、詳しく知りたい方は確認してください。 WEBカメラとTouchdesignerを使ってインタラクティブな作品が作れたらあとはそれをchopに変換し、DMXライトへと繋いでいきます。 動きに反応してDMXライトも光るようになります。 真っ暗な場所に赤外線カメラを置いて、人が歩いたらDMXライトを反応させる演出ができます。 Touchdesignerを使ってカメラ[動き]ではなく、音にライトを反応させる方法はこちらです Touchdesigner チュートリアル DMXライトを音に反応させる方法 [インタラクティブ] #touchdesigner #interactiveart #DMXライト ———————————————————————- 使用した機材 DMXライト×2 ultoraDMX Micro USB⇔DMX変換  MacBookPro ———————————————————————- 0:31 使用する機材の紹介 0:40 Touchdesignerでインタラクティブアートの作り方 3:55 DMXライトの接続 ———————————————————————- ぎまパパチャンネル[プロジェクションマッピング/Scratch/TouchDesingnerの使い方/VJ] https://www.youtube.com/channel/UCes28LH1ggowLvNBa_sR5Sw FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

TouchDesigner Video that reacts to voice[リアルタイムに反応するサウンドバーの作り方]

TouchDesignerを使ってリアルタイムの声に反応する映像を作っていきます。 今回は周波数を分けて、サウンドバーを作ります。 こちらのチュートリアルを参考にさせてもらいました。 ——————– Use Touch Designer to create images that respond to real-time audio. This time, we will divide the frequency to make a sound bar. #Touchdesigner #InteractiveArt ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

TouchDesigner Vol.044 TouchDesigner as an integrated tool in the research scene 【Sneak Peak】

▽You can watch the rest of this tutorial and others with a membership on the TDSW patreon. Support TDSW on Patreon https://www.patreon.com/tdsw If you subscribe to a subscription plan of $20 or more, you get unlimited access to all of our past archives! We have prepared a lot of contents to learn the techniques and […]

TouchDesigner Vol.050 Intro to Deep Learning for Graphics Programmer 【DAY1 Sneak Peek】

Note: This Sneak Peek is a page for DAY1 (2021/12/5 UTC+9) ; TouchDesigner Vol.050 Intro to Deep Learning for Graphics Programmers – From Training to Inference. ▽You can watch the rest of this tutorial and others with a membership on the TDSW patreon. Support TDSW on Patreon https://www.patreon.com/tdsw If you subscribe to a subscription plan […]

TouchDesigner Vol.051 Intro to Deep Learning for Graphics Programmer 【DAY2 Sneak Peek】

Note: This Sneak Peek is a page for DAY1 (2021/12/12 UTC+9) ; TouchDesigner Vol.051 Intro to Deep Learning for Graphics Programmers – From Training to Inference. ▽You can watch the rest of this tutorial and others with a membership on the TDSW patreon. Support TDSW on Patreon https://www.patreon.com/tdsw If you subscribe to a subscription plan […]

TouchDesigner Vol.056 Lighting and Rendering with TouchDesigner

#Touchdesigner #tutorial Sample files: https://drive.google.com/drive/folders/15K9Cz87kjxll_KrIlONUsZ3eRc1ijekZ?usp=sharing Guide: https://backspace-productions.notion.site/TDSW-v56-Lighting-and-Rendering-with-TouchDesigner-bb3727c95f9148f495c2fa4d440afcb6 Tokyo Developers Study Weekend TouchDesigner Vol.056 Lighting and Rendering with TouchDesigner ■ 日時 2022/4/24(日)15:00-18:00 UTC+9 ■ 使用言語 日本語 / Japanese ■ レベル Intermediate ■ スケジュール UTC+9 15:00-18:00 Workshop (incl. 10 mins break x 2) 18:00-18:10 Update from TDSW 18:10-18:20 Close ※スケジュールは目安です。前後する可能性があります。 ■ 講義内容 / Contents このワークショップでは、リニアワークフローのセットアップ、ライティングやレンダリングの基礎知識、色々なポストプロセスを使ったルックの調整、やイメージの作り込み方などを、TouchDesignerの基礎的なノードを使ってハンズオン形式で解説していければと思っています。 ■ 講師 / Instructor […]

TouchDesigner 課程:Material 材質課程

TouchDesigner 是一種多媒體互動設計軟體,他能夠與各種外部設備及軟體做連接,所以能做到的事情非常多,在實際運用上非常廣泛,包含各種平面2D及立體3D的模組建構、與影像交互結合出互動的效果、音樂表演或舞台劇上的VJ現場表演做結合,也可以應用在虛擬實境的領域裡,與各式新媒體做互動結合。https://www.live4school.com/shop/touchdesigner

Touchdesigner[iPhoneCamera]複数のカメラでライブ配信する方法

Touchdesignerを使って複数カメラを切り替えライブ配信する方法をUPします。今回はYouTubeのライブ配信を設定しました。 サクッと手軽に始められるようにiPhone iPadのカメラを使います。 ※WEBカメラも合わせて今回は3カメを準備しました。 ライブ配信までの流れはこんな感じです。 iPhone iPadカメラ → NDI HX Camera Touchdesigner → NDI in→3カメ認識→NDI out NDI Virtual Input → OBS →YouTubeライブ配信 ※iPhone iPadは同じWiFi環境にしてください。 これでたくさんのカメラを設定できたら面白そう!! また試してみたいと思います。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner

TouchDesigner[iPhoneLight]InteractiveArt

TouchDesignerを使ってライトに反応するインタラクティブアートを作っていきます。 ※iPhoneじゃなくていいです。光ればなんでもいけます。 プロジェクターを使って投影しながら行えばなかなか面白い演出になるんじゃないかと思います。 ※できるだけ暗い場所で試してください。 #TouchDesigner #インタラクティブアート #InteractiveArt ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

TouchDesigner[ParticleSOP][Mouse]マウスについてくるパーティクル

TouchdesignerでParticleをリアルタイムに制御していきます。 ParticleSOPとMouseCHOPを使っていきます。 Particleを上から降らせてマウスに集まってくるように設定します。 クリックすると爆破しますよ その他にもParticleSOPの機能 [Collision][Force][Surface Attracrors] も簡単に説明しています。 #Touchdesigner ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

TouchDesigner[RealSense D435 Camera]Particle collision

RealSense D435 CameraをつかってParticleと当たり判定[collision detection]をとっていきます。 いろいろなインタラクティブの表現に使えるので便利です。 RealSenseデプスカメラは低価格・コンパクトでちゃんとデプスをとってくれるのでオススメです。僕はRealSense D435を使ってます。 ※現在の所、WindowsのTouchDesignerにのみ対応です。 ※後、USB3.0です。間違ってUSB2.0では動きません→実際に間違えて焦った😁 #TouchDesigner #RealSenseCamera ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

TouchDesigner[RealsenseCamera][Particle]Interactive art

TouchDesignerを使ってParticleが動きについてくるプログラムを作っていきます。 (With English subtitles Please set on youtube) 動きはデプスカメラのRealsenseCameraを使用します。 RealsenseCameraでデプスをとってトレースしコピーでポイントにオブジェクトを貼り付けます。 その貼り付けたオブジェクトとParticleを同期させていきます。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner #RealsenseCamera #InteractiveArt

TouchDesigner[RealSenseCamera][Particle]デプスカメラでインタラクティブ

Real Sense Depth Camera[リアルセンスデプスカメラ]D435でインタラクティブアートを作っていきます。 今回使用したRealsenseCamera↓ https://a.r10.to/hysEyF Windows10のTouchDesignerを使って作業しています。 ※Real Sense Depth Camera自体はMacでも動きますが、MacのTouchDesignerでは現在の所動きません(2020/7) ※音が悪いです。すいません🙏 前回の動画で動きに反応する映像を作りました。今回はデプスカメラを使っているので、動きではなく、その範囲に写った人(物)に反応させる映像作りができます。 デプスカメラで認識した(写った)所からパーティクルを発生させていきます。 デプスカメラの中でもコンパクトで非常に使いやすいReal Sense Cameraです。箱から出した時も、え!この大きさでいいの!?っとびっくりしました。 お値段もそれほど高くはないと思うので、一度試してみてください♫ ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #TouchDesigner

TouchDesigner[RealSenseCamera][WEB Camera]Interactive art box

TouchDesignerとCameraを使って、インタラクティブアートを作っていきます。 動いた場所にBoxがぐるぐる回るようなインタラクティブアートです。 テクスチャはマインクラフトのブロックを使ってみました。 好みで好きなテクスチャを使ってください デプスカメラでも普通のPCカメラやWEBカメラでも作れます。 #TouchDesigner #InteractiveArt #MotionCapture ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Touchdesigner[タッチデザイナー]projection mapping

Touchdesignerを使ってプロジェクションマッピングしてきます。 kantanmapperという便利なツールがもともと入ってまして、そちらの使い方を説明していきます。 ※Touchdesignerさんありがとうございます!! kantanmapperを使えばすぐにプロジェクションマッピングができるようになります。すごいツール。 せっかくなのでSyphone[サイフォン]を使って別のアプリケーションと連動させる方法もUPしました。 MadMapper[マッドマッパー]を使っています。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdeigner #MadMapper #projectionmapping

TouchDesigner[タッチデザイナー]簡単VJシステム作り方 パート1

TouchDesignerでシンプルで簡単なVJシステムを作っていきます。 一応、初心者の方でもわりやすいように説明はしているっと思います。 パート1ではTouchDesignerに映像を取り込んでよく使う?シンプルで便利なオペレーターを繋げていきます。 これをきっかけにTouchDesignerやVJ・映像に興味をもってくれるといいですね♫ ぎまパパチャンネルHP[プロジェクションマッピングやスクラッチの作り方 TouchDesignerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by OneMovie1 #Touchdesigner #VJ

TouchDesigner[タッチデザイナー]簡単VJシステム作り方 パート2

TouchDesignerでシンプル簡単VJシステムを作っていきます(パート2) 前回使う動画をTouchDesignerに入れて、簡単なエフェクトなどを追加しました! 今回はその動画をスイッチオペレーターを使ってひとまとめにします。 そして、動画をクリックしたら映像が切り替わるように設定していきます。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner

TouchDesigner[タッチデザイナー]簡単VJシステム作り方 パート3

TouchDesignerでシンプル簡単VJシステム パート3 前回で土台は完成しました。 今回はその土台を左右に振り分けて、スライダーで制御できるようにしていきます。 真ん中にスライダーを追加して映像を切り替えるとVJのように!! まだまだこれだけでは足りないとは思いますが、これを土台にしてエフェクトをボタンで制御したり、映像を組み合わせたりなどいろいろとできると思います。 ※Touchdesignerの動作が重い方は、映像ファイルの形式を.Hapにして試してください。 今回で簡単VJシステムは完成となります。 お疲れ様でした! ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by OneMovie1

TouchDesignerからArduinoのLチカ

TouchDesignerのButtonをクリックしてArduinoのLチカをします。 ↓こちらのQiitaの記事の動画です。 https://qiita.com/atsonic/items/7c4966a8b8b8e52baf50

TouchDesignerでBezier Easing アニメーション

TouchDesignerのイージングアニメーションです。 ↓こちらのQiitaの記事の動画です。 https://qiita.com/atsonic/items/48f7e21003ac1f71f086

TouchDesignerでGame作り[パート1]

TouchDesignerを使って簡単なゲームを作ってみました。 子供向けにインタラクティブな作品を作っていると、どうしてもほしくなるゲーム要素です😁 玉を撃つや、当たり判定など個人的には普段あまり使って事なかったオペレーターも使う事ができたのでよかったです。 長くなったので4回に分けています。 1回目のゲーム作りは、飛行機をキーボードで操作して、玉を撃つ事ができるようになります。 TouchDesignerでGame作り[パート2] ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #TouchDesigner

TouchDesignerでGame作り[パート2]

TouchDesignerを使って簡単なゲームを作り パート2 今回はUFO(敵キャラ)を自動的に動かして、玉との当たり判定をとるバリアみたいなもの(Collider)をつけていきます。 TOP(2D)で動かすUFOと、SOP(3D)で動かすCircleとの動きを合わせてください。 TouchDesignerでGame作り[パート1] TouchDesignerでGame作り[パート3] ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #TouchDesigner

TouchDesignerでGame作り[パート3]

TouchDesignerでゲームを作っていきます(パート3) 前回まででキャラクターの動きと玉を撃つまでは完成しました。 今回は撃った玉とUFOの当たり判定をとっていきます。 Object Chopを使って玉とUFOの距離を測り、三角形の関数を利用して[当たり]と認識させます。 三平方の定理といいます。 一見難しそうに見えるんですが、一度理解すると簡単です。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa TouchDesignerでGame作り[パート2] TouchDesignerでGame作り[パート4] #TouchDesigner

TouchDesignerでGame作り[パート4]

TouchDesignerでゲーム作り今回で4回目(ゲーム作りのチュートリアル終了) これまでのチュートリアル3回で全体的な動きと撃った玉が当たる(当たり判定)まで認識させる事ができました。 今回は当たったら-1や音がなるなど細かいところを作っていきます。 ※ロケット側の動きと当たり判定はUFO側と同じようにすればできるので作り方は省きました。 TouchDesignerでGame作り[パート3] ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #TouchDesigner

TouchDesignerとBBC micro:bitの連携

TouchDesignerとBBC micro:bitを連携させて3Dモデルを動かします。 ↓こちらのQiitaの記事の動画です。 https://qiita.com/atsonic/items/c7bcd7414dc82731115b

TouchDesigner工作坊:Webcam 與 Azure Kinect 教學 Part1 / 往邁向體感互動設計人的路途前進吧!

此影片內容為臺藝大實體工作坊2021/4/14(三)「互動光雕投影工作坊 」課程節錄,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 ☆TouchDesigner軟體官方網址:https://derivative.ca/ 運用TouchDesigner編寫程式,以Webcam與Azure Kinect 視訊擷取來創造影像,本階段(Part1)將以Webcam來創造以下視覺效果:1.Pixel sorting像素流沙效果、2.Slit-scan狹縫攝影效果、3.Sketch / Particle粒子素描效果。 -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場

TouchDesigner工作坊:Webcam 與 Azure Kinect 教學 Part2 / 往邁向體感互動設計人的路途前進吧!

此影片內容為臺藝大實體工作坊2021/4/14(三)「互動光雕投影工作坊 」課程節錄,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 ☆TouchDesigner軟體官方網址:https://derivative.ca/ 運用TouchDesigner編寫程式,以Webcam與Azure Kinect 視訊擷取來創造影像,本階段(Part2)將以Azure Kinect來創造以下視覺效果:1.Mask人物遮罩效果、2.Body tracking人體骨架追蹤。 -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場

TouchDesigner工作坊:基礎控制與按鈕UI教學 / 即時控制影像VJ效果 / 往邁向互動設計人的路途前進吧!

此影片內容為臺藝大實體工作坊2021/3/31(三)「互動光雕投影工作坊 」課程節錄,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 TouchDesigner軟體官方網址:https://derivative.ca/ 為一門視覺化程式設計語言,它採用圖形化界面建立節點或OP元件並將它們相互連接,進而實現用戶想要的多媒體特效。它可以被用於實現投影、虛擬實境、藝術裝置控制、各類演出等功能。 -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場 –

TouchDesigner工作坊:物件光雕(Mapping Projection)教學 / 往邁向光雕影像設計人的路途前進吧!

此影片內容為臺藝大實體工作坊2021/4/21(三)「互動光雕投影工作坊 」課程節錄,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 — 1.簡述投影觀念:專案規劃方式、投影機距離計算、光雕前準備。 2.摺紙(Origami)製作物件 3.使用TouchDesigner中kantanMapper工具編寫投影效果,完成物件光雕效果 ☆TouchDesigner軟體官方網址:https://derivative.ca/ -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場

TouchDesigner工作坊:衍生藝術(Generative art)與音像藝術(Audio-Visual)效果教學 Part1 / 往邁向電腦運算產生的路途前進吧!

此影片內容為臺藝大實體工作坊2021/4/7(三)「互動光雕投影工作坊 」課程節錄,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 ☆TouchDesigner軟體官方網址:https://derivative.ca/ 在此教學中,藉由Touchdesigner中的實例化(Instancing)來進行3D演算,將生成器3D模型(emiter)透過數值轉換(Sop→Chop)的方式來使GPU可以存取生成器的節點(vertices)數據,再透過亂數(noise)將坐標距離產生隨機改變,最後將要複製的物件利用實例化的方法存取GPU轉換的三維數值,再形成大量物件的運算,此方法將能夠使用GPU來優化電腦圖形運算能力。 影片將透過實例化(Instancing)來製作近似於生成式演算(Generative Art)及粒子效果(particle System)的視覺圖形。 – -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場

TouchDesigner工作坊:衍生藝術(Generative art)與音像藝術(Audio-Visual)效果教學 Part2 / 往邁向電腦運算產生的路途前進吧!

此影片內容為臺藝大實體工作坊2021/4/7(三)「互動光雕投影工作坊 」課程節錄,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 ☆TouchDesigner軟體官方網址:https://derivative.ca/ 在此教學中,運用聲音音頻來控制影像播放參數。 -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場

Touchdesinger 時間を指定して自動再生[Automatic playback at specified time]

Touchdesginerで時間(曜日など)を指定して映像を自動再生させます。 プロジェクションマッピングなど、常設してこの時間に映像を流したい、、などそういった時に使えると思います。 やる事は簡単で、TouchdesignerのClock CHOPを使います。 この中にPCから読み込まれる時間・日付・年度など細かくパラメータがとれるので、ここから振り分けていくだけです。 Touchdesignerで動画再生をしてSyphonなどでmadmapperにリンクさせればプロジェクションマッピングも自動再生ができます。 #TouchDesigner #MadMapper ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

TOUCHIN presents by TDSW

しばらく会っていない間にあんなことを覚えていたり、いろんなこと考えてたり、こんな挑戦をしていたあの人たちの近況を聞くトークセッションイベント ■ TOUCHIN 企画に向けて 2021年、世界が一変してから1年と少しが経過しました。 まだ元に戻る兆しもないままですが、いろんなことに悩んだり気づいたりしながら少しずつ新しい時代に適応しはじめてきたのではないでしょうか。 むしろこの時代になったからこそ生まれたすごいやつとかいっぱいありますよね。。 TouchDesignerをはじめビジュアルプログラミング云々のコミュニティとして誕生してからTDSWはそろそろ3年目になります。 この1年は「コロナが落ち着いたら」を枕詞にしながらいろんなイベントやプロジェクトを企画しては見送ってを繰り返してきました。 当たり前に集まることができていたあの時と、今だからできることがあるこの時の、 いいとこ取りをした時間を”エクスペリメンタル*”に、少しずつはじめようと思います。 *訳: [エクスペリメンタル ] 実験的に – とても便利な言葉ですね TDSW代表:narumin —————————————————– ■ 開催日時 4月11日(日)19:00 ~ 21:00(現地開場18:30) ■ 開催会場 TUNNEL TOKYO https://tunnel-tokyo.jp/ TDSW YouTube Channel https://www.youtube.com/channel/UCKwb_ZPHs-DEzK9TdVl3_Ew ■ タイムテーブル 18:30 – 19:00 入場開始 19:00 – 19:10 オープニング 19:10 – 19:30 Talk Session 1 / TDSW 19:30 – 20:10 Talk Session 2 / VJ […]

TypeWriter Effect2 in TouchDesigner | TouchArtist

{TouchArtist – TypeWriter Effect2} Following previous tutorial, let’s dive into newly motion continuely! In 2024, we continue to update the TouchArtist column! This year, we will continue to use TouchDesigner as the foundation to delve deeper into experimental visuals. However, this time, I will be sharing in Cantonese! In addition to the Cantonese version, we […]

Youtube live chat with web client DAT vol1 — TouchDesigner Tutorial

If you want to host online events, you should use YoutubeLive. And live chat for everyone would be interactive with TouchDesigner. I hope this will help. Google Cloud Plattform:https://console.cloud.google.com/?hl=ja YoutubeDataAPI:https://developers.google.com/youtube/v3/docs?hl=ja YoutubeLiveChatMesseage:https://developers.google.com/youtube/v3/live/docs/liveChatMessages/list 詳しい解説はこちら qiita:https://qiita.com/miwa_maroon/items/1b93c1b6673db744b546 In detail medium:https://miwa-maroon.medium.com/for-beginners-lets-get-comments-by-linking-touchdesigner-and-youtubelive-vol-1-c587d418fde8 IG:https://www.instagram.com/miwa_maroon/ twitter:https://twitter.com/miwata34

Youtube live chat with web client DAT vol2 — TouchDesigner Tutorial

This is vol2!! If you want to host online events, you should use YoutubeLive. And live chat for everyone would be interactive with TouchDesigner. I hope this will help. Google Cloud Plattform:https://console.cloud.google.com/?hl=ja YoutubeDataAPI:https://developers.google.com/youtube/v3/docs?hl=ja YoutubeLiveChatMesseage:https://developers.google.com/youtube/v3/live/docs/liveChatMessages/list 詳しい解説はこちら qiita:https://qiita.com/miwa_maroon/items/b76cb9663a0dd2588b5d In detail medium:https://miwa-maroon.medium.com/for-beginners-lets-get-comments-by-linking-touchdesigner-and-youtubelive-vol-2-b2570ac4f405 IG:https://www.instagram.com/miwa_maroon/ twitter:https://twitter.com/miwata34

Youtube live chat with web client DAT vol3 — TouchDesigner Tutorial

If you want to host online events, you should use YoutubeLive. And live chat for everyone would be interactive with TouchDesigner. I hope this will help. Google Cloud Plattform:https://console.cloud.google.com/?hl=ja YoutubeDataAPI:https://developers.google.com/youtube/v3/docs?hl=ja YoutubeLiveChatMesseage:https://developers.google.com/youtube/v3/live/docs/liveChatMessages/list 詳しい解説はこちら qiita:https://qiita.com/miwa_maroon/items/3a226c83b4fe9462fb7d In detail medium:https://miwa-maroon.medium.com/for-beginners-lets-get-comments-by-linking-touchdesigner-and-youtubelive-vol-3-7eb25bbb8a64 IG:https://www.instagram.com/miwa_maroon/ twitter:https://twitter.com/miwata34

ピンクマ君と学ぶTouchDesigner初級編 – 壁紙を作る 01

ピンクマ君とTouchDesignerを学ぼうという動画です。 第1回目は、簡単な操作や仕組みの理解を兼ねて、壁紙を作っていきます。 本動画で使用した画像素材のリンク: https://drive.google.com/file/d/1O5iRk_C7f1YAB5M9TXWiRKseAlSljMNg/view?usp=sharing ピンクマ君自身の勉強も兼ねて作られたチュートリアル動画なので、拙い点があると思いますがご容赦ください。 CLICK & FOLLOW! Artificial Steps Home Let’s share your knowledge on Artificial Steps. Artificial Steps is knowledge sharing education website of the latest trends of emerging technologies. Anyone of you could comprise with boosting and innovating education in the world with the use of emerging technologies. Artificial Steps was developed […]

ピンクマ君と学ぶTouchDesigner初級編 – 映像を作る 02-1

前回動画 → https://www.youtube.com/watch?v=_H3aENbsl-Q ピンクマ君とTouchDesignerを学ぼうという動画です。 第2回目は、前回作った壁紙を元に、ロード画面のようなグルグル回る映像を作ります。 ピンクマ君自身の勉強も兼ねて作られたチュートリアル動画なので、拙い点があると思いますがご容赦ください。 CLICK & FOLLOW! Artificial Steps Home Let’s share your knowledge on Artificial Steps. Artificial Steps is knowledge sharing education website of the latest trends of emerging technologies Anyone of you could comprise with boosting and innovating education in the world with the use of emerging technologies. KEISUUGIKEN Home KEISUUGIKEN […]

メタバース時代の音と映像のワークショップに潜入! ギズ編集長、TouchDesignerを学ぶ。

今年3月に開催されたアートの祭典「NAQUYO-平安京の幻視宇宙-」で オーディオビジュアルアーティストJunichi Akagawaと ダンサーnouseskouとのコラボレーションライブを見たギズモード編集長の尾田は 「世界を構成するのは音と映像だ!」と大感動。 「最近みんなメタバースメタバースって言ってるけど、  音と映像を作る側にフォーカスしないと本質的にはわかってないんじゃないか…」 と思い立ち、2週にわたって音と映像のワークショップに参加。 今回は、ヴィジュアルプログラミングソフト「TouchDesigner」編。 オーディオ/ヴィジュアルの根本的な考え方から、実際に音と映像を合わせるテクニックまで。 刺激的な1日をまとめてお届けします! 音楽制作ツール「Ableton」を学んだ前回の様子はこちら。 ▼NAQUYO 文化庁の補助を受け、京都市などで構成されるKYOTO STEAM -世界文化交流祭- 実行委員会が開催しているアートの祭典。 https://mutek.org/jp/news/naquyo-creative-workshop Tweets by kyoto_steam Tweets by MUTEK_JP ▼NAQUYO Immersive Sound Installation 2021年12月23,24日@ロームシアター京都 サウスホール 出演:Kazuya Nagaya(Music)+ Katsuhiko Orii(Shō“笙”)、Junichi Akagawa(Music, Visual)+ nouseskou(Dance, Dramaturge) かつて平安京を包みこんでいたであろう音空間を、最新の立体音響システムを用いてバーチャルに再創造。梵鐘の音に代表される平安の音とデジタルアートを組み合わせたイマーシブ(没入型)空間に身を置き、平安京サウンドスケープを全身で体感できます。 ▼NAQUYO Immersive Sound Live Performance 2021年12月25日@ロームシアター京都 サウスホール 空間構成:Kazuya Nagaya(Audio) + Junichi Akagawa(Visual) イマーシブ(没入型)なインスタレーション空間の中に観客席と舞台を構成。最先端の電子音楽、デジタルアート、雅楽(笙)、コンテンポラリーダンスなどを融合させたライブパフォーマンスが実施されます。 出演、楽曲制作、BGM:尾田和実 撮影、編集:山本勇磨 制作、進行:トダサチコ […]

使用TouchDesigner 建立圖庫效果 TD ImagePlayerFX ( 中文字幕 )

更多TD教學:http://www.live4school.com/shop/touchdesigner TouchDesigner 是一種多媒體互動設計軟體,他能夠與各種外部設備及軟體做連接,所以能做到的事情非常多,在實際運用上非常廣泛,包含各種平面2D及立體3D的模組建構、與影像交互結合出互動的效果、音樂表演或舞台劇上的VJ現場表演做結合,也可以應用在虛擬實境的領域裡,與各式新媒體做互動結合。

使用TouchDesigner 建立圖庫效果 TD ImagePlayerFX ( 中文字幕 )

更多TD教學:http://www.live4school.com/shop/touchdesigner TouchDesigner 是一種多媒體互動設計軟體,他能夠與各種外部設備及軟體做連接,所以能做到的事情非常多,在實際運用上非常廣泛,包含各種平面2D及立體3D的模組建構、與影像交互結合出互動的效果、音樂表演或舞台劇上的VJ現場表演做結合,也可以應用在虛擬實境的領域裡,與各式新媒體做互動結合。

東京TouchDesignerお楽しみ会

TouchDesigner お楽しみ会と称しまして、勉強会&交流会を開催します。 2022 OFFICIAL ビルドも登場してさらに進化する TouchDesigner に関する話題などでみんなで盛り上がりましょう! 上級者の方から「TouchDesignerって何?」という方までお気軽にご参加ください!! 「0 // 2022 Public Visuals Tokyo x TDSW 出演者トーク」では6月19日に開催されたオーディオ・ビジュアルイベント「0 // 2022 Public Visuals Tokyo x TDSW」の出演陣をお招きし、パフォーマンスの裏側を伺います。 https://pvtdsw2022.peatix.com/ ■ 日時 2022/6/29(水)19:00-21:00(18:30 開場) ■ 場所 宝塚大学新宿キャンパス 1F多目的ホール ■ 参加費 ・学生:無料 ・一般:¥500 ・ドネーション:参加費+¥500/参加費+¥1,500 ※参加費やドネーションは会場費に充当させて頂きます。 ————————————————————————————- ■ スケジュール予定 ・勉強会 – 19:00- ご挨拶 – 19:05- 0 // 2022 Public Visuals Tokyo x […]

에이블톤 링크 – 터치디자이너 튜토리얼 | Ableton Link – TouchDesigner Tutorial

안녀아세요, 미디어아티스트 카로 입니다. 이번주 영상은 하루 늦어졌네요.ㅠㅠ. 이번주 일요일 늦지 안게 더 긴 영상으로 다시 뵐게요. 피드백 댓글로 남겨주시면 감사하겠습니다. carolinereize.com https://blog.naver.com/swhakim95 https://www.instagram.com/digital.rain/ Music: Jayden Jo https://www.instagram.com/joypark_seoul/

컬러 러버 컴포넌트 -터치디자이너 튜토리 | Color Lovers Component – TouchDesigner

안녕하세요, 카로 입니다. 이번에 컬러 러버 컴포넌트에 대한 영상을 가지고 왔습니다. Colin Chobis의 ‘Color Lover Palette Picker’ 이라는 터치디자이너 컴포넨트 Color Lovers 웹사이트에 있는 컬러 팔레트 가져와서 터치디자이너 내에서 사용할수 있게 합니다. 컴포넌트는 여기에 다운받을수 있습니다. https://derivative.ca/community-post/asset/colour-lover-palette-picker 더 궁금한점 댓글로 남겨주세요. 영상 관련된 블로그 포스트: https://blog.naver.com/swhakim95/222147894650 웹사이트 http://carolinereize.com 네이버 블로그 https://blog.naver.com/swhakim95 인스타그램 https://www.instagram.com/digital.rain/ Music: Jayden […]

터치디자이너 _ Touchdesigner 활용하기 11-1

터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner#터치디자이너#mediaart#미디어아트#인터렉티브아트#interactive#tutorial

터치디자이너 _ Touchdesigner 활용하기 11-2

터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner#터치디자이너#mediaart#미디어아트#인터렉티브아트#interactive#tutorial

터치디자이너 _ Touchdesigner 활용하기 11-3

터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner#터치디자이너#mediaart#미디어아트#인터렉티브아트#interactive#tutorial

터치디자이너 _ Touchdesigner 활용하기 12-1

터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner #터치디자이너 #mediaart #미디어아트 #인터렉티브아트 #interactive#tutorial