3d brain hijack

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>3D Brain Hijack – Meth + GHB + Grindr</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
  <style>
    body { margin:0; background:#000; overflow:hidden; font-family:'Segoe UI',sans-serif; }
    #overlay {
      position: absolute; top: 20px; left: 20px; background: rgba(0,0,0,0.85);
      padding: 25px; border-radius: 20px; color: #eee; max-width: 420px; z-index: 100;
      box-shadow: 0 0 40px rgba(255,51,102,0.4);
    }
    h1 { color: #ff3366; margin: 0 0 12px; font-size: 32px; }
    #hourValue { font-size: 48px; font-weight: bold; color: #ff3366; }
    #status { margin-top: 20px; font-size: 22px; line-height: 1.4; min-height: 110px; }
  </style>
</head>
<body>
  <div id="overlay">
    <h1>3D BRAIN HIJACK</h1>
    <p style="margin-bottom:15px;">Meth + GHB + Grindr in real time</p>
    <label>Hours into session: <span id="hourValue">0</span></label><br>
    <input type="range" id="slider" min="0" max="36" value="0" step="1" style="width:100%;margin:15px 0;">
    <div id="status">Drag the slider to watch the hijack unfold</div>
  </div>

  <script>
    const scene = new THREE.Scene();
    const camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 1000);
    const renderer = new THREE.WebGLRenderer({ antialias: true });
    renderer.setSize(window.innerWidth, window.innerHeight);
    renderer.setPixelRatio(window.devicePixelRatio);
    document.body.appendChild(renderer.domElement);

    camera.position.set(0, 80, 420);

    const brain = new THREE.Group();

    // Main brain mass
    const brainMesh = new THREE.Mesh(
      new THREE.SphereGeometry(130, 32, 32),
      new THREE.MeshPhongMaterial({ color: 0x222222, shininess: 8 })
    );
    brain.add(brainMesh);

    // VTA (Dopamine factory)
    const vta = new THREE.Mesh(new THREE.SphereGeometry(32, 32, 32), new THREE.MeshPhongMaterial({ color: 0x222222 }));
    vta.position.set(0, -25, 65);
    brain.add(vta);

    // NAc (Reward center)
    const nac = new THREE.Mesh(new THREE.SphereGeometry(42, 32, 32), new THREE.MeshPhongMaterial({ color: 0x222222 }));
    nac.position.set(0, 30, 45);
    brain.add(nac);

    // Prefrontal Cortex (The brakes)
    const pfc = new THREE.Mesh(new THREE.BoxGeometry(160, 85, 95), new THREE.MeshPhongMaterial({ color: 0x222222 }));
    pfc.position.set(0, 125, 0);
    brain.add(pfc);

    // Amygdala (Panic button)
    const amyg = new THREE.Mesh(new THREE.SphereGeometry(35, 32, 32), new THREE.MeshPhongMaterial({ color: 0x222222 }));
    amyg.position.set(85, -35, 35);
    brain.add(amyg);

    scene.add(brain);

    // Lights
    scene.add(new THREE.AmbientLight(0x404040));
    const light = new THREE.DirectionalLight(0xffffff, 1.4);
    light.position.set(250, 300, 400);
    scene.add(light);

    function updateBrain(hour) {
      document.getElementById('hourValue').textContent = hour;

      vta.material.color.set(0x222222);
      nac.material.color.set(0x222222);
      pfc.material.color.set(0x222222);
      amyg.material.color.set(0x222222);

      const status = document.getElementById('status');

      if (hour <= 6) {
        vta.material.color.set(0x00ff88);
        nac.material.color.set(0x00ff88);
        status.innerHTML = "💉 <strong>DOPAMINE TSUNAMI</strong><br>Reward system fully activated";
      } else if (hour <= 14) {
        vta.material.color.set(0xffaa00);
        nac.material.color.set(0xffaa00);
        pfc.material.color.set(0xff8800);
        status.innerHTML = "📱 <strong>COMPULSIVE LOOP</strong><br>Prefrontal cortex weakening";
      } else if (hour <= 24) {
        nac.material.color.set(0xff3366);
        pfc.material.color.set(0x330000);
        amyg.material.color.set(0xff0066);
        status.innerHTML = "💥 <strong>THE MOMENT YOU STOP CHOOSING</strong><br>Prefrontal cortex OFFLINE<br>Amygdala hijacked";
      } else {
        vta.material.color.set(0x111111);
        nac.material.color.set(0x111111);
        pfc.material.color.set(0x000000);
        amyg.material.color.set(0x330000);
        status.innerHTML = "☠️ <strong>TOTAL HIJACK</strong><br>Reward system crashed";
      }
    }

    function animate() {
      requestAnimationFrame(animate);
      brain.rotation.y += 0.0015;
      renderer.render(scene, camera);
    }
    animate();

    const slider = document.getElementById('slider');
    slider.addEventListener('input', () => updateBrain(parseInt(slider.value)));

    updateBrain(0);

    window.addEventListener('resize', () => {
      camera.aspect = window.innerWidth / window.innerHeight;
      camera.updateProjectionMatrix();
      renderer.setSize(window.innerWidth, window.innerHeight);
    });
  </script>
</body>
</html>

Comments

Popular posts from this blog