<!DOCTYPE html>
<html>
<head>
<title>Sprites - 02</title>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-environment-component/dist/aframe-environment-component.min.js"></script>
<script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
<script src="https://stemkoski.github.io/A-Frame-Examples/js/aframe-spritesheet-animation.js"></script>
<script src="../js/livecode.js"></script>
</head>
<body>
<a-scene cursor="rayOrigin: mouse" background="color: lightblue">
<a-assets>
<img id="guy-spritesheet" src="https://cdn.glitch.com/80978ab7-9db6-45ae-bc43-4fab16bdbb6e%2Fcapguy-walk-1472.png?v=1619477622177">
</a-assets>
<a-entity id="env" environment="preset:forest"></a-entity>
<a-image src="#guy-spritesheet" position="0 1.6 -2" look-at="#user" spritesheet-animation="columns:8; rows: 1; frameDuration: 0.08; loop: true;"></a-image>
<a-camera id="user"></a-camera>
</a-scene>
</body>
</html>