最近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
というタグでパブリック公開中。ぜひダウンロードして使ってみてね。
https://voxelcanvas.me/id/ryotaro/?tag=virtual-deskkit
これで好きなYouTube動画に囲まれるWebサービスとか作ったらおもしろそう。
YouTubeで検索ワード入れたら候補の動画が10個くらい帰ってくるようなAPIないかな
試してみたい。
JamStackでもアクセスカウンターを実装したい
2021年12月13日(月) 3時21分10秒 | 299 viewPlayCanvasのOrbit-cameraを制御して指定位置にカメラを移動させる
2023年2月27日(月) 10時7分43秒 | 173 view次はURLのogp出力に挑戦
2020年10月30日(金) 16時52分19秒 | 95 viewPlayCanvasを使用してLooking Glassアプリを作成する:Looking Glass WebXR SDKの利用ガイド
2023年6月9日(金) 23時55分47秒 | 55 viewVOXELCANVASのモデルページをアップデートしました
2021年4月9日(金) 6時50分4秒 | 10 view