A-Frame
A-FrameとはHTMLとJavaScriptを使用して3DとかVRとか作れるやつです
サイトを見るとサンプルが色々あって面白いです
試してみると・・・
HTMLタグだけで3Dの図形ができるのでマイクラみたいにしたくなりました
// これだけで3dの箱が設置される！
<a-box position="0 0 0" color="green" />
作ったサンプル
WASDでカメラ移動、QEで上昇下降、クリックすると赤いレティクルの位置にブロックを設置します
PC&chromeでしか動作確認してません
URL: https://babu-ch.github.io/aframe-micra/
メインのソース: https://github.com/babu-ch/aframe-micra/blob/main/src/main.ts
結構それっぺぇですよね
地面を緑のブロックで埋めて、クリックするとその面にブロックを生やす実装です
おわり
さすがにブロック多いと重いです
でもこの実装が60行くらいでできるのでA-Frameすごいですよね 