Shadowing Practice: How I Learned Procedural Generation - Learn English Speaking with Video

So I finished learning how to make an FPS controller,

but if I want to make a more polished looking game,

I will need to work on my environment.

And since I'm more of a coder than an artist,

I think there's no better way than with procedural generation.

So let's begin by starting a new project.

Next it's time to go on my usual YouTube grind and figure out how to do mesh generation.

Thankfully Bracchus has three videos on this topic.

Three days later.

After watching Brackey's videos, I'm now able to generate meshes of any size that I need,

and all it took is the code you see on the left.

Now to make this look like terrain,

use something called Perlin Noise,

which is an algorithm created by Ken Perlin to help make more natural looking textures and terrain on the movie Tron.

What I'm using here is the 2D version which generates values between 0 and 1.

To represent this, I map the numbers closer to 0 as black and numbers closer to 1 as white.

The power of this algorithm comes when you multiply that Perlin value by a number.

For instance, I can use Perlin noise multiplied by an amplitude to procedurally generate the height of my terrain.

This is all fine and dandy,

but I wanted a little bit more control over my environment.

Thankfully I found this tutorial series by Sebastian Legg,

and it covered everything I wanted to know and more.

It seriously was so good that I gave it a watch a few times over.

The problem is, it goes into so much depth that it is too comprehensive for my puny brain to handle.

So I took two of the simpler concepts to add to my generator.

One was the ability to finely tune the noise,

and two was this concept of multiplying the the Perlin noise with the falloff map to create islands.

I actually wrote my own version of Sebastian's falloff map so that I could set where the falloff begins and ends.

Here's a preview of that code for those of you who are interested.

I also fixed Sebastian's noise generator because I think he broke it around episode 6 and then never fixed it.

When you change the scale you're supposed to be able to zoom in

and out of the Perlin map but right now it almost seems like you're generating a new map.

I narrowed down the problem to these lines here.

Changing this also fixed the parallax effect Sebastian had when changing the offset.

Now that we have more control over our environment,

it's time to move on to my favorite topic from elementary school,

and that is coloring.

So for coloring, I spent about a week or two trying to recreate the style Sebastian had for his intro.

He shows that he's generating a texture with these nicely rounded edges,

but in the tutorials, he only teaches us how to make a pixelated texture.

One solution I had was to increase the number of sample points we use in the texture,

but if you zoom in,

we still have the problem of seeing each individual pixel.

Then I remembered watching a video by Sebastian where he used marching cubes,

and I was almost certain this is the approach he used for generating his texture.

So I watched this video by the coding train and converted his marching squares algorithm from JavaScript into C-sharp.

I got pretty close to the results I wanted,

but when you view this on the terrain,

you could still see each individual pixel.

So I gave up on using a texture approach.

I really tried to avoid this as much as I could,

but I was left with no other choice but to dive into shaders.

After messing with shader graph for a few hours,

I came up with this decent shader here.

I surprisingly had a lot of fun making this and it turns out shaders aren't too hard after all.

With my new love for shaders,

I looked up a bunch of more tutorials on YouTube.

I found this tutorial for creating a gradient skybox with stars,

but I noticed there's a little bit of distortion near the edges.

So I found this article that taught me how to do proper UV sphere projection,

and yay, no more distortion.

But I wasn't quite satisfied yet.

I also found this awesome cloud shader that I needed to use as well.

And now our skies are looking not too bad.

Then to top it all off I used these two videos to make a stylized water.

Alright let's finish off this last bit here.

So to finish off this project let's add some vegetation.

I hopped in the blender and made this very beginner friendly tree

but I don't want to manually place hundreds of trees on the terrain because that would take forever.

And we are going for a complete procedural generation.

Thankfully, I remember watching this video from Jonas Tyroller a

while back where he talked about creating random levels for his game Islander.

Basically, if you shoot a raycast onto a random point on the island,

you can check if it's a valid spawn point for a tree.

If so, spawn the tree.

Then you can do this for as many times as you want trees,

or whatever object you want to randomly place.

So I created this simple prefab spawner script where I can select a prefab to spawn.

Then to determine if a spot is valid to place a prefab,

I just check if the the hit location is above the sea level.

I also have the script randomly change the scale

and rotation of the prefab we are spawning so that we have a bit of variation.

Lastly, let's add some grass.

I found this video to create a quick grass texture,

then I put together a bunch of planes in blender to display it.

Back in Unity, I just reused my prefab spawner script to spawn my grass around the island.

Although, to really bring this grass to life,

I watched this video from Bracuse.

And now, we have Sway in our grass.

So I brought over my FPS controller from the last video so that we can explore the island.

And after working on this for so long,

it's super cool to see this from the first person view.

With what we have here,

it's really starting to feel like a really polished game.

The sky, the water, with the FPS movements,

everything ties nicely together to really bring that GAME FEW.

To be honest, I could keep on going and continue to add things to my procedure generator,

but then this video will never end.

I definitely will be working on this tool in future videos

100

and I am just so pleased with how much I was able to figure out.

101

This is definitely going to help me out in any future game that I make,

102

and even just this island already feels like a cool spot to do 1v1 deathmatches on.

103

I can imagine doing some sick multiplayer battles on here,

104

finding good angles to pick off people on the island.

105

But anyways, if you stuck around this long,

106

thank you so much for watching,

107

and I hope to see you in the next one.

108

Peace.

✨ Recomendar Video

357 oraciones

Learning to code: How Pavel Durov learned to program | Lex Fridman Podcast Clips

University StudentsBusiness English+1

166 oraciones

AI Animation Pipeline: How I Make Cartoons 100% With AI

University StudentsBusiness English+1

85 oraciones

AI Can Write Code. And That’s the Problem.

University StudentsBusiness English+1

350 oraciones

Blender Tutorial: Photorealistic Puddles

University StudentsBusiness English+1

214 oraciones

New Skills! v1.3 brings /pr, /implement-spec, and /retro

University StudentsBusiness English+1

78 oraciones

How I deploy serverless containers for free

University StudentsBusiness English+1

175 oraciones

What is a PLC and how does it work?

University StudentsBusiness English+1

53 oraciones

The grindification of hobbies

University StudentsBusiness English+2

¿Qué es la Técnica de Shadowing?

Shadowing es una técnica de aprendizaje de idiomas respaldada por la ciencia, desarrollada originalmente para la formación de intérpretes profesionales y popularizada por el políglota Dr. Alexander Arguelles. El método es simple pero poderoso: escuchas audio en inglés nativo y lo repites en voz alta de inmediato, como una sombra que sigue al hablante con solo 1-2 segundos de retraso. A diferencia de la escucha pasiva o los ejercicios de gramática, el shadowing obliga a tu cerebro y músculos de la boca a procesar y reproducir simultáneamente patrones de habla reales. Las investigaciones muestran que mejora significativamente la precisión de la pronunciación, la entonación, el ritmo, el habla conectada, la comprensión auditiva y la fluidez al hablar, convirtiéndola en una de las metodologías más efectivas para la preparación del IELTS Speaking y la comunicación en inglés en el mundo real.

Técnica de shadowing: lee la guía completa paso a paso →

Shadowing Practice: How I Learned Procedural Generation - Learn English Speaking with Video

Everything You Need To Start Making Games (As A Beginner)

Fight brain-rot with Worked Examples

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

Handy CSS layout patterns, and fun ways to elevate them

Learning to code: How Pavel Durov learned to program | Lex Fridman Podcast Clips

AI Animation Pipeline: How I Make Cartoons 100% With AI

AI Can Write Code. And That’s the Problem.

Blender Tutorial: Photorealistic Puddles

New Skills! v1.3 brings /pr, /implement-spec, and /retro

How I deploy serverless containers for free

What is a PLC and how does it work?

The grindification of hobbies

Why practice speaking with this video?

Grammar & Expressions in Context

Common Pronunciation Traps

¿Qué es la Técnica de Shadowing?