Please enable JavaScript to use CodeHS

New

Arte digital con p5.js

El curso Arte Digital con p5.js explora la intersección entre el arte y la informática. Utilizando p5.js, una biblioteca JavaScript gratuita y de código abierto para la codificación creativa, los estudiantes crean dibujos digitales, animaciones y bocetos interactivos al tiempo que aprenden a codificar.

Overview & Highlights

Level
Middle School, High School
Contact Hours
20
Timeframe
Month

Course Overview

To view the entire syllabus, click here or click to explore the full course.

Primeros pasos con p5.js
Los alumnos exploran la intersección del arte y la codificación. Los alumnos aprenden los conceptos fundamentales de p5.js y crean su primer boceto utilizando las funciones de dibujo de formas y color de p5.js.
Animación
Los alumnos aprenden técnicas para convertir sus bocetos estáticos en animaciones. Los alumnos aprenden a cambiar el valor de las variables para animar la posición, el color y la transformación de las formas.
Interactividad
Los alumnos aprenden sobre interactividad y cómo crear bocetos que reaccionen a las entradas del usuario. Utilizando variables del sistema proporcionadas por p5.js, los alumnos añaden lógica condicional a su código que modifica la composición cuando se detectan entradas de ratón y teclado.

14
Lessons
11
Videos
39
Exercises
5
Offline Handouts

Demo Programs

Explore programs that your students will build throughout this course!

Course Resources

Here are a few examples of teacher resources and materials to use in the Arte digital con p5.js course

Customizable Assignments

Create and organize Assignments in any CodeHS course that you're teaching. You can even add custom assignments to pre-existing CodeHS courses.

Learn More

Actions for Teachers

Didn't find what you were looking for? Here are a few links that might be useful to you.