<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Models (glTF, OBJ)</title>
<meta name="description" content="Models (glTF, OBJ) — A-Frame">
<script src="../../../dist/aframe-master.js"></script>
</head>
<body>
<a-scene renderer="colorManagement: true;">
<a-assets>
<a-asset-item id="tree1" src="../../assets/models/tree1.glb"></a-asset-item>
<a-asset-item id="tree2" src="../../assets/models/tree2.glb"></a-asset-item>
<a-asset-item id="crate-mtl" src="../../assets/models/crate/crate.mtl"></a-asset-item>
<a-asset-item id="crate-obj" src="../../assets/models/crate/crate.obj"></a-asset-item>
<a-asset-item id="brainstem" src="https://cdn.aframe.io/test-models/models/glTF-2.0/brainstem/BrainStem.gltf"></a-asset-item>
<img id="sky" src="peach-gradient.jpg">
</a-assets>
<a-entity position="0 0 4">
<a-camera></a-camera>
</a-entity>
<a-gltf-model src="#brainstem" position="-2 0 -1" scale="1.6 1.6 1.6"></a-gltf-model>
<a-obj-model src="#crate-obj" mtl="#crate-mtl"></a-obj-model>
<a-gltf-model src="#tree1" position="1 0 -1" rotation="0 30 0"
scale="1.4 1.4 1.4"></a-gltf-model>
<a-gltf-model src="#tree2" position="2.5 0 1.5" rotation="0 25 0"
scale="1.4 1.4 1.4"></a-gltf-model>
<a-gltf-model src="#tree2" position="-2 0 -4" rotation="0 60 0"
scale="1.5 1.5 1.5"></a-gltf-model>
<a-gltf-model src="#tree1" position="-8 0 -9" rotation="0 60 0"
scale="1.4 1.4 1.4"></a-gltf-model>
<a-gltf-model src="#tree2" position="-12 0 3" rotation="0 60 0"
scale="1.5 1.5 1.5"></a-gltf-model>
<a-gltf-model src="#tree1" position="-7 0 -3" rotation="0 60 0"
scale="1.3 1.3 1.3"></a-gltf-model>
<a-gltf-model src="#tree2" position="-4 0 1" rotation="0 10 0"
scale="1.4 1.4 1.4"></a-gltf-model>
<a-gltf-model src="#tree1" position="-5 0 5" rotation="0 45 0"
scale="1.5 1.5 1.5"></a-gltf-model>
<a-gltf-model src="#tree2" position="0 0 9" rotation="0 220 0"
scale="1.6 1.6 1.6"></a-gltf-model>
<a-gltf-model src="#tree2" position="-2 0 12" rotation="0 30 0"
scale="1.4 1.4 1.4"></a-gltf-model>
<a-gltf-model src="#tree1" position="-7 0 10" rotation="0 30 0"
scale="1.4 1.4 1.4"></a-gltf-model>
<a-sky src="#sky"></a-sky>
<a-light type="ambient" color="#ccc"></a-light>
<a-light color="#ddf" distance="100" intensity="0.4" type="point"></a-light>
</a-scene>
</body>
</html>
