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

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

[@offorjohn]

Awesome. Am here Now.

[@Radu]

Welcome!!

[@yusufisyaku1118]

Thank you @Radu

[@Radu]

You're welcome :-)

[@2difficult2do]

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

[@Radu]

Nice to hear :-)

[@rishabhtripathi6032]

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

[@Radu]

Glad to hear :-) Thanks for watching!

[@Stronglex]

Useful as always

[@Radu]

Glad you think so! :-)

[@cacup7]

Best project ever

[@Radu]

Glad you like it :-)

[@adilsonbuset738]

Très bien.

[@Radu]

Merci :-)

[@AZHARakaGoat]

❤

[@Radu]

❤

[@javifontalva7752]

Yoohoo!!

[@Radu]

:-))

[@alwysrite]

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

[@Radu]

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

[@ChandrashekarCN]

💖💖💖💖

[@Radu]

❤️

[@All-about-te]

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

[@Radu]

It should be possible :-)

[@disrael2101]

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]

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]

@@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]

Ok. Got it :-)

[@mpbasics8285]

you are too consistent for my liking....lol

[@Radu]

And here I thought I was a real rebel publishing the video 40 minute before it's scheduled time 😎

[@yusufisyaku1118]

😂​@@Radu