Video description
The author made this course as easy to understand as possible. The author structured it in such a way that each section will handle one major part of the course.
Introduction: This is where we'll explain how the game works, it's various features and what we'll be using to achieve the same results.
Module 1: We'll explain the basics of artificial intelligence and it's various terminologies. We'll put the ground work you'll need to understand the further concepts explained in this course.
Module 2: We'll explain what the MiniMax alrogithm is and how it's implemented. We'll use pictorical and graphical representation to explain the concept with 2 detailed examples. We'll also explain the Pseudocode of the algorithm.
Module 3: We'll explain how the MiniMax algorithm can be implemented in creating an artificial intelligence based player (computer player) for a Tic Tac Toe game. We'll explain the concept with another pictorial representation of the entire process.
Module 4: We'll delve into Javascript and HTML5 canvas concepts that are related to the project we'll be creating.
Module 5: We'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 colors or design elements. After that, we'll "beautify" our app. We'll be using CSS elements to give our game colors 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 6: We'll introduce a step by step algorithm that explains what we'll be doing while creating the Javascript part of our code.
Module 7: We'll be delving into Javascript & HTML5 canvas code of our game in this module, and we'll teach you how to make the game playable (let the user draw on the canvas and display the game results) in here. In this part, we'll create the necessary code to make the human player play the game on the app.
Module 8: This would be the meat of the course. In this module, we'll be applying the MiniMax algorithm with relevant Javascript code to create an artificial intelligence that can play against the human player (the web user).
What You Will Learn
- Create a complete dynamic Tic Tac Toe game app with an unbeatable AI with Javascript, HTML5 canvas and CSS
- Improve your web app development, web game development & javascript skills
- Improve your front end design and development skills
- How to design the game logic for the game and implement it as code
- Learn HTML5, CSS3 and much more while developing your game
- Add artificial intelligent to your resume with this project as proof of your knowledge
Audience
This course is for programmers who want to get into artificial intelligence. Web developers and programmers who want to add artificial intelligence to their websites, software, and apps.
About The Author
Aarthi Elumalai: Aarthi Elumalai is the founder of DigiFisk. At DigiFisk, they aim to make programming fun and interactive. If you are tired of endless theories, you have come to the right place. Starting with beginner-level courses in any programming language or field, they guide you to advance with several real-world project-based classes to equip you to thrive in the real world. Their lectures tend to be detailed and leave nothing out, so beginners and advanced programmers alike can learn something from each course. Be sure to enjoy your journey into the fascinating world of programming with DigiFisk.
Table of contents
- Chapter 1 : Introduction
- Chapter 2 : Artificial intelligence basic terms explanation
- Chapter 3 : MiniMax algorithm explanation + Pseudocode
- Chapter 4 : MiniMax for Tic Tac Toe - Explanation + Pseudocode
-
Chapter 5 : HTML and CSS code with explanation for the game
- Create skeleton of the HTML5 code
- Meta tags of the HTML5 code
- Create the header and the result heading
- Create the game and rule sections' skeletons
- Create the game canvases and new game button
- Create the rules section's paragraphs and heading
- Connect HTML and CSS files
- Set background and more on colors
- Set default styles and style the header
- Style the headings
- Style the canvases
- Style the entire game area
- Style the Divs that hold the canvases and rules area
- Style the paragraphs and headings
-
Chapter 6 : [OPTIONAL] JavaScript HTML5 Canvas Basic Concepts (related to this project)
- Connecting HTML and script/JS files
- An introduction to variables and assigning values
- Mathematical operators and alerts
- Conditional statements - if else statement
- Conditional statements - Switch case
- Loops - For loop
- Arrays - 1 dimensional arrays
- Arrays - 2 dimensional arrays
- An introduction to functions (function definition and calls)
- Intro to DOM - getElementById and InnerText
- Intro to DOM - adding click events to buttons
- JavaScript Objects part 1
- JavaScript Objects part 2
- JavaScript Objects part 3
- Step 1 2 - Getting the canvas and creating the drawing object
- Drawing a line (also explanation on canvas dimensions and pixel points)
- Drawing coloring a shape with poly lines (a path)
- Drawing coloring a circle and arcs
- Chapter 7 : Step by step algorithm for the JavaScript code
-
Chapter 8 : Coding the Tic Tac Toe AI in JavaScript
- Window onload function
- Initial states
- Initial states part 2
- Initial states part 3
- Making the new game button work
- Canvas click event + retrieving the clicked box's number
- Drawing the X
- Drawing the O
- Winner check function
- Box click function - code to let the human player play
- Box click function - code to let the human player play part 2
- Box click function - code to let the human player play part 3
-
Chapter 9 : MiniMax algorithm in JavaScript
- Finding the empty boxes
- Making the AI play
- Making the AI play part 2
- Applying the MiniMax algorithm
- Applying the MiniMax algorithm - terminal tests
- Applying the MiniMax algorithm - recurring conditions
- Applying the MiniMax algorithm - recurring conditions part 2
- Applying the MiniMax algorithm - working out an example
- Applying the MiniMax algorithm - calculate scores of intermediate states
- Applying the MiniMax algorithm - calculate scores of intermediate states part 2
- Analyzing the final output
Product information
- Title: Artificial Intelligence in Game Development- Tic Tac Toe AI
- Author(s):
- Release date: February 2019
- Publisher(s): Packt Publishing
- ISBN: 9781838644772
You might also like
audiobook
Transformed
Help transform your business and innovate like the world's top tech companies! Transformed: Moving to the …
book
Optimization
Choose the Correct Solution Method for Your Optimization Problem Optimization: Algorithms and Applications presents a variety …
book
Beginning Progressive Web App Development: Creating a Native App Experience on the Web
Build fast, reliable web applications using the latest web development technologies. This book provides step-by-step learning …
book
Color Correction Look Book: Creative Grading Techniques for Film and Video
The digital colorist’s job is no longer to simply balance, fix, and optimize. Today’s filmmakers often …