آموزش هوش مصنوعی در توسعه بازی - هوش مصنوعی تیک تاک [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

توضیح اصطلاحات پایه هوش مصنوعی Artificial intelligence basic terms explanation

• هوش مصنوعی - مقدمه Artificial intelligence - an introduction

• هوش مصنوعی و هوش چیست؟ What is an AI & on intelligence

• عوامل هوشمند Intelligent agents

• مشکل رانندگی Driving problem

• مشکل نظافت کف Floor cleaning problem

• انواع محیط Types of environment

• انواع محیط قسمت 2 Types of environment part 2

توضیح الگوریتم MiniMax + شبه کد MiniMax algorithm explanation + Pseudocode

• MiniMax چیست؟ What is MiniMax?

• تکنیک ها و درخت MiniMax Technicalities & MiniMax tree

• بازی اعداد MiniMax MiniMax number game

• بازی اعداد MiniMax قسمت 2 MiniMax number game part 2

• برد، باخت، قرعه کشی مثال Win, lose, draw example

• برد، باخت، مساوی مثال قسمت 2 Win, lose, draw example part 2

• برد، باخت، مساوی مثال قسمت 3 Win, lose, draw example part 3

• تکنیک ها و اصطلاحات استفاده شده در الگوریتم Technicalities & Terms used in the algorithm

• شبه کد MiniMax MiniMax Pseudocode

MiniMax for Tic Tac Toe - توضیح + کد شبه MiniMax for Tic Tac Toe - Explanation + Pseudocode

• الگوریتم MiniMax برای بازی تیک تاک MiniMax algorithm for the Tic Tac Toe game

• الگوریتم MiniMax برای بازی Tic Tac Toe قسمت 2 MiniMax algorithm for the Tic Tac Toe game part 2

کد HTML و CSS با توضیح بازی HTML and CSS code with explanation for the game

• اسکلت کد HTML5 را ایجاد کنید Create skeleton of the HTML5 code

• متا تگ های کد HTML5 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

• فایل های HTML و CSS را به هم متصل کنید 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

• به Div هایی که بوم ها و ناحیه قوانین را در خود جای می دهند، سبک دهید Style the Divs that hold the canvases and rules area

• پاراگراف ها و سرفصل های <h2> را استایل دهید Style the paragraphs and <h2> headings

• دکمه بازی جدید را استایل کنید Style the New Game button

• جلوه های شناور را روی بوم ها و دکمه بازی جدید ایجاد کنید Create hover effects on the canvases and new game button

• پیشرفت های طراحی در قسمت 1 بازی Design enhancements to the game part 1

• پیشرفت های طراحی در بازی قسمت 2 Design enhancements to the game part 2

• پیشرفت های طراحی بازی قسمت 3 Design enhancements to the game part 3

[اختیاری] مفاهیم پایه بوم جاوا اسکریپت و HTML5 (مربوط به این پروژه) [OPTIONAL] JavaScript & HTML5 Canvas Basic Concepts (related to this project)

• اتصال فایل های HTML و اسکریپت/JS Connecting HTML and script/JS files

• مقدمه ای بر متغیرها و تخصیص مقادیر An introduction to variables and assigning values

• عملگرهای ریاضی و هشدارها Mathematical operators and alerts

• عبارات شرطی - عبارت if else Conditional statements - if else statement

• عبارات شرطی - مورد سوئیچ Conditional statements - Switch case

• حلقه ها - برای حلقه Loops - For loop

• آرایه ها - آرایه های 1 بعدی Arrays - 1 dimensional arrays

• آرایه ها - آرایه های 2 بعدی Arrays - 2 dimensional arrays

• مقدمه ای بر توابع (تعریف تابع و فراخوانی) An introduction to functions (function definition and calls)

• معرفی DOM - getElementById و InnerText Intro to DOM - getElementById and InnerText

• مقدمه ای برای DOM - اضافه کردن رویدادهای کلیک به دکمه ها Intro to DOM - adding click events to buttons

• قسمت 1 اشیاء جاوا اسکریپت JavaScript Objects part 1

• اشیاء جاوا اسکریپت قسمت 2 JavaScript Objects part 2

• اشیاء جاوا اسکریپت قسمت 3 JavaScript Objects part 3

• مرحله 1 و 2 - گرفتن بوم و ایجاد شی طراحی 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

الگوریتم گام به گام برای کد جاوا اسکریپت Step by step algorithm for the JavaScript code

• الگوریتم گام به گام برای کد جاوا اسکریپت قسمت 1 Step by step algorithm for the JavaScript code part 1

• الگوریتم گام به گام برای کد جاوا اسکریپت قسمت 2 Step by step algorithm for the JavaScript code part 2

کدگذاری هوش مصنوعی تیک تاک در جاوا اسکریپت Coding the Tic Tac Toe AI in JavaScript

• عملکرد بارگذاری پنجره Window onload function

• حالات اولیه Initial states

• حالت های اولیه قسمت 2 Initial states part 2

• حالت های اولیه قسمت 3 Initial states part 3

• کار کردن دکمه بازی جدید Making the new game button work

• رویداد کلیک روی بوم + بازیابی شماره کادر کلیک شده Canvas click event + retrieving the clicked box's number

• ترسیم X Drawing the X

• ترسیم O Drawing the O

• عملکرد بررسی برنده Winner check function

• تابع کلیک جعبه - کدی که به بازیکن انسانی اجازه بازی می دهد Box click function - code to let the human player play

• تابع کلیک جعبه - کدی که به بازیکن انسانی اجازه می دهد قسمت 2 را بازی کند Box click function - code to let the human player play part 2

• عملکرد کلیک جعبه - کدی که به بازیکن انسانی اجازه می دهد قسمت 3 را بازی کند Box click function - code to let the human player play part 3

الگوریتم MiniMax در جاوا اسکریپت MiniMax algorithm in JavaScript

• پیدا کردن جعبه های خالی Finding the empty boxes

• ساختن هوش مصنوعی بازی Making the AI play

• ساختن هوش مصنوعی در بازی قسمت 2 Making the AI play part 2

• استفاده از الگوریتم MiniMax Applying the MiniMax algorithm

• استفاده از الگوریتم MiniMax - تست های ترمینال Applying the MiniMax algorithm - terminal tests

• اعمال الگوریتم MiniMax - شرایط تکرار شونده Applying the MiniMax algorithm - recurring conditions

• اعمال الگوریتم MiniMax - شرایط تکرارشونده قسمت 2 Applying the MiniMax algorithm - recurring conditions part 2

• استفاده از الگوریتم MiniMax - کار کردن یک مثال Applying the MiniMax algorithm - working out an example

• استفاده از الگوریتم MiniMax - محاسبه نمرات حالت های متوسط Applying the MiniMax algorithm - calculate scores of intermediate states

• استفاده از الگوریتم MiniMax - محاسبه امتیازات حالت های متوسط ​​قسمت 2 Applying the MiniMax algorithm - calculate scores of intermediate states part 2

• تجزیه و تحلیل خروجی نهایی Analyzing the final output