How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

JavaScript Tutorial - PuzzleCam Game

via freeCodeCamp

Start learning Write review
Coursera Ad

AI, Data Science & Business Certificates from Google, IBM & Microsoft

Learn More → Corporate Finance Institute Ad

Finance Certifications Goldman Sachs & Amazon Teams Trust

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn to code a complex puzzle game using JavaScript, PHP, and MySQL in this comprehensive tutorial. Gain hands-on experience with camera access, image cropping, drag-and-drop functionality, gameplay elements, logo design, and sound implementation. Dive into database integration with MySQL and server-side programming using PHP. Master advanced techniques in image cropping and hit-testing to enhance your game development skills. Follow along with detailed explanations and practical examples to create an engaging puzzle game that utilizes the user's camera.

Syllabus

) Introduction.
) Accessing the camera.
) Cropping the image.
) Drag and drop.
) Gameplay elements.
) Logo design.
) Sound.
) MySQL database.
) PHP web server.
) Advanced cropping.
) Advanced hit-testing.

Taught by

freeCodeCamp.org

Reviews

Start your review of JavaScript Tutorial - PuzzleCam Game

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.