I'm new in AR develop. I'm trying to use AR.js to implement an AR web app, I was searching information about this but all sites have similar information.
I'm using this code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
</head>
<body>
<a-scene arjs>
<a-marker preset="hiro">
<a-entity position="0 0 0" scale="0.1 0.1 0.1">
<a-sphere radius="5" color="blue"></a-sphere>
</a-entity>
</a-marker>
<a-entity camera position="0 0 0"></a-entity>
</a-scene>
</body>
</html>
I tried to use CodPen for run the html file but it not display the sphere.
Thanks in advance. If someone knows another form to implement AR, that helps too.