plnkerでa-frame その3

1455 ワード
A-Frame JavaScript glTF Plunker JavaScript テキストリンク

概要

plnkerでa-frameやってみた。
physicsやってみた。

写真

サンプルコード

  <a-scene physics>
    <a-assets>
      <a-asset-item id="model" src="https://rawcdn.githack.com/cx20/gltf-test/313ae4c3/sampleModels/Box/glTF-Embedded/Box.gltf"></a-asset-item>
    </a-assets>
    <a-gltf-model dynamic-body="shape: sphere; mass: 1" position="-2 1 -5" src="#model"></a-gltf-model>
    <a-gltf-model dynamic-body="shape: sphere; mass: 1" position="2 1 -5" rotation="0 180 0" src="#model"></a-gltf-model>
    <a-plane static-body width="20" height="20" position="0 0 0" rotation="-90 0 0" color="gold"></a-plane>
    <a-box static-body scale="10 2 1" position="0 2 -10"  color="gray"></a-box>
    <a-sky color="aqua"></a-sky>
    <a-camera universal-controls kinematic-body position="0 1.5 0"></a-camera>
  </a-scene>

成果物

以上。