japanese224 Videos

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作り[パート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

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

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

컬러 러버 컴포넌트 -터치디자이너 튜토리 | 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 […]

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_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

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[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[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 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初級編 – 映像を作る 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 […]

터치디자이너 튜토리얼 – Null 오퍼레이터 | TouchDesigner Tutorial – Null Operator

안녕하세요, 카로 입니다. 이번 영상에서 Null 오퍼레이터 이용하는 이유를 대해서 설명 합니다. 영상 관련된 블로그 포스트: https://blog.naver.com/swhakim95/222088487242 http://carolinereize.com https://blog.naver.com/swhakim95 https://www.instagram.com/digital.rain/ Music: Jayden Jo https://www.instagram.com/joypark_seoul/

터치디자이너 튜토리얼 – 점진적 지오메트리 | TouchDesigner Tutorial – Procedural Landscape

안녕하세요, 카로 입니다. 이번 영상에서는 Vaporwave느낌의 비주얼 만드는 방법 보여드립니다. 이번 튜토리얼은 zeal의 영상에서 연감 받았습다. 다른 방법도 궁금하시면 bileam tschepe의 영상도 추천 드립니다. Timestamps: Intro 0:00 시작 0:39 3D 씬 셋업 0:50 Final 아웃풋 셋업 1:09 Sphere 셋업 1:28 카메라 셋업 3:01 MAT 3:53 배경 4:50 Circle SOP 6:09 Luma Blur 7:06 http://carolinereize.com https://blog.naver.com/swhakim95 […]

터치디자이너 튜토리얼 – 레이아웃 및 네비게이션 | TouchDesigner Tutorial Navigation

안녀하세요, 카로 입니다. 이번 영상에서는 터치디자이너 처음 쓰신 분들위해 터치디자이너의 레이아웃 및 네비게이션 설명합니다. 궁금한 점 뎃글에 남겨주세요! 구독과 좋아요 잊지마세요~ Chapters: 0:00 Intro 0:10 레이아웃 0:40 오퍼레이터 1:30 네비게이션 1:58 OP Create Dialog 2:21 /root 레이어 3:10 퍼포먼스 모드 3:41 Local Base 3:54 실시간 4:47 FPS 4:53 Timeline 5:30 Outro http://carolinereize.com https://blog.naver.com/swhakim95 https://www.instagram.com/digital.rain/ Music: […]

터치디자이너 튜토리얼 – TD에이블톤(2/2) | TouchDesigner Tutorial TD Ableton

안녕하세요, 카로 입니다. 이번주 TD에이블톤 통해 주고 받을수 있는 데이터 대한 영상 입니다. 궁금한 점 뎃글에 남겨주세요! 구독과 좋아요 잊지마세요~ TD Ableton: https://docs.derivative.ca/TDAbleton https://docs.derivative.ca/TDAbleton_System_Components Chapters: 0:00 Intro 0:32 Ableton Song Component 3:37 Ableton Track Component 6:10 Outro http://carolinereize.com https://blog.naver.com/swhakim95 https://www.instagram.com/digital.rain/ Music: Jayden Jo https://www.instagram.com/joypark_seoul/

터치디자이너 튜토리얼 – TD에이블톤(1/2) | TouchDesigner Tutorial TD Ableton

안녕하세요, 미디어아티스트 카로 입니다. 이번주 TD에이블톤을 대한 영상 입니다. TD 에이톤을 대한 간당한 설명을 하고 설치 방법을 보여드립니다. 다음 영상에서는 TD에이블톤통해 주고 받을 수 있는 데이터를 대해 좀 더 알아볼겁니다. 궁금한 점 뎃글에 남겨주세요! 구독과 좋아요 잊지마세요~ TD Ableton: https://docs.derivative.ca/TDAbleton https://docs.derivative.ca/TDAbleton_System_Components Chapters: 0:00 Intro 0:38 TD에이블톤 이란? 1:12 설치 방법 4:58 Outro http://carolinereize.com https://blog.naver.com/swhakim95 https://www.instagram.com/digital.rain/ […]

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

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

에이블톤 링크 – 터치디자이너 튜토리얼 | 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/

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 – Midi Mapping Tutorial

안녕하세요, 미디어 아티스트 카로 입니다. 첫 튜토리얼이라 아직 조금 어색하지만 터치디자이너 튜토리얼 오래 전부터 너무 만들어 보고 싶었습니다. 터치디자이너를 배워보고 싶었지만 튜토리얼 대부분이 영어로 되어 있어서 어려움을 느끼셨던 분들께 도움이 되었으면 좋겠어요. 터치디자이너를 처음 사용하고 싶은 사람,또는 이미 터치디자이너로 프로젝트를 제작중인 사용자도 환영합니다! 더 궁금하신점이나 요청사항은 댓글로 남겨주시면 다음 영상에 반영하겠습니다. carolinereize.com https://blog.naver.com/swhakim95 https://www.instagram.com/digital.rain/ Music: […]

ピンクマ君と学ぶ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 Tutorial – 01.터치디자이너란? / 터치디자이너의 인터페이스 살펴보기

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

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

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

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 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[タッチデザイナー]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システム作り方 パート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[タッチデザイナー]簡単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システム作り方 パート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入門~ゼロからのヴィジュアルプログラミング~

主催:Entervibe(Twitter : https://twitter.com/entervibe ) 5月4日に開催されたクリエイティブカレッジのアーカイブです。 今後もアップしていきます!

【前編】TouchDesigner入門~ヴィジュアルプログラミング~

主催Entervibe(Twiiter:https://twitter.com/entervibe ) 5月2日に開催されたクリエイティブカレッジ4thのアーカイブです。 今後もアーカイブ残していきますので、チャンネル登録よろしくお願いします! 見逃した人、復習したい人、TouchDesignerに興味湧いてきた人、ぜひごらんください! 90分で濃い授業となっております。

Introduction + Laser & Visual Integration – Motoi Shimizu | BACKSPACE Behind The Scenes 2019

0:00 Introduction 5:30 Mandalay – Laser + Visual Integration 101 清水 基(BACKSPACE Productions Inc.) 映像とレーザーを同期させる自作のシステムを Mandalay と呼んでいます。 Mandalay使用事例や制作方法、経緯やコンセプト、及び他者とのコラボレーションについて紹介します。また、自室での小さなテストからアリーナクラスの大きな会場までスケールさせた道のりを、実際に使用したソースコードやTouchDesignerファイルと併せて解説します。 ## 参加者全員用のメモ https://paper.dropbox.com/doc/20191220-Behind-the-Scenes–AyHpYx3vxSQImB2vPJgYBZq4Ag-m2KcMPB2iFddohTx9i1W4 — ## 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 参加費無料 […]

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

TouchDesignerでBezier Easing アニメーション

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

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 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からArduinoのLチカ

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

TouchDesignerとBBC micro:bitの連携

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

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

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

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

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

TouchDesigner Particle SOP

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