Technicolor

Proyecto web simple para explorar un patron de conversion binaria a color con una visualizacion por iteraciones.

Que hace

• Muestra 10 casillas en Color buffer.
• Calcula un color por cada fila binaria (50 bits) y lo asocia a cada casilla.
• Permite avanzar y retroceder iteraciones con botones:
  • Comprimir: aumenta iteracion y revela colores de forma acumulativa.
  • Descomprimir: reduce iteracion y oculta colores en orden inverso.
• En Binary, oculta filas de forma inversamente proporcional a la iteracion:
  • Iteracion 0: se ven todas las filas.
  • Iteracion 10: no se ve ninguna fila.
• Agrega saltos de linea de relleno en Binary para mantener estable la altura visual del box3 cuando se ocultan filas.

Flujo de iteraciones

1. El contador inicia en 0.
2. Cada click en Comprimir incrementa hasta el maximo de slots disponibles (10).
3. Cada click en Descomprimir decrementa hasta 0.
4. El estado visual se renderiza en bloque:
   • Casillas activas/inactivas de box1.
   • Filas visibles/ocultas de box3.
   • Relleno con saltos de linea de box3.

Estructura tecnica

• index.html: estructura de la UI (3 boxes).
• TechnicolorMAN.css: estilos, layout, animaciones, responsive.
• Contador.js: estado de iteracion y render visual de casillas y binario.
• Binary-to-ColorConverter.js: utilidades de conversion binaria a RGB.
• Color-to-BinaryConverter.js: reservado para conversion inversa (actualmente vacio).
• MaterialPrueba.txt: archivo de datos de prueba.

Regla de parseo de color por fila

Cada fila binaria valida tiene 50 bits:

• Bits 0..7 -> Azul
• Bits 8..15 -> Rojo
• Bits 42..49 -> Verde

Color resultante por fila: rgb(rojo, verde, azul).

Como ejecutar

1. Abrir index.html en el navegador.
2. Usar los botones de Comprimir y Descomprimir para explorar el comportamiento por iteraciones.

Estado y tipo de licencia: Apache License 2.0

Seguridad

La politica de seguridad y el canal de reporte estan documentados en SECURITY.md.