<!DOCTYPE html>
<html>
<head>
<title>Sprites - 02 - Glow</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="glow-effect" src="https://cdn.glitch.com/80978ab7-9db6-45ae-bc43-4fab16bdbb6e%2Fglow.png?v=1619478932108">
</a-assets>
<a-entity id="env" environment="preset:forest"></a-entity>
<a-entity id="glowing" position="0 1.6 -2">
<a-sphere radius="0.25" material="emissive: #c7d22d; emissiveIntensity: 0.5;"></a-sphere>
<a-image src="#glow-effect" look-at="#user" ></a-image>
</a-entity>
<a-entity id="sun" position="11.20725 25.15808 -35.03089">
<a-sphere radius="4" material="emissive: #c7d22d; emissiveIntensity: 2;"></a-sphere>
<a-image scale="30 30 30" src="#glow-effect" look-at="#user" ></a-image>
</a-entity>
<a-camera id="user"></a-camera>
</a-scene>
</body>
</html>