Introduction

As a designer with some knowledge of C++ and a growing interest in creative technology, I was introduced to p5.js by a wonderful friend and found it to be a fantastic introduction to programming languages. I love how its visual approach makes coding more accessible for designers and visual learners.

My Background and Journey

While I've dabbled in C++ through Arduino and hardware design (check out BIN(EAR) here) and explored online courses in Java and Python, I often found myself feeling constrained by the strict syntax and character-based nature of traditional programming languages. My designer brain thrives on visuals, and I was looking for a way to bridge the gap between my creative thinking and coding.

What is p5.js?

p5.js is a JavaScript library specifically designed for creative coding. It simplifies the process of creating interactive graphics, animations, and visualisations for web browsers. Think of it as a powerful tool for turning your creative ideas into digital reality.

Why p5.js is Perfect for Designers

Visual Focus: p5.js's emphasis on visuals makes it easier for designers to understand and apply coding concepts.Rapid Prototyping: With p5.js, you can quickly experiment with different ideas and see the results instantly.Bridging the Gap: p5.js helps to connect the workflow between design tools (like Adobe Illustrator or Figma) and coding languages.

My Experience with p5.js

I was amazed at how quickly I could translate my thoughts about color and animation into tangible results using p5.js. In just 10 minute, I was actually able create visually simple yet responsive animation.

The Future of Coding for Designers

I believe that more programming languages should offer similar experiences and libraries to make coding more accessible for designers. Perhaps incorporating visual elements or creative-focused tools into design education could also be beneficial.

A Learning Game?

I'm currently exploring the idea of creating a physical game to help others learn p5.js. I'm curious to hear your thoughts on this concept.

Let's Connect!

I'm excited to continue experimenting with p5.js and sharing my progress. Please feel free to share your experiences, creations, or questions in the comments below. Let's build a community of creative coders together!