You may not see white on white.

8 Sep, 2020

You may not see white on white. You'll see black on white.
I'll show you some tricks with this natural rule.

Draw white things on a white background?

In the beginning, I'll draw a black rectangle on a white background in p5.js.
A black rectangle on a white background in p5.js.
Cool slanting rectangle!

Well, if I drew a white rectangle?

A white rectangle on a white background in p5.js.

(A second Malevich!?)

Of course, you can't see it.
Then, paint half bottom in black.
A white rectangle on half bottom in black.

I drew a white rectangle, but it seems a black triangle also.
And many rectangles will be cool.



Some tricks.

I made an animation with this 'You can see or not see by the background color'.



You might think I drew different curves on left-half and right-half. I just drew curves in black and white on the whole canvas.
You can see it with a colored background.


And this is the developed product with this rule in Processing.
The developed product with 'You can see or not see by the background color' rule.

Blending the blendMode().

The blendMode() can make a similar trick.


If I drew with blendMode(ADD).


The blendMode(ADD) sums colors, so blue lines plus white background equals white.

You can see an interesting result when you change the blendMode() alternately.


You can draw such decoration with simple rectangle with changing blendModes.


This animation work in Processing was made with two blendModes.



It may be a cheap trick. But everything will work if you let it, you can make some interesting things. Enjoy!






deconbatch

deconbatch

To make something is my pleasure. Having fun in endless trial-and-error. Now, I'm loving creative coding and showing some example code in my blog. Mainly creating Processing code examples.

Next Post Previous Post
No Comment
Add Comment
comment url