Art Coding Lab

Learn creative coding through 650+ visual micro challenges

6 followers

Learn creative coding through 650+ visual micro challenges

6 followers

Art Coding Lab is an interactive learning platform that takes complete beginners from their first lines of p5.js code to generative art, simulations, artificial life, computer vision and 3D worlds through 650+ small hands-on challenges.

Free Options

Launch tags:Art•Education•Developer Tools

Launch Team / Built With

Maker

📌

Hey Product Hunt! 👋 I’m Janis, the creator of Art Coding Lab. I built it because creative coding is often taught in one of two ways: You either watch a long tutorial and copy a finished project, or you jump between disconnected examples without knowing what to learn next. I wanted to create something more structured. Art Coding Lab is a step-by-step learning platform where complete beginners learn JavaScript and p5.js through small visual micro challenges. Instead of receiving a huge block of code, you: → learn one small idea → change a small piece of code → press Play → see the result immediately → continue to the next challenge The path starts with coordinates, shapes, colors and variables, then gradually moves into animation, interaction, generative art, trigonometry, particles, simulations, artificial life, computer vision and 3D worlds. The current version includes: • 65+ lessons • 650+ hands-on micro challenges • Creative Labs • Complete demo projects • Visual math explorations • A beginner-to-advanced learning path The goal is not to teach people how to copy visual effects. The goal is to help them understand how visual systems are built, so they can modify them, combine ideas and eventually create their own work. This is the first public launch, so I’d really appreciate honest feedback - especially about the learning experience, progression and anything that feels confusing or doesn’t work as expected. You can try the first lesson for free. Thanks for checking it out! 🙌

Report

3mo ago

How does the learning path actually progress through the 650+ challenges, and is there any guidance on which ones to tackle first if I'm completely new to coding?

Report

3mo ago

Maker

@egemen0p76 The path is fully structured, so you don’t need to decide where to begin. It starts with the absolute basics - coordinates, shapes, colors, and variables - then gradually moves into animation, interaction, loops, trigonometry, generative systems, 3D, and more advanced creative coding topics.

Each lesson is broken into small challenges, and every new concept builds on what you learned before. If you’re completely new, just start with Lesson 1 and follow the path in order.

Report

3mo ago

Tried the first few p5.js challenges last night and the bite-size format actually kept me going instead of bouncing off after twenty minutes. Surprised how quickly something like the boids simulation clicked once I tweaked the numbers myself.

Report

3mo ago

Maker

@lyassapancei0e That’s exactly what I hoped the format would do - make it easy to keep going without feeling overwhelmed. And yes, tweaking the values yourself is often when the ideas really start to click. Thanks for trying it and sharing this!

Report

3mo ago

Would love a way to share my p5.js sketches directly from the editor with a simple link, maybe even a live preview embed so friends can remix them without needing to sign up first.

Report

3mo ago

Maker

@bekirggcf Thanks, Bekir - this is actually the next major feature I’m planning for Art Coding Lab.

Registered users would be able to create, save, and share their sketches with a simple public link. Anyone could open the link, see the live preview, and experiment with the code without signing up, but an account would be required to save their own remix.

Thanks for the suggestion - it’s great to know this would be useful.

Report

3mo ago

Reviews