2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game [Video]

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game [Video]

Aarthi Elumalai
New Release!

Javascript for Front End Web App Development - HTML5 Canvas & CSS3 - 2D game development - create the game from scratch.
Packt Subscription
FREE
$9.99/m after trial
Video
$10.00
RRP $90.99
Save 89%
What do I get with a Packt subscription?
  • Exclusive monthly discount - no contract
  • Unlimited access to entire Packt library of 6500+ eBooks and Videos
  • 120 new titles added every month, on new and emerging tech
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
$0.00
$10.00
$9.99 p/m after trial
RRP $90.99
Subscription
Video
Start a FREE 10-day trial

Frequently bought together


2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game [Video] Book Cover
2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game [Video]
$ 90.99
$ 10.00
Artificial Intelligence in Game Development- Tic Tac Toe AI [Video] Book Cover
Artificial Intelligence in Game Development- Tic Tac Toe AI [Video]
$ 135.99
$ 10.00
Buy 2 for $20.00
Save $206.98
Add to Cart

Video Details

ISBN 13 9781838646646
Course Length 5 hours 22 minutes

Table of Contents

Introduction

Video Description

Practice makes perfect. Start your journey into becoming a professional front end web developer here! At DigiFisk, we like making learning fun. Our courses are interactive and fun with a ton of practical elements to it. We've decided to take it a step further with our Web app development practice series. Once you learn the syntax of a programming language, the next logical step is to start creating software and apps. But that's where most students get stuck. Problem-solving isn't as easy as learning a bunch of syntaxes. But we aim to make it easy for you. The course is structured in such a way that each section will handle one of the 3 languages covered here.

Introduction: This is where I'll explain how the game works, it's various features and what we'll be using to achieve the same results.

Module 1: Every professional developer writes algorithms before creating software or game. We'll be writing the step by step algorithm for our game, and I'll be explaining what we'll do in every step.

Module 2: I'll be teaching you how to create the bare bones of the app with HTML5. The result will be a page with all the elements we need in our game, devoid any colours or design elements.

Module 3: Here, we'll "beautify" our app. We'll be using CSS elements to give our game colours and styles. At the end of this module, we'll have a Tic Tac Toe web game that'll look like the final result, albeit one that is not playable yet.

Module 4: I'll be covering some basic concepts of Javascript in this module. I'll only cover concepts that we'll need for our game's Javascript code though. If you already know the basics, you can skip this module.

Module 5: I'll be covering some basic concepts of HTML5 canvas in this module. I'll only cover concepts that we'll need for our game's Javascript/HTML5 canvas code though. If you already know the basics, you can skip this module.

Module 6: This would be the meat of the course. We'll be delving into Javascript & HTML5 canvas code of our game in this module, and I'll teach you how to make the game playable in here.

All the code files are placed at https://github.com/PacktPublishing/2D-Game-Development-With-HTML5-Canvas-JS---Tic-Tac-Toe-Game

Style and Approach

In this course, you'll learn how to build your own Tic Tac Toe Game App from the ground up with just HTML5 canvas, Javascript and CSS in just a couple of hours. You'll learn the basics of everything used in this project (HTM5, CSS3, Javascript, HTML canvas). I'll be explaining every single line of code I'll be using in this course, so you won't feel lost. 

Video Preview

What You Will Learn

  • Create a complete dynamic Tic Tac Toe game app with Javascript, HTML5 canvas and CSS
  • How to design the game logic for the game and implement it as code
  • Improve your web app development, web game development & javascript skills
  • Improve your logical problem-solving skills
  • Improve your front end design and development skills

Authors

Table of Contents

Introduction

Video Details

ISBN 139781838646646
Course Length5 hours 22 minutes
Read More

Read More Reviews

Recommended for You

Artificial Intelligence in Game Development- Tic Tac Toe AI [Video] Book Cover
Artificial Intelligence in Game Development- Tic Tac Toe AI [Video]
$ 135.99
$ 10.00
2D Game Development with Javascript and CSS3 - Create a Memory Game [Video] Book Cover
2D Game Development with Javascript and CSS3 - Create a Memory Game [Video]
$ 101.99
$ 10.00
Learn Javascript and HTML5 Canvas - Build a Paint App for Drawing [Video] Book Cover
Learn Javascript and HTML5 Canvas - Build a Paint App for Drawing [Video]
$ 101.99
$ 10.00
2D Animation with CSS Animations - Complete course and Project [Video] Book Cover
2D Animation with CSS Animations - Complete course and Project [Video]
$ 89.99
$ 10.00
Build a Word Scramble Game from Scratch with JavaScript [Video] Book Cover
Build a Word Scramble Game from Scratch with JavaScript [Video]
$ 186.99
$ 10.01
Mobile Game Development with Unity 3D 2019 [Video] Book Cover
Mobile Game Development with Unity 3D 2019 [Video]
$ 124.99
$ 10.00