What is Perlin Noise?

preview_player
Показать описание
In this GLSL shader tutorial, we will go over Perlin noise. We start by setting up a GLSL shader in VS Code. Then we create a grid of cells and generate random gradients at the corner of each grid cell. Afterward, we generate a vector for each pixel coordinate and calculate the dot product to generate Perlin noise. Finally, we learn about Perlin noise variants like billow noise and ridged noise.

== [ Resources ] ==

== [ Timestamps ] ==
00:00 Intro to Perlin Noise
00:41 Perlin Noise Algorithm
01:34 GLSL Shader Setup
02:42 Create Random Gradients
04:30 Find Distance to Pixel
05:15 Calculate Dot Product
06:50 Billow and Ridged Noise

== [ Tags ] ==
#suboptimal #glsl #shaders
  1. Suboptimal Engineer
  2. suboptimal engineer
  3. suboptimal
  4. glsl
  5. glsl shader
  6. glsl shaders
Рекомендации по теме
What Is Perlin 0:01:37

What Is Perlin Noise? Procedural Generating in Video Games

What is Perlin 0:07:49

What is Perlin Noise?

I.5: Perlin Noise 0:13:44

I.5: Perlin Noise - The Nature of Code

Making Perlin Noise 0:00:55

Making Perlin Noise

How Does Perlin 0:04:29

How Does Perlin Noise Work?

Perlin Noise Explained 0:21:58

Perlin Noise Explained Tutorial 2

How to turn 0:15:24

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

The Theory of 0:06:19

The Theory of Noise: An Overview of Perlin Noise

How to create 0:00:40

How to create procedural terrain 🌎 #shorts

Better Mountain Generators 0:18:09

Better Mountain Generators That Aren't Perlin Noise or Erosion

How Perlin Noise 0:00:53

How Perlin Noise is Made #gamedev #unity #valem #learning

PERLIN NOISE in 0:10:34

PERLIN NOISE in Unity - Procedural Generation Tutorial

My Adventure with 0:04:28

My Adventure with 3D Perlin Noise

Perlin noise (1D) 0:02:24

Perlin noise (1D) | Patterns | Computer animation | Khan Academy

Making Perlin Noise....Finally! 0:12:57

Making Perlin Noise....Finally!

Perlin Noise in 0:11:33

Perlin Noise in p5.js

Coding Challenge 11: 0:22:44

Coding Challenge 11: 3D Terrain Generation with Perlin Noise in Processing

PERLIN NOISE Demystified: 0:06:15

PERLIN NOISE Demystified: All You Need To Know

Perlin Noise Algorithm 0:25:09

Perlin Noise Algorithm

How to Code 0:12:02

How to Code Procedural Terrain with Perlin Noise (JavaScript & p5.js)

C++: Perlin Noise 0:08:52

C++: Perlin Noise Tutorial

Procedural Landmass Generation 0:15:14

Procedural Landmass Generation (E02: Noise Map)

[Explained] Perlin Noise 0:15:52

[Explained] Perlin Noise and Unity

Programming Perlin-like Noise 0:27:54

Programming Perlin-like Noise (C++)

Комментарии
Автор

This was surprisingly explanatory. I recently started using perlin noise to generate random path/velocity for moving objects (bubbles). While I kind of made it work, I have no idea how the noise works. This shed some light.

akinoreh
Автор

Thanks for making this video. 

I was struggling with understanding how Perlin noise works, but your video showed it with depth and simplicity.

Ruan-ydfs
Автор

very well explained and visalized thank you!

gehtsiegarnixan
Автор

Great video and explanation once again!

OskarKassander
Автор

Amazing video! I was waiting for this one

orbutbul
Автор

Thank you for this explanation! I'm new into programing (although I programmed in scratch when I was really young). That's realy good piece of knowledge :)

polandsilver
Автор

Great video!

Why smoothstep/quintic fixes grid like pattern?

tatrix
Автор

it bothers me that the font on the thumbnail and start of video are different

meijuta
Автор

This is similar-looking to diamond-square noise (aka plasma), but very different implementation

eitantal
Автор

i didnt understand how u got the distance

iamtufa