Part 2 of my mandala drawing series is out!
This time I expanded the project from Part 1 by adding:
The tutorial explains how each feature works and includes the full source code.
I'd love to hear what other features you'd add next :)
Hello friends!
I just published a new p5.js tutorial where we build an interactive mandala drawing tool from scratch.
Along the way, we cover:
• Radial symmetry and coordinate transformations
• Smooth line rendering
• Speed-based brush thickness (faster strokes = thicker lines)
• Interactive controls with Tweakpane
The tutorial is aimed at beginners and intermediate creative coders, and every concept is explained step by step with code examples.
Feedback is always welcome. Happy coding!
Hello friends!
I just published a new p5.js tutorial where we build an interactive mandala drawing tool from scratch.
Along the way, we cover:
• Radial symmetry and coordinate transformations
• Smooth line rendering
• Speed-based brush thickness (faster strokes = thicker lines)
• Interactive controls with Tweakpane
The tutorial is aimed at beginners and intermediate creative coders, and every concept is explained step by step with code examples.
Feedback is always welcome. Happy coding!
Hello friends! I just published a new creative coding tutorial about L-systems and p5.js.
In the article, we start with a tiny text rule, expand it over several iterations, and then use turtle graphics to turn that generated string into branching fractal drawings. We go step by step through the core ideas: axioms, rewrite rules, iterations, turtle movement, canvas scaling, and drawing the final result with p5.js.
If you’re curious about generative art, fractals, or rule-based drawing systems, I think you’ll enjoy this one.
Article link: https://alexcodesart.com/drawing-fractals-with-l-systems-in-p5-js-a-creative-coding-tutorial/
Happy coding!
