Spaces:
Sleeping
Sleeping
| <!-- Symbolic 3D Overlay (WebGL) --> | |
| <html> | |
| <head><title>Codex 3D Overlay</title></head> | |
| <body style="margin:0"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> | |
| <script> | |
| const scene = new THREE.Scene(); | |
| const camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); | |
| const renderer = new THREE.WebGLRenderer(); | |
| renderer.setSize(window.innerWidth, window.innerHeight); | |
| document.body.appendChild(renderer.domElement); | |
| const geometry = new THREE.TorusKnotGeometry(1, 0.3, 128, 64); | |
| const material = new THREE.MeshNormalMaterial(); | |
| const torusKnot = new THREE.Mesh(geometry, material); | |
| scene.add(torusKnot); | |
| camera.position.z = 5; | |
| function animate() { | |
| requestAnimationFrame(animate); | |
| torusKnot.rotation.x += 0.01; | |
| torusKnot.rotation.y += 0.01; | |
| renderer.render(scene, camera); | |
| } | |
| animate(); | |
| </script> | |
| </body> | |
| </html> | |