HOME > Development > Make Grid Based Games with JavaScript

Make Grid Based Games with JavaScript

  • Development
  • May 05, 2025
SynopsisMake Grid Based Games with JavaScript, available at $19.99, w...
Make Grid Based Games with JavaScript  No.1

Make Grid Based Games with JavaScript, available at $19.99, with 38 lectures.

You will learn about Learn JavaScript by making games Master basic principles of web animation Understand 2D grids and how to use them for games and animated projects Discover how to create animated interactive worlds for others to explore This course is ideal for individuals who are Beginner JavaScript developers interested in 2D game development and web animation It is particularly useful for Beginner JavaScript developers interested in 2D game development and web animation.

Enroll now: Make Grid Based Games with JavaScript

Summary

Title: Make Grid Based Games with JavaScript

Price: $19.99

Number of Lectures: 38

Number of Published Lectures: 38

Number of Curriculum Items: 38

Number of Published Curriculum Objects: 38

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

  • Learn JavaScript by making games
  • Master basic principles of web animation
  • Understand 2D grids and how to use them for games and animated projects
  • Discover how to create animated interactive worlds for others to explore
  • Who Should Attend

  • Beginner JavaScript developers interested in 2D game development and web animation
  • Target Audiences

  • Beginner JavaScript developers interested in 2D game development and web animation
  • Bring your game ideas to life with animated characters, interactive environments, and engaging gameplay mechanics. With JavaScript as your tool, you’ll have the power to design and code games that are fun to play and nice to look at.

    2D grid-based games have been a staple in the world of gaming for decades. From classics like Pac-Man to modern hits like Stardew Valley, these games have captured the hearts of players worldwide. Let me give you the basic tools and building blocks and by the end of this course you will be able to tap into a rich history of game development and unlock endless possibilities by making your own creative ideas come to life.

    Unleash your creativity with JavaScript and 2D animation! Elevate your web projects with interactive animations that captivate your audience. Learn how to bring your designs to life and stand out in the digital realm. Mastering JavaScript and 2D animation opens doors to endless possibilities in web development and design. Join us on a journey of innovation and visual storytelling – let your imagination take flight!

    Today we will build animated fantasy game and we will discover how to:

    – create a responsive game grid

    – create player-controlled and computer-controlled characters

    – implement many fundamental 2D game development techniques such as 2D grids, player inputs, sprite animation

    and much more

    Have fun!

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction

    Chapter 2: Battle Snakes

    Lecture 1: Overview

    Lecture 2: Project Setup

    Lecture 3: Fully Responsive Canvas

    Lecture 4: Drawing Animated Shapes

    Lecture 5: Playable Characters

    Lecture 6: Game Grid

    Lecture 7: Fully Responsive Grid

    Lecture 8: Animation Timing

    Lecture 9: Player 1: Keyboard Arrows

    Lecture 10: Player 2: Keyboard WSAD

    Lecture 11: AI Controlled Players

    Lecture 12: Food

    Lecture 13: Drawing Text

    Lecture 14: Multi Segmented Bodies

    Lecture 15: Movement Rules

    Lecture 16: Game UI: Buttons

    Lecture 17: Game UI: Score Board

    Lecture 18: Game UI: Player Options

    Lecture 19: Tileable Backgrounds

    Lecture 20: Playable Area

    Lecture 21: Start & Restart Screens

    Lecture 22: Tweaks & Fixes

    Lecture 23: Connecting the Menus

    Lecture 24: Fullscreen mode

    Lecture 25: Debug Mode

    Lecture 26: Images & Drawing Debug Shapes

    Lecture 27: Character Sprite Sheets

    Lecture 28: Animated Food

    Lecture 29: Win & Lose Messages

    Lecture 30: Mouth Animations

    Lecture 31: Non-edible Food

    Lecture 32: Game UI: Creature Choice

    Lecture 33: Easy & Difficult AI

    Lecture 34: Game Timers

    Lecture 35: Performance Friendly Particles

    Lecture 36: Sound Design

    Lecture 37: More Snakes

    Instructors

  • Make Grid Based Games with JavaScript  No.2
    Frank Dvorak
    Front End Web Developer & Instructor at Franks Laboratory
  • Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 0 votes
  • 3 stars: 0 votes
  • 4 stars: 0 votes
  • 5 stars: 0 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!