How to Code a 4D World from Scratch with P5js

I used Perlin Noise to make a mesmerising breathing landscape with JavaScript and P5js. Perlin Noise is a great way to get started with generating terrain and in this video I take it a step further and add in a 4th dimension of time.
I hope you enjoy the video!

Follow me:

Chapters:
0:00 Overview
0:40 Starting with 2D
2:03 3D Terrain
3:18 Boxes vs Mesh
3:32 All 4 dimensions

#creativecoding #p5js #javascript

[BarneyCodes]

If you'd like to see what else I'm working on, it would be great if you could wishlist my game Star Mining Co. on Steam! s.team/a/2584800/

[StevesMakerspace]

Excellent work! I love the idea that it's breathing.

[Joriku]

Actually good video, well explained and calming to watch.
Keep it up!

[zervidas]

wow you are the second person after Daniel shiffman to learn me p5js

[kalen]

Amazing work and concept!! Offers soo much possibility!

[juanpenagos]

amazing video, amazing concepts... thanks 👍

[motbus]

I wonder if you made a video about the camera because I want to see it 😂

[hashbrown]

Using time is just cheating. That's like saying "I just made a 3D render using paint" and it's just a gif. Sure technically you added dimensionality to it but we all know when someone says 4D colloquially they're speaking spacial dimensions.

I'd argue you didn't even do that because it's an animation/interactive space that was already happening over time so instead of adding a dimension you simply repurposed another one making it unusable (eg you cannot animate this "4D" terrain because youve pinched time to express the fourth dimension).