2022-02-22
#vr #js 
A-Frameを使ったお手軽VRゲームづくり、「鯖江のカフェSLIMの3Dオープンデータでケーキ探しゲーム」。 もう一歩楽しくするために必要なのは3Dモデルのアニメーション。ボーン(骨)を3Dモデルに関連付けて動かす形が今でも一般的なようです。


bone-old」(src on GitHub)
Three.jsでボーンアニメーションをする! - KAYAC engineers' blog」をベースにESモジュール版を使用。 ほぼそのままですが、ボーンを動かす速さと大きさを少しいじったら、懐かしのフラワーロック風になりました!いろいろ使いこなせると楽しそう!

ただし、最新のThree.jsでは仕様が変わったようで動かない点、注意です。

links
- 0から始める3D、Three.jsを使ってポリゴン作成&表示

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS