Book Image

2D Game Development with Javascript and CSS3 - Create a Memory Game [Video]

By : Aarthi Elumalai
Book Image

2D Game Development with Javascript and CSS3 - Create a Memory Game [Video]

By: Aarthi Elumalai

Overview of this book

<ul> <li>In this course, you'll learn how to build a randomized, dynamic 2D memory game with a timer, scorecard, and a customized result display from the ground up with just HTML5, JavaScript, and CSSS and using 2D game development concepts—all in just a couple of hours.</li> <li>In this course you will learn</li> <li>How to build a completely randomized, intelligent 2D memory game with stellar design with JavaScript, HTML5, and CSS3</li> <li>How to design game logic for games and implement it as code</li> <li>How to make the game intelligent and interesting by introducing a randomization element into it and making it unpredictable even for the programmer</li> <li>How to set up the skeleton of a web app or web game using HTML5</li> <li>How to design a sophisticated 2D game using advanced CSS and CSS3 concepts</li> <li>How to make a 2D game playable using JavaScript concepts</li> <li>How to build a fully featured timer for your game</li> <li>How to make CSS3 card flipping work using CSS3 transitions and CSS3 transformations.</li> <li>Logical problem solving</li> <li>How to create completely customized popup boxes (you can use this knowledge in a number of other projects as well)</li> <li>How to build a score display for your game that dynamically updates itself.</li> <li>How 2D game development works on the web (with JavaScript and HTML5)</li> <li>The basics of HTML5 &amp; CSS3 (I'll explain the concepts as we code the project)</li> <li>The basics of JavaScript (we have separate modules for this topic)</li> <li>Front-end design and development</li> </ul> <p>By the end of the course, you'll be one step closer to creating web-based 2D games and front-end web apps like a pro. You could even try creating other web apps and games from the concepts you learn in this course.<br />All the code files and supporting files for this course are available at:&nbsp;<a href="https://github.com/PacktPublishing/2D-Game-Development-with-Javascript-and-CSS3---Create-a-Memory-Game" target="_blank">https://github.com/PacktPublishing/2D-Game-Development-with-Javascript-and-CSS3---Create-a-Memory-Game</a></p> <h1>Style and Approach</h1> <p>This course is a seamless blend of text, videos, code examples,that will help you take learn efficiently as you progress through the course.</p>
Table of Contents (5 chapters)
Free Chapter
1
Introduction
Chapter 4
[OPTIONAL] JavaScript Basic Concepts (related to this project)
Content Locked
Section 3
Mathematical operators and alerts
[OPTIONAL] Javascript Basic Concepts (related to this project): Mathematical operators and alerts