Make Grid Based Games with JavaScript
- Development
- May 05, 2025

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
Who Should Attend
Target Audiences
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

Frank Dvorak
Front End Web Developer & Instructor at Franks Laboratory
Rating Distribution
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!
- Random Picks
- Popular
- Hot Reviews
- Introduction to Art Activism
- Project Management in Marketing
- Life Insurance Annuity Ultimate Buyer’s Guide
- 3DS Max Tutorial. Learn The Art of Modelling and Animation
- Personal Finance
- Step-By-Step Stock Market Analysis and Real-Time Trades
- 3Ds MAX + VRAY 5 + Interior 3D Rendering
- Affiliate Marketing WHAT It Takes To Get To 500 A Day
- 1YouTube Masterclass The Best Guide to YouTube Success
- 2Photoshop CC- Adjustement Layers, Blending Modes Masks
- 3Personal Finance
- 4SolidWorks Essential Training ( 2023 2024 )
- 5The Architecture of Oscar Niemeyer
- 6Advanced Photoshop Manipulations Tutorials Bundle
- 7Polymer Clay Jewelry Making Techniques for Beginners
- 8SEO for Web Developers
- 1Linux Performance Monitoring Analysis Hands On !!
- 2Content Writing Mastery 1- Content Writing For Beginners
- 3Media Training for PrintOnline Interviews-Get Great Quotes
- 4Learn Facebook Ads from Scratch Get more Leads and Sales
- 5The Complete Digital Marketing Course Learn From Scratch
- 6C#- Start programming with C# (for complete beginners)
- 7[FREE] How to code 10 times faster with Emmet
- 8Driving Results through Data Storytelling