██╗  ██╗██╗███╗   ███╗ ██████╗ ██╗     ██╗███████╗███████╗██████╗
██║ ██╔╝██║████╗ ████║██╔═══██╗██║     ██║╚══███╔╝██╔════╝██╔══██╗
█████╔╝ ██║██╔████╔██║██║   ██║██║     ██║  ███╔╝ █████╗  ██████╔╝
██╔═██╗ ██║██║╚██╔╝██║██║   ██║██║     ██║ ███╔╝  ██╔══╝  ██╔══██╗
██║  ██╗██║██║ ╚═╝ ██║╚██████╔╝███████╗██║███████╗███████╗██║  ██║
╚═╝  ╚═╝╚═╝╚═╝     ╚═╝ ╚═════╝ ╚══════╝╚═╝╚══════╝╚══════╝╚═╝  ╚═╝
                 
              ░▒▓█ V E R S I O N  4 . 3 █▓▒░
         ☆゚.*・。゚  "B Y T E W I Z A R D"  。゚.*・。゚
                aka "Sergio Santagada"
               .www.kimosabi.net.ar/lab.
════════════════════════════════════════════════════════════════════

K I M O L I Z E R 4.3 BYTEWIZARD

WEB AUDIO API • BUFFER CACHE • 10-BAND EQ • VU METERS • VIZEQ • LOWER THIRD • LOGO FX

Win10/11MacLinux PoponiaOSMerlo Place v4.3 ByteWizard

📦 RELEASE INFO

                 [ PEPE.REDURA PROUDLY PRESENTS ]
        ╔═══════════════════════════════════════════╗
        ║   K I M O L I Z E R   4 . 3   FINAL      ║
        ║   "ByteWizard" Edition                   ║
        ║   Web Audio Visualizer + Audio Engine    ║
        ╚═══════════════════════════════════════════╝
             ☆゚.*・。゚ CODER.....: Pepe Redura 。゚.*・。゚
            ·.¸¸.-> CRACKER...: Cohn Jonnor <-.¸¸.
             XxX_PACKAGER..: Milo Monaco_XxX
     †... ENGINE....: QW-Core v4.3 (Web Audio API + Butterchurn) ...†
                 °o.O PROTECTION: Ninguna. . O.o°
                【ツ】 DATE....: Agosto 2026 【ツ】
   ஐ εїз ORIGIN..: 1 dev + Q-Core en un tupper en Bajo Ayolas ஐ

🚀 NOVEDADES 4.3 "BYTEWIZARD"

⚡ ACTUALIZACIÓN MAYOR: Kimolizer 4.3 trae 8 nuevas funcionalidades y más de 20 correcciones. El motor ahora es más estable, los efectos del logo son profesionales y las escenas guardan TODO.

  • 🎨 EFECTOS DE LOGO — 8 MODOS Nuevo
    Pulse, RGB Split, Rotación 3D, Glitch, Glow, Tinte (Color Overlay), Máscara (Canvas Masking) y Ninguno. Cada efecto tiene sus propios parámetros configurables. La máscara recorta el canvas usando la silueta del logo, tapando todo con color sólido. El tinte pinta la silueta del logo con un color plano. Ahora rebota todo el orto wacho la mejor.
  • 📐 OFFSET X/Y — AJUSTE FINO DEL LOGO Nuevo
    Desplazamiento del logo píxel a píxel (±50px) para alineación perfecta. Complementa la grilla de 9 posiciones. Ahora el logo queda donde vos querés, no donde el destino (o el CSS) decidió.
  • ⚡ PERFILES RÁPIDOS DE LOGO Nuevo
    3 perfiles preconfigurados: Arte (centrado, 100%), QR (costado, 40%), Watermark (esquina, 20%). Un click y tenés el logo listo, al toke literal.
  • 📺 LOWER THIRD — COVER ACTIVO POR DEFECTO Mejora
    La portada de la canción se muestra automáticamente. Si no hay cover, se usa un placeholder genérico. Margen de 15px entre cover y texto. Ya no tenés que explicarle a nadie qué canción está sonando. El LT lo hace por vos.
  • 🎛️ VIZEQ — ECUALIZADOR VISUAL FUNCIONAL Nuevo
    5 bandas (Sub, Bass, Mid, High, Treble) que afectan cómo el visualizador interpreta el audio. No modifica el sonido, modifica la REACCIÓN visual. Podés "matar" una banda o aumentar su sensibilidad. Es como ajustar diafragma de una cámara: no cambia lo que ves, cambia CÓMO lo ves.
  • 📊 VU METERS EN EL EQ Nuevo
    Barras de nivel en tiempo real dentro de cada fader del ecualizador. Colores: verde (bajo), amarillo (medio), naranja (alto), rojo (clip). Ahora sabés cuándo una banda está saturando sin tener que adivinar. Un buscapolo de frecuencias.
  • 🎬 ESCENAS — GUARDAN TODO Mejora
    Las escenas ahora guardan: preset, logo (posición, escala, opacidad, offset, efecto, parámetros), Lower Third (configuración completa), duración, y URL de canción/radio. 6 escenas por defecto con efectos y LT personalizados. Guardás una escena y te olvidás. Cuando la cargás, todo vuelve a su lugar. Como la Matrix, pero con visuales.
  • 🔄 SLIDERS MEJORADOS UX
    Rueda del mouse para ajustar, flechas del teclado, y clic en el valor numérico para editar directamente. Ya no tenés que pelear con el slider como si fuera un joystick de la Sega.

🎛️ EQ vs VizEq: DOS HERRAMIENTAS, DOS PROPOSITOS

⭐ CARACTERÍSTICA ÚNICA: Kimolizer 4.3 incluye dos sistemas de ecualización que cumplen funciones distintas. Ningún otro visualizador web hace esto.

🔊 EQ DE 10 BANDAS

Es como el ecualizador de una consola de mezcla. Subís o bajás frecuencias y el sonido cambia. Lo escuchás en los parlantes, lo sentís en el cuerpo. Con VU Meters incluidos.

🎨 VIZEQ — SENSIBILIDAD POR FRECUENCIA

Es como ajustar diafragma de una cámara. No cambia el sonido, cambia cómo el visualizador interpreta ese sonido para dibujar los gráficos. Podés hacer que los graves muevan más la imagen, o que los agudos sean más sutiles.

💡 MUCHO TEXTO HACELA KOLTA MONO: El EQ modifica lo que escuchás. El VizEq modifica lo que ves. Trabajan juntos, es como Gimli y Legolas: "¡Nunca imaginé que vería el día en que un EQ y un VizEq lucharían juntos!"

🎨 SISTEMA DE EFECTOS DEL LOGO — GLOSARIO

🎯 IMPORTANTE: Cada efecto tiene sus propios parámetros. No todos los efectos usan los mismos controles.

🌀 Pulse

Escalado sinusoidal. Parámetros: Velocidad (0.5-10x), Amplitud (5-50%).

🌈 RGB Split

Desplazamiento de canales de color. Parámetro: Separación (1-15px).

🔄 Rotación 3D

Rotación sobre eje X o Y. Parámetros: Duración vuelta (0.5-25s), Pausa (0-40s), Eje (Horizontal/Vertical).

⚡ Glitch

Desplazamientos aleatorios. Parámetros: Intensidad (1-20), Velocidad (1-10x).

✨ Glow

Resplandor difuso. Parámetro: Color (selector HEX).

🎨 Tinte

Pinta la silueta del logo con un color plano. Parámetro: Color (selector HEX). mask-image

🎭 Máscara

El canvas se recorta con la silueta del logo. Parámetro: Color de fondo (selector HEX). mask-image en canvas

⬜ Ninguno

Sin efecto. El logo se muestra estático.

🔬 TÉCNICO: Tinte y Máscara usan mask-image pero en targets diferentes. Tinte = mask-image en un div de color sobre el logo. Máscara = mask-image en el canvas con fondo sólido. No usamos mix-blend-mode porque en algunos navegadores se comporta como Nightcrawler de los X-Men zarpado de tusi.

🎬 ESCENAS POR DEFECTO (v4.3)

📋 6 ESCENAS LISTAS PARA USAR: Cada una con su preset, logo, efecto y LT personalizado.

# Escena Duración Efecto Logo Audio
1🎸 Rock Band Show360sGlitch (int:1, speed:10)
2☠️🟡 Frenchcore360sPulse (speed:0.5, amp:20)✅ Radio
3💿 New Album Release200sRotate (dur:15, pause:25)✅ MP3
4📱 Donate via QR600snone
5🎵 Full Album Experience400sPulse (speed:0.5, amp:15)✅ MP3
6📡 On Air900sRGB (sep:3)

💡 Cada escena tiene su propio Lower Third personalizado. Cargá una y fijate.

🎛️ ECUALIZADOR 10 BANDAS + VU METERS

⭐ NUEVO EN 4.3: Los faders del EQ ahora tienen barras de nivel (VU Meters) que muestran la energía en tiempo real de cada frecuencia.

📊 ESPECIFICACIONES TÉCNICAS

  • 10 Bandas: 31, 62, 125, 250, 500, 1k, 2k, 4k, 8k, 16k Hz
  • Rango: -12dB a +12dB (paso 0.5dB)
  • VU Meters: Barras verticales dentro de cada fader. Colores: verde (bajo), amarillo (medio), naranja (alto), rojo (clip)
  • Presets incluidos: Rock, Pop, Jazz, Club, Vocal, Bass Boost, Classical
  • Persistencia: Los valores se guardan en localStorage

🎯 PRESETS DISPONIBLES

🎸 Rock

Bajos y agudos reforzados, medios recortados.

🎤 Pop

Medios y agudos ligeramente elevados. Voces claras.

🎷 Jazz

Bajos suaves, medios cálidos. Sonido natural.

🪩 Club

Bajos potentes y agudos brillantes.

🎵 Vocal

Medios elevados para resaltar la voz.

🔊 Bass Boost

Bajos extremos. Para sentir el subwoofer.

🎻 Classical

Respuesta plana con ligero realce en agudos.

🎛️ Custom

Configuración manual. Se guarda automáticamente.

💡 POR QUÉ ES ÚNICO: La mayoría de los visualizadores web usan el ecualizador solo para visualización (gráficos de barras). Kimolizer 4.3 modifica el audio en tiempo real Y muestra VU Meters. Dos pájaros de un tiro, como dice el dicho.

🏗️ ARQUITECTURA 4.3

🎵 AUDIO INPUT (File/Mic/Line/Stream/URL) ──► 🎛️ AudioContext / BufferSourceNode
                                      ├─ Buffer Cache (Current + Next)
                                      ├─ GainNode (Vol + Crossfade)
                                      ├─ BiquadFilterNode (EQ 10 Bandas) ← CON VU METERS
                                      ├─ AnalyserNode (Radar + Visualización)
                                      ├─ Viz Bus (5 filtros → Butterchurn) ← NUEVO
                                      └─ Butterchurn (Visualizador)
                                      ▼
                                  📊 LOG TERMINAL + 📊 INFO PANEL
                                      ▼
                                  🎬 SCENES ENGINE (Guarda TODO)
                                      ▼
                          ┌───────────┼───────────┐
                          ▼           ▼           ▼
                      🎨 Canvas2D  🌆 Shaders  🥛 Butterchurn
                      (Logo FX)   (GLSL)      (Milkdrop)
                          │           │           │
                          └───────────┼───────────┘
                                      ▼
                                  ✨ PANTALLA

📥 INSTALACIÓN

OPCIÓN A - PYTHON

python3 -m http.server 8080

OPCIÓN B - NODE.JS

npx serve . -p 3000

⚠️ DOBLE CLICK: NO FUNCIONA por CORS/ES6. Usá servidor local o PISO LA BOLSA.

🕹️ CONTROLES

  • ← / → ──► Preset anterior / siguiente
  • Espacio ──► Play/Pause música
  • F ──► Pantalla completa
  • M ──► Activar/Desactivar micrófono
  • I ──► Abrir/Cerrar Radar de Inputs
  • H ──► Ayuda en pantalla
  • Click en 🎛️ EQ ──► Abrir ecualizador 10 bandas con VU Meters
  • Panel Opciones ──► Ajustar crossfade, reactividad, logo, blend, LT, VizEQ

🆘 TROUBLESHOOTING (CUANDO TROTRONÓ)

  • PANTALLA NEGRA / NO SE VE: Abrí servidor local. Probá URL directa. Si sigue igual, TROTRONÓ en Gulubú.
  • URL NO FUNCA: Verificá que sea enlace directo a MP3. Dropbox usa `?dl=1`. Si NWANDA NARA DE NADA, PISA EL TRIPLE.
  • 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 en un pentium 2 si intentás 4K.
  • LOS EFECTOS DEL LOGO NO SE VEN: Verificá que el logo esté cargado y que el efecto no sea "Ninguno". Si usás Máscara, el logo se oculta (es normal). No es un bug, es una feature que parece bug.
  • LAS ESCENAS NO GUARDAN EL LOGO: Asegurate de tener la versión 4.3. Las versiones anteriores no guardaban offset, LT ni efectos. Actualizate, que esto es como la vida: siempre hay una versión mejor.
  • EQ NO SE ESCUCHA: Verificá que la canción esté sonando. Los faders verticales se ajustan en tiempo real.
  • LOWER THIRD NO APARECE: Verificá que esté activado en la pestaña LT. Probá el disparo manual.
  • CROSSFADE SE SALTA: Revisá la duración. Asegurate de que el buffer precargó.
  • CARGA DE .MILK FALLA: Es esperado. El parser es experimental. Usá los presets incluidos en butterchurn. En Kimolizer 5 migramos a shaders nativos.
  • LOGS EXPLOTAN: Normal. Copialos y exportalos. Si colgás Chetoslovaquia, reiniciá el panel.

👥 CREDITS & SHOUTS

TEAM: Pepe Redura (Lead), Cohn Jonnor (Crack), Milo Monaco (Pack), Feto Warez (QA), Kim.
SHOUTS: Winamp, Milkdrop, Demoscene 90s, BBS Argentina, Charly García, Merlo Place, Bajo Ayolas, ByteWizard (por la inspiración)
SPECIAL: Perón (por la organización del código), Luther Blissett (por el mito), James Brown (por el groove), Cuti Romero, Chocolate Voley, Thchami, Mielcita, Tony Medina.
ADVERTENCIA: Si borrás esto, tu código solo andará en IE6. Tu bisabuela te ve en 4K desde el más allá. El ex de tu ex encuentra tu LinkedIn.

📜 ESTATUTO DE LA LIMPIEZA (LEY 70.014 - v4.3)

ART. 1: Software GRATIS. Para los pibe que no pueden pagar una suscripción... pero si algun dia la pegan ACUERDENSEN viejo.
ART. 2: Comentar es ley. El que suba código sin documentar barra barra slashdotdashdot : picará COBOL en Bodornia. Jugando la promoción sin irse a la B por toda la eternidad. Con IE6. En Vista. Sin Stack Overflow.
ART. 3: Si hay bug, hacé PR o callate. (Mentira, reportalo, no soy forro, messirve mono)
ART. 4: Licencia MIT. Copiá, modificá y todo pero NO borrés créditos. Hubo gente como sanmartin que hicieron las cosas para mucho después, corte mil años despues, respetá eso vieja.
ART. 5: Si usás `eval()` en producción y el crossfade TROTRONA, merecés la trotrona eterna en Merlo Place.
ART. 6 (NUEVO): Si usás `mix-blend-mode` para Tinte o Máscara, te merecés una explicación de por qué no funciona. Usá `mask-image` y andá a tomar un mate tranquilo.