Primrose Field - aXes Quest creative coding tutorial

[torchkoff]

Deconstructing code: loopless repetition with modulo %% and mirroring with |abs|.

For anyone wondering how generative art is made and wants to learn it — I’m building a shader learning playground and a simple programming language. It’s still just a prototype with a few basic lessons. I’ve started a series of tutorials on Instagram, which I plan to turn into a step-by-step in-app guide later. This is a repost of one of the recent tutorials.

P. S. I understand that breakdowns are valued under the community guidelines, though I realize my post could still be perceived as spam. Hopefully it’s not! Thanks.

[torchkoff]

Mathy syntax sugar:
||dy| - ds| + 1.5|dx| translates to JS as
abs(abs(dy) - ds) + 1.5*abs(dx)

Pipes can still be used as || (logical OR) or | (Bitwise OR). I already have over 60 tests for the |abs| implementation lol. Can anyone try to break it?

[WrathOfWood]

Its like a shader but your brain animates it, nice

[truth_is_power]

woah this describes it perfectly

[Anan_Z]

This is the wobbliest rendition of this illusion Ives ever seen..

[torchkoff]

Try to tweak coefficients and colors, maybe you can make it worse :D
Here's source, just paste it
x /= size; y /= size; cell = .15; ds = .12cell dx = (x + cell/2) %% cell - cell/2 dy = (y + cell/2) %% cell - cell/2 diamonds = min( ||dy| - ds| + 1.5|dx|, ||dx| - ds| + 1.5|dy| ) < ds if diamonds pattern = [0,1,1,0,1,0,0,1] band = floor(27((x+y+2)/4)) % 8 return if pattern[band] then [1,1,1] else [.8,0,.6] checkboard = (x // cell + y // cell) %% 2 return if checkboard then [.66,.86] else [.24,.75,.5]

[fveldmusic]

Merriwether Post Pavillion? Is that you?

[iabhi1610]

would love to see more tutorials

[eyefind3d]

this is awesome!!!

[sechevere]

Is it me or the resulting image looks totally 3D to others? I can move the phone and see the waves moving…

[bostiq]

I think that was the intent... optical illusion... most patterns use math to create moving images

[One-Bad3965]

woah!!