SVGの上にVerge3D ②

スタイルでiframeをコマの中に収める

昨日はSVG画像の上にVerge3Dのモデルを重ねられるかテストしました。

今日はiframeのスタイルで、フルスクリーンやスマホの小さい画面でも思い通りに表示できるように調整したいと思います。

ついでにモデルにアニメーションをつけました。テストなので、描線がきれいじゃなくてもこだわらないことにします。


2DのSVG画像の上に3Dモデルを載せるテストの続き。

このキャラはMixamoのアニメーションデータを持つ3Dモデルです。キャラの上にカーソルを当てている間、動きます。カーソルをキャラ以外の場所に移すと止まります。

アウトラインが汚いのは今後の課題。

複雑な内容の場合は、カーソルの位置による使い分けのような単純なオン・オフでは対処しきれない。

操作のためのコントロール・パネルが必要になる。そのデザイン、機能、ロジック。課題がいっぱい!



関連記事