https://a01.tech/

Submitted URL:
https://a01.tech/
Report Finished:

JavaScript Variables · 32 found

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
THREEobject
$function
jQueryfunction
sceneobject
rendererundefined
cameraundefined
planGeoundefined

Console log messages · 5 found

TypeCategoryLog
errornetwork
URL
https://a01.tech/CGI
Text
Failed to load resource: the server responded with a status of 404 (Not Found)
logother
URL
https://a01.tech/js/three.js
Text
THREE.WebGLRenderer 84
errorother
URL
https://a01.tech/js/three.js
Text
THREE.WebGLRenderer: Error creating WebGL context.
logother
URL
https://a01.tech/
Text
Looking for the perfect code?
errornetwork
URL
https://a01.tech/favicon.ico
Text
Failed to load resource: the server responded with a status of 404 (Not Found)

HTML

<!DOCTYPE html><html><head>
		<meta charset="utf-8">
		<title>a01.tech</title>
		<script src="CGI" charset="utf-8"></script>
		<script type="text/javascript" src="js/three.js"></script>
		<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
		<style>
					body{
						margin:0%;
						padding: 0;
						overflow: hidden;
						background-color: #000;
						}
						h1{
							color:lime;
						}
					.space{
						width: 100vw;
						height: 100vh;
						display: flex;
						justify-content: center;
						align-items: center;
						align-content: center;
						flex-direction: column;
						}

					p{
						color: grey;
						font-size: 20px;
						font-family: monospace;
						position:relative;
						}

					#logoa{
						margin:0;
						width: 100px;
						height: 100px;
						display: flex;
						justify-content: center;
						align-items: center;
						align-content: center;
						flex-direction: column;
						
					}

		</style>
	</head>

<body>

	
<div class="space">

	<div class="nom">
	 <p>a01.tech</p>
	</div>

		<div id="logoa"></div>

		<script type="text/javascript">
				var scene = new THREE.Scene();
				var renderer = new THREE.WebGLRenderer();
				renderer.setClearColor(0x000);
				renderer.setSize(200, 200);
				renderer.shadowMap.enabled = true;
				var camera = new THREE.PerspectiveCamera( 1, 200 / 200, 0.1, 1000);
				camera.position.x = 0;
				camera.position.y = 0;
				camera.position.z = 500;
				camera.lookAt(scene.position);

				var planGeo = new THREE.PlaneGeometry( 0.5, 0.5);
				var obMat = new THREE.MeshBasicMaterial({color: 0xffffff});
				var plan = new THREE.Mesh(planGeo, obMat);
				//scene.add(plan);

				var spheGeometry = new THREE.SphereGeometry(1,6);
				var materialSphe = new THREE.MeshBasicMaterial({color: 0x555555, wireframe:true });
				var sphe = new THREE.Mesh(spheGeometry, materialSphe);
				sphe.position.x=0;
				sphe.position.y=0;
				sphe.position.z=0;
				scene.add(sphe);

				var spheGeometry2 = new THREE.SphereGeometry(0.1,64);
				var MaterialSphe2 = new THREE.MeshBasicMaterial({color: 0x0000, wireframe:false });
				var sphe = new THREE.Mesh(spheGeometry2, MaterialSphe2);
				sphe.position.x=0;
				sphe.position.y=0;
				sphe.position.z=0;
				scene.add(sphe);

				var azulGeometry = new THREE.CubeGeometry(0,0.3,0.3);
				azulGeometry.applyMatrix ( new THREE.Matrix4().makeTranslation( 1, 0, 0 ) );
				var MaterialAzul = new THREE.MeshBasicMaterial({color: 0xbfffff });
				var azul = new THREE.Mesh(azulGeometry, MaterialAzul);
				azul.position.x=0;
				azul.position.y=0;
				azul.position.z=0;
				scene.add(azul);

				var cubeGeometry = new THREE.CubeGeometry(0, 0.3 ,0.3);
				cubeGeometry.applyMatrix ( new THREE.Matrix4().makeTranslation( 1, 0, 0 ) );
				var MaterialVerde = new THREE.MeshBasicMaterial({color: 0xa7ff91, wireframe: false  });
				var verd = new THREE.Mesh(cubeGeometry, MaterialVerde);
				verd.position.x=0;
				verd.position.y=0;
				verd.position.z=0;
				scene.add(verd);

				var cubeGeometry = new THREE.CubeGeometry(0,0.3,0.3);
				cubeGeometry.applyMatrix ( new THREE.Matrix4().makeTranslation( 1, 0, 0 ) );
				var MaterialNaranja = new THREE.MeshBasicMaterial({color: 0xffbb78, wireframe: false  });
				var nara = new THREE.Mesh(cubeGeometry, MaterialNaranja);
				nara.position.x=0;
				nara.position.y=0;
				nara.position.z=0;
				scene.add(nara);

				var cubeGeometry = new THREE.CubeGeometry(0,0.3,0.3);
				cubeGeometry.applyMatrix ( new THREE.Matrix4().makeTranslation( 1, 0, 0 ) );
				var MaterialGranate = new THREE.MeshBasicMaterial({color: 0xa9717b, wireframe: false  });
				var gran = new THREE.Mesh(cubeGeometry, MaterialGranate);
				gran.position.x=0;
				gran.position.y=0;
				gran.position.z=0;
				scene.add(gran);

				var cubeGeometry = new THREE.CubeGeometry(0,0.3,0.3);
				cubeGeometry.applyMatrix ( new THREE.Matrix4().makeTranslation( 1, 0, 0 ) );
				var MaterialNaranja = new THREE.MeshBasicMaterial({color: 0xa9a9a9, wireframe: false  });
				var gris = new THREE.Mesh(cubeGeometry, MaterialNaranja);
				gris.position.x=0;
				gris.position.y=0;
				gris.position.z=0;
				scene.add(gris);

				var CubeGeometry = new THREE.CubeGeometry(0,0.3,0.3);
				CubeGeometry.applyMatrix ( new THREE.Matrix4().makeTranslation( 1.5, 0, 0 ) );
				var MaterialOutrageous = new THREE.MeshBasicMaterial({color: 0xff6e4a, wireframe: false  });
				var outrageous = new THREE.Mesh(CubeGeometry, MaterialOutrageous);
				outrageous.position.x=0;
				outrageous.position.y=0;
				outrageous.position.z=0;
				scene.add();

        $("#logoa").append(renderer.domElement);

				render();

				function render(){

				azul.rotation.x += 0.0005*Math.PI;
				azul.rotation.y += 0.0005;
				azul.rotation.z += 0.05;
				verd.rotation.x += 0.0005*Math.PI;
				verd.rotation.y += 0.07;
				verd.rotation.z += 0.05;
				nara.rotation.x += 0.005*Math.PI/2;
				nara.rotation.y += 0.05;
				nara.rotation.z -= 0.005;
				gran.rotation.x += 0.0005*Math.PI;
				gran.rotation.y += 0.05;
				gran.rotation.z += 0.005;
				gris.rotation.x += 0.005*Math.PI;
				gris.rotation.y += 0.005;
				gris.rotation.z += 0.05;

				outrageous.rotation.x += 0.07*Math.PI;
				outrageous.rotation.y += 0.05*Math.PI;
				outrageous.rotation.z += 0.005;

				plan.position.z = -0.5;
				plan.rotation.x = 0.0;
				plan.rotation.y = 0.;
				plan.rotation.z = 0;

				requestAnimationFrame(render);
				renderer.render(scene, camera);
				}

			 </script>

			  <script type="text/javascript">
 		 	  console.log("Looking for the perfect code?");
				</script>



	
</div>



</body></html>