タグ
3件の記事
近年、JSを使ってWebでCG表現を行う手法は大きな発展をしています。ブラウザ上で AR や VR などを用いたWebアプリを開発できるようになってきました。しかし、問題となるのが3Dモデルのファイルサイズです。GLTFなどの3DモデルはWeb上で扱うには非常にサイズが大きく、ダウンロードに大きな時間がかかってしまいます。そこでGoogleが開発してGLTFが拡張機能として採用したDracoというオープンソースの3Dデータ圧縮方式を用いて圧縮することで、ファイルサイズを縮小します。
IK （ Inverse Kinematics ）ってご存知でしょうか？IKの実装について解説しているサイトがあまり見つからなかったので、今回はそんなIKについてThree.jsを用いて説明していこうと思います。
今回はVRoidStudioなどで出力できる、GLTFファイル(.gltf / .glb )を three.js で表示していきます。GLTFは OpenGL等で有名なクロノスグループが策定している３Dファイル用の規格です。この分野は、現状 Autodesk 社の策定するFBX(.fbx)が主流ですが、GLTFはFBXに劣らないものになると思います。FBXは歴史が長いからこそ、逆に仕様がごちゃごちゃしていたりするので、 GLTF の方がまとまっていて気に入っています。