Make Grid Based Games With Javascript

Learn JavaScript by creating interactive animated projects and make your first 2D grid-based game from scratch

What you'll 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

Requirements

Basic understanding of HTML, CSS and JavaScript is recommended to get the maximum value.

If you can write a simple function, array and for loop in JavaScript, you will be able to follow this class

Description

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 moreHave fun!

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Battle Snakes

Lecture 2 Overview

Lecture 3 Project Setup

Lecture 4 Fully Responsive Canvas

Lecture 5 Drawing Animated Shapes

Lecture 6 Playable Characters

Lecture 7 Game Grid

Lecture 8 Fully Responsive Grid

Lecture 9 Animation Timing

Lecture 10 Player 1: Keyboard Arrows

Lecture 11 Player 2: Keyboard WSAD

Lecture 12 AI Controlled Players

Lecture 13 Food

Lecture 14 Drawing Text

Lecture 15 Multi Segmented Bodies

Lecture 16 Movement Rules

Lecture 17 Game UI: Buttons

Lecture 18 Game UI: Score Board

Lecture 19 Game UI: Player Options

Lecture 20 Tileable Backgrounds

Lecture 21 Playable Area

Lecture 22 Start & Restart Screens

Lecture 23 Tweaks & Fixes

Lecture 24 Connecting the Menus

Lecture 25 Fullscreen mode

Lecture 26 Debug Mode

Lecture 27 Images & Drawing Debug Shapes

Lecture 28 Character Sprite Sheets

Lecture 29 Animated Food

Lecture 30 Win & Lose Messages

Lecture 31 Mouth Animations

Lecture 32 Non-edible Food

Lecture 33 Game UI: Creature Choice

Lecture 34 Easy & Difficult AI

Lecture 35 Game Timers

Lecture 36 Performance Friendly Particles

Lecture 37 Sound Design

Lecture 38 More Snakes

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