Skip to content
JavaScript DOM Pacman Game Project Learn JavaScript Code cover image
Play overlay
Preview this course

JavaScript DOM Pacman Game Project Learn JavaScript Code
Discoveryvip

Create a JavaScript Pacman game from scratch Vanilla JavaScript using Document Object Model DOM Game source code

Summary

Price
£59.99 inc VAT
Or £20.00/mo. for 3 months...
Study method
Online, On Demand
Duration
4.6 hours · Self-paced
Qualification
No formal qualification
Certificates
  • Reed courses certificate of completion - Free

Overview

What you'll learn

  • How to create a JavaScript Game using JavaScript and DOM

  • How to manipulate DOM elements using JavaScript

  • Game Development

  • JavaScript Code Project

  • How to create a Dynamic Game from scratch

Certificates

Reed courses certificate of completion

Digital certificate - Included

Will be downloadable when all lectures have been completed

Curriculum

3
sections
30
lectures
4h 35m
total

    • 4: Game Files Setup and Planning for JavaScript PacMan Game 04:11
    • 5: How to Create Game Assets for PacMan Game in JavaScript 07:08
    • 6: How to create with CSS - CSS Create the Ghosts 05:57
    • 7: How to setup Game assets CSS Create the PacMan 12:24

    • 8: How to select elements using JavaScript Select Elements 11:04
    • 9: How to Create Game Board JS 14:18
    • 10: Pacman Game how to Add Ghosts to GameBoard 08:10
    • 11: How to add to the game Add Ghosts to GameBoard 2 05:58
    • 12: How to make animations Add Animation Frame Movement 07:21
    • 13: How to make elements move within the game Movement Parameters 10:27
    • 14: How to setup Pacman Movement Mouth and Eyes 05:52
    • 15: How to add Ghost Movement JavaScript 08:05
    • 16: How to make assets move on their own Make The Ghosts Smarter 07:46
    • 17: Adding Stop and Start GamePlay 08:41
    • 18: JavaScript Game code updates Game Tweaks and Fixes 02:34
    • 19: How to add score to your game Scoring added 06:23
    • 20: Add player options and gameplay concepts Game Over and Start 09:20
    • 21: How to setup Game Over and Restart 07:56
    • 22: How to add gameplay Reset Default Values Restart 02:49
    • 23: How to setup End Game Win Condition 07:50
    • 24: How to add features Player PowerUP 09:21
    • 25: Setup player powerup Pacman Eat the Ghost 05:05
    • 26: Adding new levels and dynamic board generation New Levels and Boards 05:38
    • 27: How to automatically generate gameboards Generate Level Content 13:07
    • 28: How to Generate Level Content 2 03:34
    • 29: Game play Final JavaScript Pacman Test and debug issues 07:15
    • 30: JavaScript Pacman Game Review 15:30

Course media

Description

Explore how YOU can CREATE a PacMan Type Game from scratch using JavaScript and ONLY JavaScript DOM

Perfect to practice and learn more about web design and web development - create game play directly within your website. Run in the browser and have fun! Learn about game design and how you can create a DOM based web game from scratch using JUST JavaScript.

DOM Manipulation - Event Listeners - Create Elements on the Page - ALL DONE WITH JAVASCRIPT

Step by step how to create a GAME -

Using CSS create game assets

Setup the game board and select elements using JavaScript

SOURCE CODE is INCLUDED.....

  • Explore how you can create a PacMan type game from scratch using JavaScript

  • Practice JavaScript create your own version of the game

  • Explore how to manipulate elements on the page using JavaScript

  • DOM manipulation and element selection

  • Make the enemies smarter detect where the player is located

  • Score keeping from the game play

  • Start Stop and Restart game

  • Generate dynamic Game boards

  • Fully Dynamic code that you can update the variables and change the game

Build your own version of this game today.

Who is this course for?

  • JavaScript Coders
  • Anyone who wants to create a game on the web
  • Anyone who wants to practice JavaScript
  • Anyone who wants to learn how to create a pacman type game

Requirements

  • HTML CSS and JavaScript Fundamentals

  • Access to computer

  • Prior coding experience

  • Use of a code editor

  • Running code in a browser

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Ask a question

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

Leave a review

Legal information

This course is advertised on Reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.
View all
Similar subjects: Game development, JavaScript, HTML, IT, Coding
Related searches: Online courses

Interest free credit agreements provided by Zopa Bank Limited trading as DivideBuy are not regulated by the Financial Conduct Authority and do not fall under the jurisdiction of the Financial Ombudsman Service. Zopa Bank Limited trading as DivideBuy is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority, and entered on the Financial Services Register (800542). Zopa Bank Limited (10627575) is incorporated in England & Wales and has its registered office at: 1st Floor, Cottons Centre, Tooley Street, London, SE1 2QG. VAT Number 281765280. DivideBuy's trading address is First Floor, Brunswick Court, Brunswick Street, Newcastle-under-Lyme, ST5 1HH. © Zopa Bank Limited 2025. All rights reserved.