Todo se dibuja con código. No hay assets.

Experimentos pequeños y autocontenidos, cada uno en HTML, CSS y JS planos, sin framework ni build. Las muestras de este índice se dibujan al cargar con lib/brush.js, el motor de trazo del propio repo.

Dibujo

Caras, cuadernos, pinturas, lecciones de dibujo y un lienzo que se programa.

  1. 01

    Faces

    Estudio de avatares: cambia peinado, piel, gafas o gesto y llévate el retrato.
  2. 02

    Bots

    Sube una foto y sale el icono de bot, medido en el navegador.
  3. 03

    Sketchbook

    Un cuaderno para componer con veinte objetos dibujados con código.
  4. 04

    Paint

    Una foto que se repinta trazo a trazo, de Monet a Picasso.
  5. 05

    Lesson

    Aprende a dibujar una foto paso a paso, con el orden del taller.
  6. 06

    Code Drawing

    Editor en vivo sobre un lienzo: escribes y se dibuja.

Movimiento

Cortos y motion graphics dibujados con código y exportados a vídeo.

  1. 07

    Animaciones

    Cortos dibujados con código, con sonido sintetizado y MP4.

Mundos

Construir algo pequeño, pieza a pieza.

  1. 08

    Pequeños mundos

    Taller isométrico de 8 × 8; maqueta de una app de iOS.
  2. 09

    Pequeños bosques

    Lógica tipo sudoku: una carpa junto a cada árbol.     iOS
  3. 10

    Pequeños ferrocarriles

    Lógica tipo sudoku: una sola vía de A a B.     iOS
  4. 14

    Pequeñas colmenas

    Buscaminas en un jardín: ningún tablero obliga a adivinar.     iOS

Herramientas

Cosas que se usan: grading, decks con fuentes, una app de macOS.

  1. 11

    Grader

    Color grading por píxel, exportable como LUT .cube real.
  2. 12

    Decks de evidencia

    Presentaciones con cada cifra, su fuente y su estado.
  3. 13

    QuickLook 3MF

    Vista previa de .3mf en Finder, en 3D.     macOS

En cola

Briefs escritos, todavía sin construir.

  • —Transiciones Film burns, light leaks y barridos de tinta generados por código, reproducibles por semilla.
  • —Loops B-roll generativo: papel que respira y tinta que fluye, para fondos de charla o deck.
  • —Listón Un harness de crítica: nuestra salida al lado de una referencia, juzgada con veredictos binarios.