Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フォークギター with VFXの 制作を軽率に振り返ろう! / look back fork...
Search
にー兄さん
April 12, 2025
Technology
0
27
フォークギター with VFXの 制作を軽率に振り返ろう! / look back fork guitar with vfx
PerformersFes振り返り感想会にて登壇した資料です
https://iwakenlab.connpass.com/event/350632/
にー兄さん
April 12, 2025
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
エンジニアが軽率に趣味から始める、OSS貢献を軸とした個人活動 / oss-contribution-as-a-hoby-project
drumath2237
0
30
Babylon.js 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
drumath2237
0
130
軽率に始まった Babylon.js勉強会運営の 1年間をふりかえって / look back babylonjs japan activity
drumath2237
0
50
利己的利他、 あるいは軽率2.0に備えよ。 / prepare-for-keisotsu-2.0
drumath2237
0
40
軽率にAndroidXRのJetpack SceneCoreを使って3Dモデルを表示してみる / androidxr-scenecore-3dmodels
drumath2237
0
100
あなたの知らないWebXR Device APIの話を軽率に / about-webxr-device-api-you-dont-know
drumath2237
0
29
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
4
1.6k
create-babylon-appを軽率にアプデしたい / update create babylon app
drumath2237
1
1.8k
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylonjs-v7
drumath2237
1
400
Other Decks in Technology
See All in Technology
Agentic Workflowという選択肢を考える
tkikuchi1002
1
480
GitHub Copilot の概要
tomokusaba
1
130
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
6
2.1k
米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
2
1k
AWS アーキテクチャ作図入門/aws-architecture-diagram-101
ma2shita
29
10k
OpenHands🤲にContributeしてみた
kotauchisunsun
1
410
地図も、未来も、オープンに。 〜OSGeo.JPとFOSS4Gのご紹介〜
wata909
0
110
Prox Industries株式会社 会社紹介資料
proxindustries
0
260
~宇宙最速~2025年AWS Summit レポート
satodesu
1
1.8k
VCpp Link and Library - C++ breaktime 2025 Summer
harukasao
0
240
解析の定理証明実践@Lean 4
dec9ue
0
170
rubygem開発で鍛える設計力
joker1007
2
190
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
39k
The Invisible Side of Design
smashingmag
299
51k
Side Projects
sachag
455
42k
Documentation Writing (for coders)
carmenintech
71
4.9k
Thoughts on Productivity
jonyablonski
69
4.7k
Code Review Best Practice
trishagee
68
18k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Building Adaptive Systems
keathley
43
2.6k
Balancing Empowerment & Direction
lara
1
360
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Transcript
フォークギター with VFXの 制作を軽率に振り返ろう! にー兄さん@ninisan_drumath PerformersFestこだわり解説感想戦
アジェンダ - はじめに - フォークギター with VFXの概要 - 制作について -
VFX Graphのこだわり - おわりに
はじめに
にー兄さん(@ninisan_drumath) ソフトウェアエンジニア “Babylon.jsとWebXR Device APIの宣教師” 株式会社ホロラボ Babylon.js勉強会運営 Iwaken Lab. Microsoft
MVP for Developer Technologies
本日のお話 2025/3/25のIwakenLab Performers Festで披露した フォークギター with VFXの制作について - どんなことを考えて -
どんなツールを使って - どんなものを作ったのか 本日のゴール: - お客さんやラボメンに演出のこだわりについて知ってもらう - Unity VFX Graphええやん!って思ってもらう - 自分がインタラクティブなクリエイティブについて言語化して整理する
フォークギター with VFX の概要
オーディオリアクティブな動点群ビジュアルエフェクト これまでKinectを使ったVFXをいくつか制作 →その流れで今回お誘い フェスということで音楽と組み合わせよう →自分が好きなフォークギターで
パフォーマンス風景
使用技術 - Azure Kinect (Sensor SDK) - Unity 6000.0.42 -
HDRP - VFX Graph - Cinemachine
Unityプロジェクト GitHubに公開しています(AzureKinectがないと動かないですが) https://github.com/drumath2237/PerformersFes2025
機材構成 センサリング対象は人とギター 演奏してる手前にAzureKinect を配置 ギターはマイク録り(エレアコではない) 後ろのスクリーンに投影
処理フロー センサリングや演出のシステムはUnity フォークギターの音を取得 AzureKinectからデータを取得 Unityで演出を加えてレンダリング 全画面ビルドしたアプリ画面を スクリーンに投影
AzureKinectとは Microsoftが製品開発するカメラデバイス カラーは720p~4Kまで Depth画像の取得も可能 IMUもついてるので加速度もとれる Body-Trackingもできる 9つのマイクアレイも搭載 使うと楽しくなるおもちゃ!
Depth画像 深度画像と呼ばれる カメラからの距離を画素で 示したもの ToFセンサによって取得可能 他にIntel RealSenseとか https://lightbuzz.com/azure-kinect-masterclass-depth/
制作について
制作進行 GitHub Projectsを使ってissue管理
ベロシティ 直前から初めて前々日から加速するのはやめよう!
VFX Graphのこだわり
制作の方針 - あまりコードを書かない - 演出処理の過度な共通化を避ける
演出の実装スピードを重視 見た目が大事な制作において 見た目のFBループを早くすることが大事 C#のコンパイル時間がもったいないので Scriptによる演出制御はなるべく避けた →インスペクタなどからシーン再生中にリアルタイムに設定値変更 処理の共通化はばらすのが大変 →スクラップアンドビルドしやすくしたい
なるべくポチポチ変更で対応する Unityのクリエイティブツールを使っていく VFX Graph! Cinemachineも導入してよかった
VFX Graph GPUベースでリッチなビジュアルエフェクトを作れる ノードベースツール 炎・煙・魔法・爆発などをリアルタイムで制御&表現可能 https://unity.com/ja/features/visual-effect-graph
(本資料は作りかけです)
続きはFigJam
None