Destacado
Shapes And Color
Animation And Variables
No alt text
Dibujando Líneas
Dibuja con el ratón.
No alt text
Animación con Eventos
Pausar y reanudar la animación.
No alt text
Movimiento en Dispositivo Móvil
Animar basado en el movimiento del dispositivo.
No alt text
Condiciones
Utiliza declaraciones if y else para tomar decisiones mientras se ejecuta tu sketch.
Imported Media
No alt text
Palabras
Cargar fuentes y dibujar texto.
No alt text
Copiar Datos de Imagen
Pintar desde un archivo de imagen en el lienzo.
No alt text
Máscara Alfa
Usa una imagen para recortar una sección de otra imagen.
No alt text
Transparencia de Imagen
Hacer una imagen transparente en el lienzo.
No alt text
Reproductor de Audio
Crea un reproductor para un archivo de audio.
No alt text
Reproductor de Video
Crea un reproductor para un archivo de video.
No alt text
Video en el Lienzo
Mostrar y estilizar un video en el lienzo.
No alt text
Captura de Video
Mostrar un video en directo desde una cámara.
Input Elements
Transformation
Calculating Values
Repetition
No alt text
Interpolación de color
Difumina entre dos colores.
No alt text
Rueda de Color
Crear una visualización del espectro de colores.
No alt text
Bezier
Dibuja un conjunto de curvas.
No alt text
Caleidoscopio
Dibuja diseños reflejados con el mouse.
No alt text
Noise
Genera texturas naturalistas utilizando ruido Perlin.
No alt text
Árbol recursivo
Draw a tree using a function that calls itself.
Listing Data with Arrays
Angles And Motion
Games
3D
No alt text
Geometrías
Dibujar formas 3D, incluido un modelo personalizado.
No alt text
Geometría Personalizada
Generar una forma 3D programáticamente.
No alt text
Materials
Cambiar el color, la textura, y la forma en que responden a la luz los objetos 3D.
No alt text
Orbit Control
Controlar la cámara con el ratón.
No alt text
Filtro de sombreado
Manipula imágenes con un filtro de sombreador (shader).
No alt text
Ajusta Posiciones con un Sombreador.
Usar un sombreador para ajustar los vértices de una forma.
No alt text
Desenfoque del búfer de trama (framebuffer)
Simular la profundidad de campo de una cámara.
Advanced Canvas Rendering
Classes And Objects
No alt text
Copos de Nieve
Animar la caída de nieve.
No alt text
Agitar y Rebotar la Pelota
Animar el movimiento de la pelota basado en el movimiento del dispositivo móvil.
No alt text
Partículas Conectadas
Dibuja círculos y líneas conectadas usando el ratón.
No alt text
Agrupación
Simula el comportamiento de agrupamiento de aves.
Loading And Saving Data
Math And Physics
No alt text
Reflexión No Ortogonal
Simula una pelota rebotando en una superficie inclinada.
No alt text
Cuerpo Blando
Simula la física de un cuerpo blando acelerando hacia el ratón.
No alt text
Fuerzas
Simula fuerzas en múltiples cuerpos mientras se mueven a través de un líquido.
No alt text
Partículas de Humo
Simula humo con un sistema de partículas.
No alt text
Juego de la Vida
Recrea el autómata celular de John Conway.
No alt text
Conjunto de Mandelbrot
Visualiza un conjunto matemático que produce estructuras fractales.