JavaScript Tutorial - PuzzleCam Game

In this JavaScript tutorial, you will learn how to code a complex puzzle game that uses the camera. The game uses PHP and MySql on the backend.

⭐️ Resources ⭐️

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:25) Accessing the camera
⌨️ (0:11:06) Cropping the image
⌨️ (0:18:24) Drag and drop
⌨️ (0:28:46) Gameplay elements
⌨️ (0:42:03) Logo design
⌨️ (0:47:06) Sound
⌨️ (0:54:13) MySQL database
⌨️ (1:00:17) PHP web server
⌨️ (1:20:06) Advanced cropping
⌨️ (1:32:30) Advanced hit-testing

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 AppWrite

--

[Radu]

If you want to see more tutorials like this, welcome to my channel :-)

[legendkartik]

All the institutes who charge to teach are jealous of this channel

[fadhilkiima]

I went through the CSS zero to hero and later on looked at the react structure. I'm thankful to FCC. The react structure had a lot of the staff I learnt from the zero to hero course of CSS.

[chaitu]

Thanks for this course. Please create more projects like this and also those that experiment with concepts like Object Oriented Programming in JavaScript

[pisco]

Saw hundreds of tutorials on this channel, this is probably the most impressive one I've seen. Great Job!

[Frankslaboratory]

Great project and so many important techniques to learn, thank you for teaching us

[ayomideayodele]

This was awesome, Radu! Thanks! Hope to see more of this. I've already subscribed to your channel.

[Hehehehev]

This video is vary good this is a grat valuable video

[mqjogos]

O.M.G. my hero is you man🥰😍😘!!! Great tutorial! Thank you so much for coding a coplex puzzle!!!! Obviously it will be difficult for me...but not impossible...maybe

[elgiso.dsanvictores]

I really like and apreciate this channel i hope this channel have many subs and view sooner

[dexmiller]

Hello freecode, it would be so cool to get a tutorial about shopware, how to work with, how to add new modules, templates or elements and how to combine with GraphQL

[rajakunalpandit]

I'm Unable to Access the serve.php help it says that fetch API can't be loaded

[paulndoya]

New subscriber here! I like what I see... Congratulations to the creator

[sosolowkey]

Can you guys do a robotic process automation tutorial?

[AndrewErwin]

Also, I feel like in stead of using mouse events and touch events, you can just use click events to cover it all...

[estherprogrammeert]

Thanks for this video! As an absolute beginner ( so please forgive me if it is something stupid) I tried to code along, and right at the beginning I caught the error "cannot read properties of null" at code line 7 (context = canvas.getContext("2d");) If i follow the code excactly what could I have possibly done wrong? Thank you <3

[AndrewErwin]

If you load the javascrpt at the end of the html (like you should do), there is no need to use the "onload" directive in the html.

[lunamoon]

It would be very good to leave the final source code in the description, so that you can check everything yourself and check the working solution =)

I have a problem, the scale of the tabs sometimes does not match the image. Where can I show the code and get your help?

Thanks for this course, it helped me a lot!

[potthegreen]

would it be too hard to replace the camera for a file upload box and/or have some pre-built ones to choose? Can you point me in the right direction? =)

[ibehfranklinonyeka]

please, the randomizePieaces part of the tutorial is not working for me. i have tried to rewatch that part more than twice to see if there are any mistakes on my side, but there's not. i need help pls, how can i fix it? what could be the problems with it?