click to
look inside
Look inside
Creative Coding with p5.js

Abstract Art Logo you own this product

This free project is part of the liveProject series Creative Coding with p5.js
prerequisites
basic JavaScript • basics of p5.js • basic debugging
skills learned
p5.js canvas and coordinate system basics • p5.js drawing primitives and transformations • p5.js draw loop and animation basics
Yu Zhang and Mathias Funk
1 week · 6-8 hours per week · BEGINNER
filed under

placing your order...

Don't refresh or navigate away from the page.
This free project is part of the liveProject series Creative Coding with p5.js explore series
Check your email for instructions on accessing Abstract Art Logo (liveProject)
continue shopping
go to cart

Look inside
In this liveProject, you’ll use p5.js to draw and animate abstract logos by combining simple visual elements in new ways. You’ll use color gradients to create vibrant icons, design complex shape-based logos, and combine the two techniques into stylistic and interesting logo art.

project authors

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.
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.

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 coordinate system basics
  • p5.js drawing primitives and transformations
  • p5.js draw loop and animation basics

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.
Compare with others
For each step, compare your deliverable to the solutions by the author and other participants.
RECENTLY VIEWED