最近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ないかな
試してみたい。
microCMSにプリセットで入っているimgixを利用してお手軽に動的OGPを設定する
2021年9月6日(月) 14時33分9秒 | 187 viewPlayCanvas Editor APIで面倒な作業を自動化する
2022年4月18日(月) 6時39分30秒 | 153 viewWebサイトの変更を監視してLINEに即通知を行うシステムを開発・提供しています
2021年6月28日(月) 5時21分3秒 | 141 view会社のテックブログを勝手に爆速にしてみた
2021年2月1日(月) 14時22分18秒 | 29 viewbacknumberを実装した
2020年10月21日(水) 9時34分34秒 | 16 view