Phaser 3 Game Tutorial - 03 - Making a Menu Screen n Loading Images Sprites Audio

github.com/jestarray/gate
sound:
freesound.org/people/Shuinvy/...
zenva loading bar:
gamedevacademy.org/creating-a...

[@pafiro]

Creates a beginner friendly tutorial on how to make an entire main menu and loading screen in 8 minutes. "Was I going to fast?" Great video though, learned a lot! Thanks!

[@roryanderson5123]

Really enjoyed the way you put the video together. Quick and to the point! Keep up the good work :)

[@leot1509]

Great video! A lot of content in a short time! I don't think you're going too fast, the pace is pretty good. An 8 minute tutorial is much easier to watch than a 30 minute one. This way I don't get too bored by stuff I already know and for the things that are new to me, I can just pause and rewind. Thanks for making these videos! They're helping a lot!

[@scriptingarthur]

Great video, I like the format of the video, straight to the point shows how to use the methods and what you can do with them

[@vigneshs2886]

Just the right amount of speed and the right amount of content ... now I demand a thousand videos from you...

[@EftaLaxa]

"Whatup my fellow humans." I love your channel and these tutorials, so great! Thank you very much.

[@the5kyliner]

Really nice tutorial, thank you! So much good content in very short time. love it!

[@TPNYC]

Precious few resources on Phaser 3. Lots of distracting videos for Phaser 2. Thanks a ton, and keep up the great work!

[@davofalltrades]

These are great videos! Thanks for making them.

[@Lutenesed13]

TIll now this is the best phaser 3 tutorial!

[@Seftdelmer]

Great video, keep them coming Mr. Array.

[@lsutoob]

To answer your question: yes a bit too fast, but slowing it down to 75% did the trick. Great tutorial!

[@Twitchsane]

It would be nice to continue making videos. This kind of tutorials are nice. Keep going with phaser

[@eduardo_messias]

Top! Congrats for the great video.

[@yosledev]

awesome video, you get a new subs here!

[@gammafp]

Thanks for your video :)

[@julesyoung6571]

Brilliant! Thanks

[@leizhao8399]

Why can't I see background image if I add "this.add.image(0,0,'title_bg').setOrigin(0)" into LoadScene.js?

[@tlmsk1911]

Thank you!

[@ThaSaltyDawg]

playButton.on("pointerover", ()=>{ // does not hover it activates on the click, is there something I'm missing?

[@oussous0222]

thank you very much !!!

[@danielthompson8993]

Hey jest love your videos and small question about Parcel. I am having trouble with getting tilemaps to work because parcel will not serve json files.When I go to do something like this: this.load.tilemapTiledJSON('level1', 'assets/level1.json'); parcel just craps out and sends the default index.html file... Any ideas for how to load json over parcel or some workaround with the loader system?

[@jestarray]

it should be "./assets/level1.json" . Your assets folder should be in the generated dist folder.

[@honza139706]

I cant display the image i had green square around , please help ! The path is set correctly to the assets

[@stanleythehandsome5402]

Dude i have same problem, did u find solution?

[@rivarelven4129]

​@@stanleythehandsome5402 it is becuse you need a server or that your internet connection is slow

[@rivarelven4129]

it is becuse you need a server or that your internet connection is slow

[@stanleythehandsome5402]

@@rivarelven4129 I solved this 2 months ago but thanks for answer anyway

[@ellipsoid8]

Thanks for video. you can go faster if it accelerates the release of new videos)

[@mdjbanuelos1897]

I gotta say man. Your videos on phaser are pretty good. I've tried others and just couldnt follow them.

[@luci_lol]

are you editing out the "parcel index.html" bits or is your website automatically updating whenever you edit your code? I have to use CTRL+C to shut down the server and re-type "parcel index.html" after every edit, refreshing the page doesn't do anything. How do you get it to auto update?

[@jestarray]

I refresh the page and sometimes it refreshes automatically but I don't CTRL+C and shutdown the server because you don't need to do that. This should be automatically done with "parcel index.html" but maybe its a problem with your browser saving the page in cache. Try turning off the caching : www.technipages.com/google-chrome-how-to-completely-disable-cache

[@luci_lol]

@@jestarray That worked, thank you so much! This series has been really helpful.

[@igorbasovskyi2120]

Hi, how to start playing music right away ? I have this message in console - The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

[@jestarray]

github.com/pixijs/pixi-sound/issues/65 It may be a browser issue, make sure you're using latest chrome with autoplay in flags disabled. For other browsers I'm not too sure.

[@igorbasovskyi2120]

jest array thx I will try it and reply to you

[@jeffevans8200]

Hey Jest, could you go over how to do input boxes and text boxes?

[@jestarray]

You could use svelte, react, vue, etc. I'll probably cover it when phaser 4 comes out because you need to set up your project in a certain way with all the bundlers and etc

[@jeffevans8200]

@@jestarray It looks like I might be able to use dom to manipulate and do an input box

[@user-ol8jo8pw1s]

Thanks.

[@toster1089]

Chrome doesn't load my files(all get 404) when I use parcel. Do you maybe know what's going on?

[@jestarray]

if you can access the server at localhost:1234, then it should be working.

[@toster1089]

@@jestarray Yes server works, just fine as scenes do. Just files dont seem to be loaded at all.

[@jestarray]

​@@toster1089 huh.. that's very strange. Sorry, I can't diagnose without more information. Please post screenshots and etc on : www.html5gamedevs.com/forum/33-phaser-3/ so we can document the solution.

[@sbasnet7743]

I don't exactly know the problem, but make sure you have all the elements such as the "assets" folder inside the "dist" folder, that is the default directory for the page, and also make sure the ".png" and ".jpg" labels are correct. These are some common mistakes that I make. Hope it helps.

[@toster1089]

@@sbasnet7743 It was actually the case(with assets not being in dist folder), i dunno how i missed it cuz it's shown in video. Thank you a lot for help ;)

[@WorstDeveloper]

Why put assets in the dist folder? That doesn't sound right.

[@david.diener]

I think the speed is okay because i have to stop here and there anyways :)

[@johnbox5540]

5:30 😂😂😂

[@Viachev]

It was too fast forwarded for me, because i am typeing while watching

[@maximgasai1349]

Rip ear users 5:36

[@zor5559]

Thanks for the videos. The only part that is too fast is the switching away from the code. I'm trying to watch on 1.5-2x speed and the code is covered by other windows before I can hit pause. Even when I slow it down to 1x speed, I often have trouble stopping it at the exact spot where I can see the the last line of code and type it.

[@sbasnet7743]

I agree, I could barely look at the code during the last part where he adds sounds and pointer options.

[@pr9334]

When you’re wondering why everything is throwing errors, and you realize the tutorial you’re following is 5 years out of date 🤡

[@TraceguyRune]

Oh man. Don't ever artificially increase load times just so people can see the loading screen. WTF

[@buckieblu]

Going way too fastttt

[@ike7769]

This is way too fast