📦 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 8080OPCIÓN B - NODE.JS (PARA HIPSTERS)
npx serveOPCIÓ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.