Fractals | Noise (graphics)

Perlin noise

Perlin noise is a type of gradient noise developed by Ken Perlin. (Wikipedia).

Perlin noise
Video thumbnail

I.7 : What is OpenSimplex Noise?

Simplex Noise (2001) is an improvement on "classic" Perlin noise (1983). I discuss a bit of the history of noise algorithms and show how to use the Java source code for Open Simplex Noise in Processing. 🎥Next Video: Random Walker Coding Challenge: https://youtu.be/l__fEY1xanY Links discu

From playlist 13: What is Perlin Noise?

Video thumbnail

Programming Perlin-like Noise (C++)

NOTE! This is an approximation of Perlin Noise! :-S Noise is at the root of most procedurally generated content. However, just choosing random numbers alone is insufficient. Perlin noise adds local coherence over different scales to generate natural looking formations, which can be furthe

From playlist Interesting Programming

Video thumbnail

I.5: 2D Noise - Perlin Noise and p5.js Tutorial

In the fifth part of my Perlin Noise Tutorial, I demonstrate how to use two-dimensional Perlin noise in a p5.js sketch. 💻 Code: https://thecodingtrain.com/learning/noise/0.5-2d-noise.html 💻 Code (web editor): https://editor.p5js.org/codingtrain/sketches/2_hBcOBrF 🎥 Next video: https://yo

From playlist 13: What is Perlin Noise?

Video thumbnail

I.2: Introduction - Perlin Noise and p5.js Tutorial

In this new multi-part Perlin Noise Tutorial, I show you what Perlin noise is and how it can be used in creative coding, more specifically with the p5.js library. In Part I.2 of this series, I introduce you to what Perlin noise is, how it's created and its history. 🎥 Next video: https://y

From playlist 13: What is Perlin Noise?

Video thumbnail

Live Stream #46: Perlin Noise and Flow Fields

Live from sfpc.io! This live stream is all about Perlin Noise! I explain how Perlin noise is created and how to visualize it. Then I get into 2D Perlin noise and use it to create a flow field with the p5.js library. 4:38 - Presenting today's topic 22:00 - Video #1 - Intro to Perlin noise

From playlist Live Stream Archive

Video thumbnail

I.6: noiseDetail() - Perlin Noise and p5.js Tutorial

In Part I.6 of the Perlin Noise Tutorial, I look at the p5.js function noiseDetail() how it can be used to alter the results Perlin noise function. The concepts of octaves and falloff are explained. 🎥 Part I.7: https://youtu.be/Lv9gyZZJPE0 Links discussed in this video: 🔗 p5.js noise()

From playlist 13: What is Perlin Noise?

Video thumbnail

I.3: noise() vs random() - Perlin Noise and p5.js Tutorial

In Part I.3 of my Perlin Noise Tutorial, I show you the difference between two p5.js function returning random numbers: noise() and random(). 💻 Code: https://thecodingtrain.com/learning/noise/0.3-noise-vs-random.html 💻 Code (web editor): https://editor.p5js.org/codingtrain/sketches/u6Te_

From playlist 13: What is Perlin Noise?

Video thumbnail

How to turn a few Numbers into Worlds (Fractal Perlin Noise)

Creating even a modest world for a video game is a huge undertaking. However, games like Minecraft, Factorio, Terraria, Valheim and many more serve up fresh worlds with the click of a button. How do they do this? In this video, you’ll learn the inner workings of one of the foundational pil

From playlist Summer of Math Exposition 2 videos

Video thumbnail

Coding Challenge #136.1: Polar Perlin Noise Loops

In this challenge, I follow the path of a circle in 2D Perlin noise space in order to use noise values that loop. #PerlinNoiseLoop 💻Code: https://thecodingtrain.com/CodingChallenges/136.1-polar-perlin-noise-loops.html 🎥Next video: https://youtu.be/c6K-wJQ77yQ Links discussed in this vide

From playlist 13: What is Perlin Noise?

Video thumbnail

I.5: Perlin Noise - The Nature of Code

In this video I discuss the concept of "Perlin" noise, how it differs from regular "noise" (i.e. randomness) and how to make use of it in Processing. The Nature of Code http://natureofcode.com/ Twitter: https://twitter.com/shiffman Read along: http://natureofcode.com/book/introduction/

From playlist The Nature of Code Introduction

Video thumbnail

I.4: Graphing 1D Perlin Noise - Perlin Noise and p5.js Tutorial

In Part I.4 of my Perlin Noise Tutorial, I graph the values of one-dimensional perlin noise and compare to randomness. 💻 Code: https://thecodingtrain.com/learning/noise/0.4-graphing-1d.html 💻 Code - Adding Y-Axis (web editor): https://editor.p5js.org/codingtrain/sketches/nCYG2SCNq 💻 Code

From playlist 13: What is Perlin Noise?

Video thumbnail

Coding Challenge #136.2: Perlin Noise GIF Loops

It's all coming together! Here, I encapsulate the idea of a 2D "polar noise loop" into a class and loop a variety of properties of particles, recording it all into a GIF with ffmpeg.#NoiseGIFLoop 💻Code: https://thecodingtrain.com/CodingChallenges/136.2-perlin-noise-gif-loops.html 🎥Previou

From playlist 13: What is Perlin Noise?

Video thumbnail

Live Stream #169: Perlin Noise Loops + JS Inheritance

In this live stream: Perlin Noise Loops in Processing(Java) and JavaScript Inheritance. 💻https://thecodingtrain.com/CodingChallenges/136.1-polar-perlin-noise-loops.html 💻https://thecodingtrain.com/CodingChallenges/136.2-perlin-noise-gif-loops.html 🔗 Étienne Jacob's tweet: https://twitter

From playlist Live Stream Archive

Related pages

Big O notation | Dot product | Demo (computer programming) | White noise | Simplex noise | Gradient noise | Value noise | Procedural texture | Smoothstep | Function (mathematics) | OpenSimplex noise | Derivative | Simulation noise | Pink noise