Procedural Sounds for Games with JavaScript and WebAudioAPI [Understanding AI

Procedural Sounds for Games with JavaScript and WebAudioAPI [Understanding AI - Lesson 9 / 15]

Рет қаралды 2,336

Күн бұрын

PLAYLIST: • Self-driving Car :: Ph...
Welcome to Lesson 9 of the "Understanding AI" course, where I'll guide you through the exciting process of creating procedurally generated racing game sounds using JavaScript and the WebAudioAPI. In this video, I'll teach you how to generate sound from scratch, starting with a simple beeping noise that we can play at different frequencies. We'll then dive into the intricacies of creating dynamic engine noises for our racing game.
These procedurally generated sounds aren't limited to our project alone - you can use them in any of your creative endeavors. However, I'll demonstrate how to seamlessly integrate these sounds into our racing game with self-driving cars. Imagine the beeps enhancing your countdown timer and the engine noise dynamically changing based on the car's actions in the game.
So, get ready for some sound advice! We'll explore the world of sound generation in JavaScript, adding an auditory dimension to our gaming experience. Join me in this immersive lesson, and let's make our racing game truly come to life with unique, procedurally generated sounds. Don't forget to like, share, and subscribe for more lessons on AI, game development, and creative sound design!
💻CODE FOR THE RACING GAME PART💻
github.com/gniziemazity/under...
Follow Along: 4. Racing Game
Code After This Lesson: 5. Procedural Sound
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: • Self-driving Car :: Ph...
#RacingGame #RacingGameJavaScript #GameSound #RacingGameSounds #RacingSoundsJavaScript #LearnJavaScript
⭐TIMESTAMPS⭐
00:00 Introduction
01:12 Basic Project Setup
01:57 Using the WebAudioAPI
04:38 Visualizing Sounds
08:40 Debugging
11:30 Envelopes
16:56 Engine Noise
22:41 Finalizing the Sound functions
23:44 Adding the Sound to the Racing Game

Пікірлер: 31

@offorjohn Ай бұрын

Awesome. Am here Now.

@Radu Ай бұрын

Welcome!!

@rishabhtripathi6032 2 ай бұрын

i love your content so much, i appreciate your hard work sir, love from India(Bharat)

@Radu 2 ай бұрын

Glad to hear :-) Thanks for watching!

@2difficult2do 2 ай бұрын

Thank you. It's interesting and useful as always.

@Radu 2 ай бұрын

Nice to hear :-)

@Stronglex 2 ай бұрын

Useful as always

@Radu 2 ай бұрын

Glad you think so! :-)

@cacup7 2 ай бұрын

Best project ever

@Radu 2 ай бұрын

Glad you like it :-)

@yusuf.isyaku 2 ай бұрын

Thank you @Radu

@Radu 2 ай бұрын

You're welcome :-)

@javifontalva7752 2 ай бұрын

Yoohoo!!

@Radu 2 ай бұрын

:-))

@All-about-te 2 ай бұрын

i wonder if i can generate the " code with radu song "🙃

@Radu 2 ай бұрын

It should be possible :-)

@alwysrite 2 ай бұрын

one day I wish you could show us how to do any given drawings using fourier transform circles animated

@Radu 2 ай бұрын

Oh, aren't there already some videos on that?

@adilsonbuset738 2 ай бұрын

Très bien.

@Radu 2 ай бұрын

Merci :-)

@disrael2101 2 ай бұрын

cool finally a useful project by you (no offense i just don't like that much the make twitter logo or circle logo in js which is cool but i just didn't feel for it.. this video tho feels much more interesting) :)

@Radu 2 ай бұрын

I see :-) The thing is... 1) there are many people who ask for beginner-friendly content and, 2) I'm taking it easy now so... there will be more content like that coming up, after phase 3 of the self-driving car course ends (in May). Eventually I'm gonna do some more interesting things, though :-)

@disrael2101 2 ай бұрын

@@Radu sounds great i enjoyed this one it's simple but getting complicated at the same time when it has to be connected to the engine aka car code

@Radu 2 ай бұрын

Ok. Got it :-)