Agreed! You have a very unique style! I like how you keep the pace quick and you don't waste any time, no bumbling around or covering topics that your audience should already know. I really hope to see more like this from you!
I love you and your content ❤👏🏼 please do more tutorials for phaser engine and phaser editor. After what happened to unity, we really need professional 2d tutorials like yours 👍🏽
This was a very well made tutorial. Thank you for providing this! I appreciated the speed and found it impressive that you didn't get more tongue-tied speaking the longer lines of code 😂
Hey! It installs "vite" as a "devDependencies", then we go on to install the "phaser" modules as a "dependencies". You can always view the"package.json" to see all the files that will be installed or have been installed. You can google search the listed dependencies targeting them on the NPM site to learn all about the modules you are loading. I hope this answers your questions. 🙂
I followed all the steps and managed to finish the game. When I play the game the music, apple, and score run smoothly, but when the game is over and I reload, the game won't start. It says the audio context was not allowed to start. and websocket connection failed. Would somebody help, please?
I'm sorry but setting up a Phaser3 dev environment is the hardest part, but in this tutorial it's just 1 minute of typing without explaining any of it. 😐 Like how/why do I install "npm"? What is vite@latest, is it some sort of template? If so, then why delete almost all of it after it's created? Setting up the local webhost is just "npm run dev"? I get the error message "missing script dev" what is that command even supposed do? idk I feel like the setup part could be its own video, with all the assumed installed apps, pitfalls and potential for errors. Relative to setting it up, the actual game dev part is extremely simple imho.
Hey there, thanks for checking out the video! 👋 I am planning to make an updated and improved 2024 tutorial. Your feedback is appreciated. There are definitely other ways to set up a Phaser project. Each has its own pros and cons, tis the way of developing. Would you like me to answer your questions about NPM and Vite?
I'll give it a shot for a couple of basic answers to your questions, and believe me, her method is substantially easier to follow than most. "npm" is Node Package Manager...node.js is a "version" of javascript that is designed to be used during backend development. You need NPM to manage different "libraries" meant for vanilla JS. Explaining vite would take half a book, but suffice to say that it provides two things....a dev server which you need to run javascript locally and test builds, as well as a skeleton structure of files and assets depending on the framework (REACT Vue Preact and so on) that you choose to use. Try old school, having to rerun webpack and babel every ten minutes. And....you delete the majority of the code in there...because that is what everyone does when you start up development of a new application. The prebuild is meant for testing whether your server is working and to provide a basic outline of what the skeleton and the framework is going to do for you. I am one hundred percent sure that I didn't answer all your questions the way you wanted. But I gave it my best shot. Could be that you were making suggestions for the next video, but I took a shot in the dark and answered what I thought were legitimate questions.
2:53, hey! You actually don't have to write => flex-direction: column; => here is why: When you write => display: flex; => the default property is "column" vertically default, so you don't have to specify it. Good job :)
Hi, great tutorial. Is this game able to add levels like; speed increases slightly after every 10 captured, or the amount of apples to increase after every round? Thanks for showing, cool game.
@@lowpolyprincess may I ask you a quick question. Directly in front of the apples that falls, there is a 'Green' line and a 'Red' line surrounding my basket. Are these lines normal or is there a way I can make them go away? Thanks.
Ahhh, yes, gotcha. You can make the lines go away by navigating to the "config" object, and changing the debug property from "true" to "false". This will be on line 152 in the final repo. @@pricklypickles
Hi lowpolyprincess, thank you for you advice, and your advice worked just nicely. However, I found something else that may be of interest to you, or maybe it's me being picky. When you click on the start button for the game to start, that is just fine, however, I accidently clicked on the surrounding blue screen and that too started the game. So in a nut-shell, starting the game is not only restricted to the start button. Maybe it's me, maybe I did something wrong in the code. Please can you advise whether i need to check my code or shall I just leave it be. Thanks a million.
Você tem que usar o node na versão 18 para funcionar. Recomendo instalar o gerenciador de nodes chamado NVM e instalar o node na versão 18. Saudações do Brasil!
Particles and tweens, lots of then. A great game without a single particle looks bad. A bad game with lots of particles is still a bad game but looks good if done right.
Nah, I'm what they call a formatting freak and it doesn't really matter once it goes through the compiler. If you want better looking code, start using Prettier and EsLint and set it up to auto fix when you save the file. And keep up the good work educating!
![BLACK BAG - Official Trailer [HD] - Only in Theaters March 14](http://i.ytimg.com/vi/Du0Xp8WX_7I/mqdefault.jpg)
This is great! Thank you for helping out the community, we really appreciate it :)
You are genuinely awesome. I love how u compliment us for completing bits of code. Love your style
Agreed! You have a very unique style! I like how you keep the pace quick and you don't waste any time, no bumbling around or covering topics that your audience should already know. I really hope to see more like this from you!
Great tutorial thank you! Getting straight to the point great style
Thanks for this quick and simple intro! Well done.
Glad you liked it!
your channel is wonderful , i wonder why u don't have that many subs. u deserves more.
I loved this tutorial! Thank you so much for taking the time to help us.
This was an incredibly helpful tutorial. Thank you. :)
I love you and your content ❤👏🏼 please do more tutorials for phaser engine and phaser editor. After what happened to unity, we really need professional 2d tutorials like yours 👍🏽
Working on it! Thank you! 😊
Just found your channel. This tutorial is VERY helpful. Good job!
Hi, thanks so much for this tutorial.
Thank you so much for this tutorial! It was pretty easy to follow~
Excellent. I just started learning phaser and your video was very helpful for me. Thanks a lot!😊
Thank you so much, thats motivating to read 😄. What is your project and how is it going so far?
Great video. Well done keeping it concise
Much appreciated!
This was a very well made tutorial. Thank you for providing this! I appreciated the speed and found it impressive that you didn't get more tongue-tied speaking the longer lines of code 😂
Amazing tutorial, thanks a lot!
Thanks you very much for this tutorial, it's helped me to make a lot of other game with this base source🤗🤗🤗🤗
Liked and subscribed. Thank you for your excellent work!
S Durgesh Reddy, you have my respect
Thanks!
Great ❤.. could explain the use of npm install(only) in this case..which files will be installed
Hey! It installs "vite" as a "devDependencies", then we go on to install the "phaser" modules as a "dependencies". You can always view the"package.json" to see all the files that will be installed or have been installed. You can google search the listed dependencies targeting them on the NPM site to learn all about the modules you are loading. I hope this answers your questions. 🙂
I followed all the steps and managed to finish the game. When I play the game the music, apple, and score run smoothly, but when the game is over and I reload, the game won't start. It says the audio context was not allowed to start. and websocket connection failed. Would somebody help, please?
I'm sorry but setting up a Phaser3 dev environment is the hardest part, but in this tutorial it's just 1 minute of typing without explaining any of it. 😐 Like how/why do I install "npm"? What is vite@latest, is it some sort of template? If so, then why delete almost all of it after it's created? Setting up the local webhost is just "npm run dev"? I get the error message "missing script dev" what is that command even supposed do?
idk I feel like the setup part could be its own video, with all the assumed installed apps, pitfalls and potential for errors. Relative to setting it up, the actual game dev part is extremely simple imho.
Hey there, thanks for checking out the video! 👋
I am planning to make an updated and improved 2024 tutorial.
Your feedback is appreciated.
There are definitely other ways to set up a Phaser project. Each has its own pros and cons, tis the way of developing.
Would you like me to answer your questions about NPM and Vite?
Ela só usou esse vite para conseguir rodar um ambiente de servidor localhost sem precisar ter que rodar um Apache...
I'll give it a shot for a couple of basic answers to your questions, and believe me, her method is substantially easier to follow than most. "npm" is Node Package Manager...node.js is a "version" of javascript that is designed to be used during backend development. You need NPM to manage different "libraries" meant for vanilla JS. Explaining vite would take half a book, but suffice to say that it provides two things....a dev server which you need to run javascript locally and test builds, as well as a skeleton structure of files and assets depending on the framework (REACT Vue Preact and so on) that you choose to use. Try old school, having to rerun webpack and babel every ten minutes.
And....you delete the majority of the code in there...because that is what everyone does when you start up development of a new application. The prebuild is meant for testing whether your server is working and to provide a basic outline of what the skeleton and the framework is going to do for you.
I am one hundred percent sure that I didn't answer all your questions the way you wanted. But I gave it my best shot.
Could be that you were making suggestions for the next video, but I took a shot in the dark and answered what I thought were legitimate questions.
fast going throught all important stuff and waste time to spell hex colors letter by letter. i applaud
Great tutorial!
thanks for the tut. I wonder How you center the canvas that way with translate and margin top 50%? thanks
cool👍...this js skills are my dreams to master!
You totally got this. 💫😊
thanks for share you knowledge
How do you get the emojis in visual studio?
setting html and body 100% height is a perfect solution to the problem of not covering the full screen in mobiles
2:53, hey! You actually don't have to write => flex-direction: column; => here is why:
When you write => display: flex; => the default property is "column" vertically default, so you don't have to specify it. Good job :)
Very DRY approach, thanks for sharing!
@@lowpolyprincess hey I now realised that, it was a mistake. The default property for flex-direction is => row.
is it possible to create commercially viable games with this?
thanks so much for this omg
do i need to download npm?
thank you for your tutorial,
how to use phaser in vue 3
can you make tutorial for this?
I'm interested in this too. How is your project going?
Hi, great tutorial. Is this game able to add levels like; speed increases slightly after every 10 captured, or the amount of apples to increase after every round? Thanks for showing, cool game.
Definitely 😊
@@lowpolyprincess may I ask you a quick question. Directly in front of the apples that falls, there is a 'Green' line and a 'Red' line surrounding my basket. Are these lines normal or is there a way I can make them go away? Thanks.
Ahhh, yes, gotcha. You can make the lines go away by navigating to the "config" object, and changing the debug property from "true" to "false". This will be on line 152 in the final repo. @@pricklypickles
@@lowpolyprincess thank you so much, I will be giving that a try. 😊👍
Hi lowpolyprincess, thank you for you advice, and your advice worked just nicely. However, I found something else that may be of interest to you, or maybe it's me being picky. When you click on the start button for the game to start, that is just fine, however, I accidently clicked on the surrounding blue screen and that too started the game. So in a nut-shell, starting the game is not only restricted to the start button. Maybe it's me, maybe I did something wrong in the code. Please can you advise whether i need to check my code or shall I just leave it be. Thanks a million.
When I tried to test the vite phaser game using a xmapp after bundling..I got a lot of error massage related to the assets and resources
yeah, that is because of the paths
Set them relatively in index and also in main.js (./everything)
Você tem que usar o node na versão 18 para funcionar.
Recomendo instalar o gerenciador de nodes chamado NVM e instalar o node na versão 18.
Saudações do Brasil!
what's gameCanvas in config?
Hello👋🏽, the id for the html canvas.
please do more tutorials for phaser engine and phaser games
Will do! 💫
Nice!
I am having a headache after watching her VS code theme.
Why vite?
You are an absolute goddess of programming and a life saver kudos to you. Like, subscribe and I’m gonna bake a pie in your honor. Cheers 🥧
Aww, that is very kind, thank you. I hope the pie was great.🍰
13:06
15:56
anda mas lento por favor!
muy bueno el video igual
Particles and tweens, lots of then.
A great game without a single particle looks bad.
A bad game with lots of particles is still a bad game but looks good if done right.
Thanks for sharing your input!
why you use vite? its not good, react is the king!
Because Vite to React is like Car to Carpet 😅 a bundle and a render library are not the same.
Non english natives and non ADHD people have a huge problem caching up with your speed :D
If you are real developer, you will watch and follow along at X2 playback
If you are real developer, you will cringe every time spaces are neglected
yes I realize I'm very beginner and slow
Nah, I'm what they call a formatting freak and it doesn't really matter once it goes through the compiler. If you want better looking code, start using Prettier and EsLint and set it up to auto fix when you save the file. And keep up the good work educating!
If you were a real developer, you will
bro sounds like: "🤓"
Their username has the word princess in it 🤓