My artwork made by copying "4900 Colors" by Gerhard Richter.
Mr. Gerhard Richter is considered a master of modern art. Let me show you my artwork made by copying his work with my p5.js/Processing code.
2022
Creative coding color study : Gradients
I've been impressed by the sight of the morning glory. Many colors weave complex gradients minutely and capriciously. How can I draw th...
'saveGif()' the p5.js animation GIF generater.
The 'saveGif()' is the function that generates an animated GIF of your p5.js sketch. I feel 'Processing' is much easier ma...
Hand-drawn canvas with Processing/p5.js
Are you tired of using a square canvas in your creative coding? So I would like to make a hand-drawn canvas with Processing/p5.js. I refer...
Control the color of the shadow with a Processing filter(BLUR).
I tried to control the situation the Processing filter(BLUR) function produced a black shadow. 👉 この記事は日本語でも読めます。
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...
Making a Moire patterns with big holes (p5.js).
I made Moire patterns with the punchboard. Can I make Moire patterns with big holes like punch holes? Let me show you the making of the M...
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...
An example animation using setTimeout() function.
I made an animation including stop-motion with the 'p5.js'. Let me show you this simple method.
Just click and save! How to record your 'p5.js' animation in mp4.
You may want to publish your 'p5.js' animation works on Twitter etc. But how? I'll describe the simplest way to record the ...
Draw lines between nodes placed on the circumference.
The 'Node Garden' is the one of simple techniques of creative coding. It creates a beautiful pattern with a simple code. I made ex...
Creative coding on Turing pattern
It's an article that describes the creative coding with the 'p5.js' and the 'Processing' to create the unique and myste...
Enjoy the 'Truchet Tiling' with your own patterns.
'Truchet Tiling' is the way that makes you create some interesting patterns with the simple design and the simple algorithm. In th...
Make a 'Stepwise easing' with the various easing functions
The effect of the change in speed called 'Easing' makes your animation more attractive. イージング有り/なしの動き 🙂 上がなしで、下が easeInCubic のイー...
How can I glow the thing on the screen shining from the first?
There is a knack in making glow effect with the 'Processing' or the 'p5.js'. I'll describe specifically how to make a ...
