Look inside
In this liveProject, you’ll work with p5.js to create and animate modern artwork. You’ll see how you can use code to replicate the abstract colors and shapes of Russian artist Kazimir Malevich and animate your reproduction into a moving 2D image, then explore the work of American sculptor Alexander Calder and see how it can be reproduced in both 2D and animated 3D.
This project is designed for learning purposes and is not a complete, production-ready application or solution.
book resources
When you start your liveProject, you get full access to the following books for 90 days.
project authors
Yu Zhang
Dr. Yu Zhang has a background in fine arts and design. Her Ph.D. research investigates the theory and artistic practice of interactive technologies for public, large-scale installations. As a researcher and artist, she approaches visual art with mixed reality installations and projections, sensor-based interactives, and computational arts. She has been teaching design and art in international workshops and higher education for over ten years.
Mathias Funk
Dr. Mathias Funk is an Associate Professor in the Future Everyday group in the Department of Industrial Design at the Eindhoven University of Technology. He has a background in Computer Science and a Ph.D. in Electrical Engineering from Eindhoven University of Technology. Since 2011, he has taught creative programming, computational prototyping, and designing with data and connectivity, and built tools for design researchers.
prerequisites
For JavaScript programmers interested in developing or rediscovering their creativity with easy visual computing techniques.
TOOLS
- Basic JavaScript
- Basics of p5.js
TECHNIQUES
- Basic debugging
- Basic math such as linear algebra (vectors and vector addition) and geometry
you will learn
In this liveProject series, you’ll expand your perspectives on programming and turn a professional craft into a fun activity once again. By revisiting computational concepts from a creativity-inspired angle, you’ll learn how code can be an expressive and explorative tool instead of just a problem solver.
- p5.js canvas and 2D/3D coordinate system
- p5.js drawing primitives and transformations in 2D/3D
- p5.js draw loop and animation basics
- p5.js PVector class
features
- Self-paced
- You choose the schedule and decide how much time to invest as you build your project.
- Project roadmap
- Each project is divided into several achievable steps.
- Get Help
- While within the liveProject platform, get help from other participants and our expert mentors.
- Compare with others
- For each step, compare your deliverable to the solutions by the author and other participants.
- book resources
- Get full access to select books for 90 days. Permanent access to excerpts from Manning products are also included, as well as references to other resources.