تدريب Shadowing: How I Learned Procedural Generation - تعلم التحدث بالإنجليزية مع YouTube

So I finished learning how to make an FPS controller,

⏸ متوقف مؤقتاً

السرعة:

108 جمل

إذا كانت الجمل قصيرة أو طويلة جدًا، انقر على Edit لتعديلها.

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.

TRENDING

الأكثر شعبية

ما هي تقنية التظليل الصوتي؟

التظليل الصوتي (Shadowing) تقنية تعلم لغة مدعومة علمياً، طُورت أصلاً لتدريب المترجمين الفوريين المحترفين. الطريقة بسيطة لكنها قوية: تستمع لصوت إنجليزي أصلي وتكرره فوراً بصوت عالٍ — كظل يتبع المتحدث بتأخير 1-2 ثانية. تُظهر الأبحاث تحسناً كبيراً في دقة النطق والتنغيم والإيقاع وربط الأصوات والاستماع والطلاقة.

☕ اشترِ لنا قهوة

يظل ShadowingEnglish مجانيًا بنسبة 100% بفضل دعمكم. تكاليف الخوادم والذكاء الاصطناعي مرتفعة — قهوتكم تبقينا مستمرين! 🙏

التبرع عبر PayPal

ShadowingEnglish.com – تمرين التظليل الصوتي للإنجليزية

تحدث الإنجليزية بطلاقة باستخدام تقنية التظليل الصوتي. استمع لفيديوهات يوتيوب الأصلية، كرر جملة بجملة، وابنِ نطقاً حقيقياً وطلاقة — يستخدمها متعلمو IELTS حول العالم.

تدريب Shadowing: How I Learned Procedural Generation - تعلم التحدث بالإنجليزية مع YouTube

الأكثر شعبية

لماذا يجب ممارسة المحادثة مع هذا الفيديو؟

الجرامر والتعابير في السياق

فخاخ النطق الشائعة

ما هي تقنية التظليل الصوتي؟

تدريب Shadowing: How I Learned Procedural Generation - تعلم التحدث بالإنجليزية مع YouTube

تنزيل التطبيق

لماذا يجب ممارسة المحادثة مع هذا الفيديو؟

الجرامر والتعابير في السياق

فخاخ النطق الشائعة

ما هي تقنية التظليل الصوتي؟