Reinterpreting Gerhard Richter's "4900 Colors" with p5.js and Processing
Gerhard Richter is a titan of modern art. In this post, I explore the logic behind his "Color Chart" series and attempt to recrea...
2022
Creative coding color study : Mastering Organic Gradients: Using Normal Distribution
I’ve always been captivated by the ethereal beauty of a sunrise. Its myriad of colors weave together into complex gradients, both delicate ...
How to Use saveGif() in p5.js: The Easiest Way to Export Animations
The saveGif() function allows you to generate an animated GIF directly from your p5.js sketch. In the past, I often avoided creating anima...
Creating Organic, Hand-Drawn Rectangles in Processing & p5.js
Are you tired of the sterile, perfect geometry that often comes with creative coding? Sometimes, adding a "human touch" can comp...
Control the color of the shadow with a Processing filter(BLUR).
In this post, I explore how to overcome a common frustration in Processing: the default black shadow produced by the filter(BLUR) function...
My loving Processing must get over the p5.js drawingContext!
You can easily make your 'p5.js' sketch rich by using 'drawingContext'. I'm mostly using 'Processing'. I'...
Creative coding: Trying to make a composition with the code.
I've always made a 'Centering' composition with my creative coding. And I wanted to grow out of the same old composition style....
Creative coding color study : SORTING / SEQUENCES
If I wanted my creative coding works to look beautiful as artwork, they should have a suitable arrangement of colors. But it's not eas...
Moire Magic: Creating Interference Patterns with "Big Holes" in p5.js
When we think of Moire patterns, we usually imagine incredibly fine lines or tiny grids. But what happens if we use big, bold punch-holes ...
The guide for the 'KUMALEON Coding Challenge'.
It's an unofficial guide for the 'KUMALEON Coding Challenge' . I wrote this for the people who want to attend with the 'p5...
Mastering Time: Creating Stop-Motion Effects in p5.js with setTimeout()
Want to add a unique, rhythmic "stop-motion" feel to your p5.js sketches? Today, I’ll show you a simple yet powerful technique to...
The Zero-Code Guide to Capturing p5.js Animations for Social Media
Want to share your p5.js creations on X (Twitter) or other social media? While there are many ways to capture your work, I'll show you...
Drawing Circles with Lines: An Exploration of Structured Node Gardens
Node Garden is a fundamental yet versatile technique in creative coding, where lines are dynamically drawn between nodes based on their pr...
Mastering Turing Patterns: A Guide to Reaction-Diffusion in p5.js and Processing
This article explores creative coding with p5.js and Processing to generate organic-looking, intriguing Turing patterns. This article cove...
Exploring Truchet Tiling: Simple Tiles, Complex Patterns
Truchet Tiling is a fascinating technique that allows you to generate intricate patterns using simple designs and straightforward algorith...
Mastering Stepwise Easing: Chaining Multiple Functions for Unique Animation
Easing—the technique of varying the rate of change in motion—can make your animations feel significantly more organic and professional. In...
Mastering the Glow Effect in Processing and p5.js
Achieving a convincing glow effect in creative coding requires a specific approach. In this post, I will break down the techniques for cr...
