Coding Challenge #137: 4D OpenSimplex Noise Loop

Показать описание

References:

Videos:

Related Coding Challenges:

Timestamps:
0:00 Introduction!
1:55 Discussing gif loops
6:31 Adding polar coordinates to loop through one plane of 3D noise
10:45 Rendering out the GIF loop!
12:08 A non-traditional ending and things to try!

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

#opensimplexnoise #4dnoise #gifloop #polarcoordinates #p5js #javascript

Рекомендации по теме

Комментарии

Instead of simply mapping the noise to either 0 or 255, multiplying it by a large enough number will achieve a similar effect, but near the edges you'll get some anti-aliasing for free, which looks substantially better. You actually did that on accident in a previous video where you multiplied the value by 255 twice.

Mastervidcritic

Fantastic as always! My favorite coding youtuber of all time.

FluXRLieF

Wow, these necessary-disorder GIFs are a plethora of intriguing ideas! Thank you Dan, for taking us the first few steps in that direction!
You always claim that you don't have a great artistic instinct, but you have an amazing eye for possibilities! And that fits perfectly to what you are doing here.

Couchwurst

I loved that ending, it's so different, but fitting! I'd love to see more of you outside of the studio talking about things, whether it's a whiteboard in a park or spheres and ropes on a sidewalk or stuff like that! =D

Spikehead

13:22 - Love how you just walk by the Pearle store when saying "... and I'll see you..." lol

idontwantmynameinhere

You only need one additional dimension to represent time so 3d noise is plenty to make a loop. You just need to move the entire coordinate space instead of only shifting a singular time axis. Kinda like looking at a cut-away slice of a torus.

x-seronis-x

It's a little bit difficult to get that we need 4D coordinate to loop a 3D value. However, it really makes sense.
Thanks for the sharing!

beyondlwm

Best ending to a Coding Train yet! Keep up the great work Dan.

firemarshalbill

An interesting consequence of using this rotational plane approach: the difference in radius between one end of the plane and the other means one side of the image will be passing through the noise field at a higher rate than the other. The more you try to compensate for that difference, the longer the resulting loop.

sammygilliland

That vlog just cought me so off guard in the best possible way. More!

benjamindragon

This is really cool! There's so much you can do with this stuff, it's insane! :D

OrangeC

These Coding Challenges are like bob ross painting a picture but bob ross is very excited about his picture

AeroAndZero

I've always used a circle made from a Midpoint Circle algorithm. You'll avoid the trig functions, and have all the loop points at setup. And of course you can scale/stretch those points, etc.

naphipps

I think it’s possible you can implement your torus slice explanation more literally and not invoke noise of higher dimension than 3 and still loop 2D noise. Although if your torus is small there may be a visible ‘boiling speed’ gradient across the slice as the points more distant from the axis of revolution will boil faster than the inner points on the slice that are closer to the torus axis. You want a torus like a hula hoop, not like a donut. But with a hula hoop it’s hard to get both slow boiling and a short loop duration. While with a donut it’s hard to get even boiling speed across the slice.

digitalArtform

You could've used two 2D noises with different offsets if you wanted to decrease lag.

By the way your voice sounds different outside of your studio.

igricRBX

Now make it so it can take different paths through 4d space, render out multiple ones, then pay them in a random sequence to obfuscate the looping.

THEN, have some and at other 4D points, with some starting there, with all paths leading to close loops.

I call it a 4D time flower.

KaletheQuick