Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ピアノアニメーションの 自動生成
Search
Koniro
November 21, 2019
Programming
1.1k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ピアノアニメーションの 自動生成
Yokohama.Unity #0
Koniro
November 21, 2019
More Decks by Koniro
See All by Koniro
Terrainで穴が掘れるようになった話
koniro
0
4.6k
ピアノが弾けない私が自分の為に"VRピアノ練習ソフト"を作る話
koniro
0
2.5k
Other Decks in Programming
See All in Programming
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
neuecc
5
5.2k
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
1.9k
SalesForceを内製化!? ~ HR事業を支える顧客管理基盤のインフラを大公開 ~
oku053
0
180
最近”作らせてる” ローカルAIアプリの話
akit37
0
480
iOS 27でニュースアプリはどう変わる!? 〜日経電子版の新機能対応と、開発事例から〜
lynnswap
7
13k
パズルゲームの作り方 / how to make puzzle games
kaityo256
PRO
2
300
複雑なUIコンポーネントとの ⻑い付き合い⽅:波及するバグからテスト戦略を経て、安全な再設計へ
mixplace
0
430
[JA] Domain Modeling with Vanilla Rails: 「操作」から再考するRailsの設計論
yasaichi
2
400
Vue Fes Japan の “作る側”に関わってみて
naokihaba
0
160
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
rkaga
8
2.2k
ジョジョの世界をXRで再現する
mofurune
0
170
The Rails Doctrine Decade
koic
2
590
Featured
See All Featured
Faster Mobile Websites
deanohume
310
32k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
590
Designing for humans not robots
tammielis
254
26k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
Are puppies a ranking factor?
jonoalderson
2
4.1k
[RailsConf 2023] Rails as a piece of cake
palkan
59
7.1k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
830
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
My Coaching Mixtape
mlcsv
0
360
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.5k
Building the Perfect Custom Keyboard
takai
2
910
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1.2k
Transcript
ピアノアニメーションの 自動生成 2019年11月21日 総合学園ヒューマンアカデミー横浜校
自己紹介 Twitter @Koniro_Iris ・紺色(こんいろ) ・大学生 ・XRエンジニア ・ゲーム、動画制作 ・UNIBOOK11執筆 ・UniteEve2LT登壇
概要 楽曲データからデータの取り出し ⚫ Midiファイル解説 ⚫ バイナリを読もう! ⚫ Midiファイル解析 ベースアニメーションの作成 ⚫
FinalIKの設定 ⚫ アニメーション作成 ⚫ ベースアニメーション完成 Midiファイル(.mid) FinalIK
Midiファイルとは Midiファイル (.mid) ・人間でもギリギリ 分かるバイナリ形式 MIDIの演奏データを記録するための 基本ファイルフォーマット ・音楽ファイルなので再生できる ・DAWソフトで容易に編集可能
Midiファイル (.mid) ✓ 開始時間 ✓ 終了時間 ✓ 楽器の種類 取り出し Midiファイルとは
✓ スケール(音階) 運指情報 ✓ 音量
Midiファイルの解析 解析 ✓ 開始時間 ✓ 持続時間 ✓ 楽器の種類 ✓ スケール(音階)
スケール 開始時間 持続時間 音量 62(レD) 336 21 64 60(ドC) 360 21 64 57(ラA) 384 45 64 ✓ 音量 Midiバイナリデータ 取り出したデータ
Midiバイナリを読もう! ヘッダ ここから1ブロックが始まる ノートオン 打鍵のタイミング a : チャンネル数 bb :
スケール(音階) cc : ベロシティ(音量) dd : 次のノートとの時間間隔 ノートオフ 音を消すタイミング a : チャンネル数 bb : 音を消すスケール(音階) cc : ベロシティ(音量) dd : 次のノートとの時間間隔 4D 54 72 6B 9a bb cc dd 8a bb cc dd
アニメーション化 読み込んだデータからアニメーションを作成する FinalIK($90) 25日からBlackFriday安くなるかも? ベースアニメーション作成 VeryAnimation($46) UmotionPro($60) アニメーション編集、修正
FinalIKの設定 待機 ⚫打鍵までの間は鍵の上で待機状態 ⚫音に合わせて微妙に動かす 打鍵 ⚫IKターゲットを打鍵先の位置に移動 ⚫この際、鍵盤の動きと合わせる IKターゲットの動き
FinalIKの設定 指のIKTarget [CCD IK] 手首のIKTarget [Full BodyBiped IK] 回転制限 [Rotation
Limit Angle] 角度制限 [Rotation Limit Hinge] 手の詳細設定
回転制限(Limit)を15度(親指以外) 捻り制限(Twist Limit)を10度 FinalIKの設定 [Rotation Limit Angle]を使用 指の回転制限
角度制限(Limit) 最小(Min)を0度、最大(Max)を75度 FinalIKの設定 指の角度制限 [Rotation Limit Hinge]を使用
指IKのテスト
アニメーション作成 ②.鍵盤上で待機モーション ③.鍵盤への打鍵モーション ④.鍵盤上で待機モーション ①.鍵盤上へ移動 (打鍵間隔によって省略) (打鍵間隔によって省略) ベースとなるキー 1 1
2 3 4 モ ー シ ョ ン 移 行 モ ー シ ョ ン 移 行
アニメーション完成
IKアニメーションの面白さ
Midiファイルから自動で ピアノ演奏モーションを作成 まとめ Midiファイルの解析 アニメーションの作成 ⚫ Midiファイルから楽譜データの取得が出来た ⚫ 楽譜データからアニメーション化出来た
ピアノアニメーションの 自動生成 2019年11月21日 総合学園ヒューマンアカデミー横浜校 Twitter @Koniro_Iris
None