More than 3 years have passed since last update.

A-Frameで3Dモデルを使用するときのメモ

Last updated at 2020-09-13Posted at 2020-09-13

ローカルで動かすのに苦戦したのでメモ

A-Frameで3Dモデル
gltfモデルのサンプルを落としてきた。

scene.gltf
scene.bin
index.html

index.html

<!doctype html>
<html>
  <head>
    <!-- A-Frameの導入 -->
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>

    <title>A-Frame</title>
  </head>
  <body>
    <a-scene>
      <!-- gltfファイル -->
      <a-assets>
        <a-asset-items id="bird" src="scene.gltf" ></a-asset-items>
      </a-assets>
      <a-entity gltf-model="#bird" scale="0.01 0.01 0.01"></a-entity>   
    </a-scene>
  </body>
</html>

index.htmlをそのままクリックしても開かない。
VScodeのliveserverか、Netlifyにデプロイして実行。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up