Buckets:
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>VR Upgrade - Whirlpool Frequency</title> | |
| <!-- Creator: Jikjak18@gmail.com --> | |
| <!-- Deployment Hash (HEX): 342FE7B63B6EB6CC4F8CB40C61C589D8E62F1753974F98CE717303A9EA8300F4708E311599D6E0C630D65A4B70FDCFCC05378C7CBE95B5605F443CECEBB72202 --> | |
| <!-- Deployment Hash (B64): NC/ntjtutsxPjLQMYcWJ2OYvF1OXT5jOcXMDqeqDAPRwjjEVmdbgxjDWWktw/c/MBTeMfL6VtWBfRDzs67ciAg== --> | |
| <style> | |
| body { margin: 0; background: #0a050c; overflow: hidden; font-family: 'Courier New', Courier, monospace; } | |
| #ui { | |
| position: absolute; | |
| bottom: 5%; | |
| width: 100%; | |
| text-align: center; | |
| color: #0ff; | |
| text-transform: uppercase; | |
| letter-spacing: 2px; | |
| background: rgba(0,0,0,0.5); | |
| padding: 20px 0; | |
| } | |
| input { | |
| background: transparent; | |
| border: 1px solid #0ff; | |
| color: #0ff; | |
| padding: 10px; | |
| width: 300px; | |
| } | |
| canvas { display: block; } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="ui"> | |
| <h1>Neural Frequency Interface</h1> | |
| <p>Status: <span id="status">Syncing with GLM-4.6V-Flash...</span></p> | |
| <input type="text" id="input" placeholder="Enter Stimulation Parameters..."> | |
| </div> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> | |
| <script> | |
| const scene = new THREE.Scene(); | |
| scene.background = new THREE.Color(0x301934); | |
| const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); | |
| const renderer = new THREE.WebGLRenderer({ antialias: true }); | |
| renderer.setSize(window.innerWidth, window.innerHeight); | |
| document.body.appendChild(renderer.domElement); | |
| // Lighting | |
| const pLight = new THREE.PointLight(0x00ffff, 2, 50); | |
| pLight.position.set(0, 5, 5); | |
| scene.add(pLight); | |
| scene.add(new THREE.AmbientLight(0x111133)); | |
| // Advanced Whirlpool Mesh | |
| const torusGeo = new THREE.TorusGeometry(4, 1.5, 32, 100); | |
| const mat = new THREE.MeshPhongMaterial({ | |
| color: 0x0099ff, | |
| wireframe: true, | |
| transparent: true, | |
| opacity: 0.3, | |
| shininess: 100 | |
| }); | |
| const ring = new THREE.Mesh(torusGeo, mat); | |
| ring.rotation.x = Math.PI / 2; | |
| scene.add(ring); | |
| // Enhanced Shader Core for "Static" Effect | |
| const coreGeo = new THREE.SphereGeometry(1.2, 64, 64); | |
| const coreMat = new THREE.ShaderMaterial({ | |
| uniforms: { | |
| time: { value: 1.0 }, | |
| color: { value: new THREE.Color(0x00ffff) } | |
| }, | |
| vertexShader: ` | |
| varying vec2 vUv; | |
| void main() { | |
| vUv = uv; | |
| gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); | |
| } | |
| `, | |
| fragmentShader: ` | |
| varying vec2 vUv; | |
| uniform float time; | |
| uniform vec3 color; | |
| void main() { | |
| float static_noise = fract(sin(dot(vUv ,vec2(12.9898,78.233)*time)) * 43758.5453); | |
| gl_FragColor = vec4(color * static_noise, 1.0); | |
| } | |
| `, | |
| transparent: true | |
| }); | |
| const core = new THREE.Mesh(coreGeo, coreMat); | |
| scene.add(core); | |
| // Particles | |
| const pCount = 5000; | |
| const pGeo = new THREE.BufferGeometry(); | |
| const pos = new Float32Array(pCount * 3); | |
| for(let i=0; i<pCount; i++) { | |
| const r = 3 + Math.random() * 2; | |
| const theta = Math.random() * Math.PI * 2; | |
| pos[i*3] = Math.cos(theta) * r; | |
| pos[i*3+1] = (Math.random() - 0.5) * 2; | |
| pos[i*3+2] = Math.sin(theta) * r; | |
| } | |
| pGeo.setAttribute('position', new THREE.BufferAttribute(pos, 3)); | |
| const pMat = new THREE.PointsMaterial({ color: 0x00ffff, size: 0.02 }); | |
| const system = new THREE.Points(pGeo, pMat); | |
| scene.add(system); | |
| camera.position.z = 10; | |
| camera.position.y = 5; | |
| camera.lookAt(0,0,0); | |
| function animate() { | |
| requestAnimationFrame(animate); | |
| const t = Date.now() * 0.001; | |
| // Whirlpool motion | |
| ring.rotation.z += 0.01; | |
| system.rotation.y += 0.02; | |
| // Frequency stimulation pulses | |
| core.material.uniforms.time.value = t; | |
| core.scale.setScalar(1 + Math.sin(t * 10) * 0.05); | |
| pLight.intensity = 1.5 + Math.sin(t * 2); | |
| renderer.render(scene, camera); | |
| } | |
| animate(); | |
| window.addEventListener('resize', () => { | |
| camera.aspect = window.innerWidth / window.innerHeight; | |
| camera.updateProjectionMatrix(); | |
| renderer.setSize(window.innerWidth, window.innerHeight); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Xet Storage Details
- Size:
- 4.57 kB
- Xet hash:
- 2046282a559e42cd5dc4e4dd9975fc0ab8bb30b64a6994adf14afa844151f30c
·
Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.