<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>360° Image</title>
<meta name="description" content="360° Image - A-Frame">
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-sky src="R0011285_20250508162918.JPG" rotation="0 -90 0"></a-sky>
<a-sphere position="4 3 -20" radius="0.3" color="red"></a-sphere>
<a-sphere position="-120 4 -70" radius="3" color="yellow"></a-sphere>
<a-sphere position="-80 3 -70" radius="3" color="pink"></a-sphere>
<a-sphere position="-50 3 -90" radius="3" color="green"></a-sphere>
<a-sphere position="-14 3 -98" radius="3" color="blue"></a-sphere>
</a-scene>
</body>
</html>
