最近PlayCanvasで3Diframeのデモが@yausterによって追加されました
https://developer.playcanvas.com/ja/tutorials/youtube-in-3d-scenes/
これがなかなかに面白い機能でPlayCanvasの3D空間内に好きなだけiframeでWebページを埋め込めてしまうのです。
バーチャルゲームセンターも実装できた
これをもう少し工夫すればバーチャル美術館とか、展示場とか、何でもできそう。
ポートフォリオもこれで構築すればすごい差別化できそう。
しかも実装はスクリプトを板ポリにアタッチしてattributeでURLを指定するだけ。すごい。
実装自体はCSS3Dでやっていて、PlayCanvasの3D座標系とCSS3Dの3D座標系を完璧に正しくマッピングしきっている。美しい。。
また3D空間でCSS3Dの前にEntityが映り込んだ際は正しくCSS3Dがエンティティ背景に回り込むようになっていて、より没入感を高めている。これはすごすぎる。。。
なおこちらの3Dモデルは全部VOXELCANVASでちゃっちゃっと作成。リソース作成からアプリ開発、デプロイまで全部Webでできてしまった。。。
VOXELCANVASではvirtual-deskkit
というタグでパブリック公開中。ぜひダウンロードして使ってみてね。
VOXELCANVAS is online voxel creation platform. All FREE and All open & share tool. You can create Vo...
voxelcanvas.me
キミを探す、夏 開発秘話
2021年11月5日(金) 22時43分0秒 | 435 viewPlayCanvas Editor APIで面倒な作業を自動化する
2022年4月18日(月) 6時39分30秒 | 151 viewnuxt.jsでテキストボックスクリック時にテキストを全選択する
2021年6月1日(火) 14時2分16秒 | 118 viewThunderbirdのトップに格言を表示してメーラーを開くたびにテンションが上がるようにした
2022年6月7日(火) 7時50分49秒 | 53 view目次を作りたい→作った
2020年10月29日(木) 11時1分28秒 | 25 view