Three.jsはHTMLの3D技術「WebGL」を扱いやすくしたフレームワークです。Three.jsを使えばGPUによる本格的な3D表現をプラグイン無しで作成できます。 ライブラリのセットアップから3D画面への表示および直方体の回転までを紹介します。手順通りに進めば、20分くらいで作業が完了できると思います。 サンプルを再生する サンプルのソースコードを確認する まずはHTMLファイルを用意して、次のコードを貼り付けて試してください。 <html> <head> <meta charset="utf-8" /> <script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.164.1/build/three.module.js" } } </script> <script t
![簡単な Three.js のサンプルを試そう - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/877fbd3619e36c75d49ceb25fdaf7e0d8470af66/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Ftutorial-three%2Fimgs%2Fsummary_large_image.png)