<!DOCTYPE html>
<html>
<head>
<title>3D Models - 01 - glTF</title>
<script src="https://aframe.io/releases/1.4.1/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<a-asset-item
id="avocato"
src="https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/Avocado/glTF/Avocado.gltf"
></a-asset-item>
<!--
<a-asset-item
id="duck"
src="https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/Duck/glTF/Duck.gltf"
>
</a-asset-item>
-->
<!--
<a-asset-item
id="centurion"
src="https://raw.githubusercontent.com/jorgecardoso/aframe-usj-models/master/centurion/centurion.gltf"
>
</a-asset-item>
-->
</a-assets>
<a-gltf-model
position="0 1.6 -1"
scale="8 8 8"
src="#avocato"
></a-gltf-model>
<a-box position="-1 1.6 -1" color="red">
</a-box>
</a-scene>
</body>
</html>