██╗  ██╗██╗███╗   ███╗ ██████╗ ██╗     ██╗███████╗███████╗██████╗ 
██║ ██╔╝██║████╗ ████║██╔═══██╗██║     ██║╚══███╔╝██╔════╝██╔══██╗
█████╔╝ ██║██╔████╔██║██║   ██║██║     ██║  ███╔╝ █████╗  ██████╔╝
██╔═██╗ ██║██║╚██╔╝██║██║   ██║██║     ██║ ███╔╝  ██╔══╝  ██╔══██╗
██║  ██╗██║██║ ╚═╝ ██║╚██████╔╝███████╗██║███████╗███████╗██║  ██║
╚═╝  ╚═╝╚═╝╚═╝     ╚═╝ ╚═════╝ ╚══════╝╚═╝╚══════╝╚══════╝╚═╝  ╚═╝
░▒▓█ V E R S I O N  2 . 1  Q W █▓▒░
☆゚.*・。゚  "QW-3N CORE EDITION"  。゚.*・。゚
aka "KIMOLIZER by Pepe Redura & The Q-Engine"
════════════════════════════════════════════════════════════════════

K I M O L I Z E R 2.1 QW

MULTI-ENGINE AUDIO VIZZER // Q-ENGINE INTEGRATED

Win10/11MacLinux PoponiaOSMerlo Place v3.1

📦 RELEASE INFO

[ PEPE.REDURA PROUDLY PRESENTS ]
╔═══════════════════════════════╗
║  K I M O L I Z E R   2 . 1    ║
║   Multi-Engine Audio Vizzer   ║
╚═══════════════════════════════╝
☆゚.*・。゚ CODER.....: Pepe Redura 。゚.*・。゚
·.¸¸.-> CRACKER...: Blacker Flit <-.¸¸.
XxX_PACKAGER..: Pocho Peloponeso_XxX
†... ENGINE....: QW-3N Neural Core (sutil, como la inteligencia de quien lee READMEs) ...†
°o.O PROTECTION: Ninguna. Si te lo vendieron, te cagaron. Tu vieja en tanga se entera antes que el F12. O.o°
【ツ】 DATE......: Abril 2026 【ツ】
ஐ εїз ORIGIN....: Q-Engine + 1 humano en un tupper en Bajo Ayolas ஐ

🎭 DEDICATORIA EMOTIVA (Y RARA)

A Perón, porque sin organización no hay deploy que aguante.
A Luther Blissett, por la autoría colectiva y el mito.
A Tony Medina, por entender que el código es arte callejero.
A James Brown, porque sin funk no hay visualización que valga.
A Chocolate Voley y Thchami, por bancar la demo en la previa.
A El 10 del Milan, que pasa la pelota justo cuando el render se tildaba.
A Feto Warez, por crackear lo imposible con ganas.
A Blacker Flit, por firmar el .nfo y bancar los bugs.
A Pocho Peloponeso, por empaquetar esto en un tupper digital.
A Pepe Redura, por integrar el Q-Engine y no volverse loco.

🎛️ 6 MODOS VISUALES

  • ⭕ CIRCULAR MODE Canvas 2D
    Barras radiales que salen de un círculo pulsante. Estilo: "vinilo tocadiscos espacial". Nivel de psicodelia: 7/10
  • 〰️ OSCILOSCOPIO MODE Canvas 2D
    Onda de audio en tiempo real con reflejo espejo. Estilo: "Matrix meets hospital cardíaco". Nivel: 5/10
  • ✨ PARTÍCULAS MODE Canvas 2D
    150 partículas orbitando como locas. Reaccionan a las frecuencias. Estilo: "galaxia en un frasco". Nivel: 9/10
  • 🌆 NEON PULSE GLSL Shader
    Grid synthwave estilo Miami Vice. 12 estrellas que siguen frecuencias. Glitch ocasional (feature). Nivel: 11/10
  • 🔥 SPECTRUM FIRE GLSL Shader
    Fuego que sube según frecuencias. 20 partículas + chispas. Estilo: "Infierno de Dante meets Winamp". Nivel: 10/10
  • 🌀 MILKDROP MODE Butterchurn
    400+ PRESETS legendarios. Navegación suave. Estilo: "Nostalgia 2005 en esteroides". Nivel: ∞/10

🔊 3 FUENTES DE AUDIO

📁 ARCHIVO

Arrastrá MP3, WAV, OGG, M4A. Loop automático. Soporta hasta 2GB (testeado con "Shine On You Crazy Diamond").

🎤 MICRÓFONO

Visualizá tu voz en tiempo real. Ideal para: cantar mal, gritar, respirar fuerte. TIP: Pegale a tu PC mientras está activo (es arte).

▶️ DEMO

Tono generado con oscilador + LFO (220Hz modulado a 2Hz). Ciencia pura. Si tu hermana te invitó a comer guiso, usá esto de fondo.

🏗️ ARQUITECTURA

🎵 AUDIO INPUT ──► 🔊 AudioManager (Web Audio API)
                      ├─ SourceNode
                      ├─ AnalyserNode (FFT: 256 → 128 bins)
                      └─ GainNode
                      ▼
                  📊 AudioData { frequency, timeDomain, bass, mid, treble }
                      ▼
                  🎛️ ModeManager (Hot-Swapping) ──► SIN CORTAR AUDIO
                      ▼
          ┌───────────┼───────────┐
          ▼           ▼           ▼
     🖥️ Canvas2D    🎲 Three.js   🥛 Butterchurn
          │           │           │
          └───────────┼───────────┘
                      ▼
                  ✨ PANTALLA

HOT-SWAPPING 1 RENDERER ACTIVO LOCALSTORAGE

📥 INSTALACIÓN

OPCIÓN A - PYTHON (LA MÁS FÁCIL)

python3 -m http.server 8080

OPCIÓN B - NODE.JS (PARA HIPSTERS)

npx serve

OPCIÓN C - PHP (PORQUE SÍ)

php -S localhost:8080

⚠️ OPCIÓN D - DOBLE CLICK: NO FUNCIONA por CORS/ES6 modules. Usá servidor local.

🕹️ CONTROLES

  • ← / P ──► Modo anterior
  • → / N ──► Siguiente modo
  • F11 ──► Pantalla completa
  • Milkdrop ──► ⏮ Anterior | ⏭ Siguiente | 🎲 Aleatorio | Selector

🆘 TROUBLESHOOTING (CUANDO TROTRONÓ)

  • PANTALLA NEGRA / NO SE VE NADA: F12 → Consola. Usá servidor local. Probá Demo primero. Si sigue igual, TROTRONÓ en Gulubú.
  • "Error loading Three.js" / NO FUNCA: Revisá tu conexión a internet. Refrescá (F5). Si no podés, pisá el triple y usá Canvas2D.
  • "WebGL no disponible": Tu navegador/GPU TROTRONANDO. Shaders y Butterchurn NWANDA NARA DE NADA. Usá modos Canvas2D.
  • MICRÓFONO NO ANDA: Necesitás HTTPS o localhost. Dale permisos. Si tu vieja en tanga te mira por la cámara, cerrá la app.
  • FPS BAJO / SE TRABA: Usá Canvas2D. Cerrá pestañas. En móviles: olvidate de WebGL. Piso la bolsa si intentás 4K en un celular del 2018.
  • BUTTERCHURN SE CUELGA: Es pesado, dale tiempo. Reducí pixelRatio. Si Chetoslovaquia se congela, reiniciá.

🧪 CREAR TU PROPIO MODO

Canvas 2D

import { CanvasMode } from '../renderers/Canvas2DRenderer.js'; export class MiModo extends CanvasMode { constructor() { super('mi-modo', 'Mi Visualización'); } draw(canvas, ctx, freq, time, avg) { this.applyFadeEffect(ctx, canvas, 0.2); ctx.beginPath(); ctx.arc(canvas.width/2, canvas.height/2, 50 + avg * 100, 0, Math.PI*2); ctx.fillStyle = `rgba(0, 255, 255, ${avg})`; ctx.fill(); } }

Shader GLSL

export const miShader = { vertexShader: `...`, fragmentShader: `uniform float uTime; uniform sampler2D uAudioTexture; uniform float uAverageVolume; varying vec2 vUv; void main(){ float f = texture2D(uAudioTexture, vec2(vUv.x, 0.5)).r / 255.0; gl_FragColor = vec4(vec3(f * uAverageVolume), 1.0); }` };

👥 CREDITS & SHOUTS

TEAM: Pepe Redura (Integrador), Blacker Flit, Pocho Peloponeso, Feto Warez, QW-3N Core
SHOUTS: Winamp (1997), Milkdrop, Demoscene 90s, Audacity 2026, BBS Argentina, Charly García, Merlo Place, Bajo Ayolas
SPECIAL: Nerds que leen READMEs, Ctrl+U users, extrañadores de Winamp, Luther Blissett (por la autoría), Perón (por la organización del código), James Brown, El 10 del Milan, Chocolate Voley, Thchami, Tony Medina.
ADVERTENCIA: Si borrás esto, tu código solo andará en IE6. Y TAMBIEN Tu abuela te ve en 4K. Y ADEMASSSS Tu ex encuentra tu Fotolog .

📜 ESTATUTO DE LA LIMPIEZA (LEY 70.014)

ART. 1: Software GRATIS. Si te lo vendieron, te cagaron.
ART. 2: Comentar es ley. El que suba código sin documentar: picará COBOL en Bodornia. Llorando en Uqbar por toda la eternidad. Jugando la promoción sin irse del todo a la B. Con IE6. En Vista. Sin Stack Overflow.
ART. 3: Si hay bug, hacé PR o callate. (Mentira, reportalo, no soy forro)
ART. 4: Licencia MIT. Copiá, modificá, vendé. NO borrés créditos. Suscribite al canal inexistente.
ART. 5: Si tu hermana te invita a comer guiso y usás `eval()` en producción, merecés la trotrona eterna.