آموزش WebGL w/Unity: راهنمای نهایی بازی ها در مرورگر

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

معرفی Introduction

• اولین بازی WebGL خود را صادر می کنید Exporting your first WebGL Game

• سرورهای محلی، NGrok و مکانی برای استقرار بازی شما Local Servers, NGrok and a Place to Deploy Your Game

• بررسی ساختمان و استقرار و یک تکلیف Review Building and Deploying and an Assignment

• اشکال زدایی ساخت WebGL با کنسول جاوا اسکریپت Debugging WebGL builds with the Javascript Console

برنامه درسی و پیشینه Syllabus and Background

• سرفصل دروس Syllabus

• تاریخچه وحدت در وب History of Unity on the Web

• چرا به WebGL اهمیت می دهیم؟ Why Care about WebGL?

• چرا از Unity برای بازی های مرورگر استفاده کنیم؟ Why use Unity for Browser Games?

• چرا از Unity برای بازی های مرورگر استفاده نمی کنید؟ Why not use Unity for Browser Games?

• درباره مربی شما About your Instructor

اسرار ساخت WebGL بهتر Secrets to a Better WebGL Build

• سه راه برای بهبود فوری ساخت WebGL شما Three Ways to Instantly make your WebGL Build Better

• بازی خود را ریسپانسیو کنید Make your Game Responsive

• از فونت های بهتر استفاده کنید Use Better Fonts

• از Data Caching استفاده کنید Use Data Caching

تنظیمات پخش کننده Player Settings

• تنظیمات پخش کننده Player Settings

میزبانی و استقرار Hosting and Deployment

• گزینه های میزبانی Hosting Options

• میزبانی وب سی پنل با Siteground (بخش 1، راه اندازی) CPanel Web Hosting with Siteground (part 1, setup)

• میزبانی وب سی پنل با Siteground (قسمت 2، ftp) CPanel Web Hosting with Siteground (part 2, ftp)

• استقرار در صفحات Github Deploy to Github Pages

• استقرار در Firebase (Google Cloud) Deploy to Firebase (Google Cloud)

• استقرار در AWS (مقدمه) Deploy to AWS (Introduction)

• اضافه کردن بازی خود به یک پست وردپرس یا وبلاگ متوسط Adding your Game to a Wordpress or Medium Blog Post

• اضافه کردن بازی خود به Patreon یا Kickstarter Adding your Game to Patreon or Kickstarter

قالب های سفارشی WebGL Custom WebGL Templates

• معرفی الگوهای سفارشی WebGL Custom WebGL Templates Intro

• کنار: Git Bash برای ویندوز Aside: Git Bash for Windows

• کپی کردن قالب حداقل Copying the Minimal Template

• درک الگوها و اجتناب از بازنویسی Understanding Templates and Avoiding Overwrites

• اضافه کردن پس زمینه به قالب ما Adding a Background to our Template

• اضافه کردن عنوان و پاورقی به الگوی ما Adding a Title and Footer to our Template

• تنظیم مرز با جاوا اسکریپت Adjusting our Border with Javascript

• وسط کانتینر بازی Centering the Game Container

• تمیز کردن سبک های CSS ما Cleaning Up our CSS Styles

• Backporting تغییرات به Unity Backporting Changes to Unity

• بررسی و نگاهی سریع به قالب واکنش گرا Review and a Quick Look at the Responsive Template

• تکلیف: یک الگوی WebGL سفارشی ایجاد کنید Assignment: Deploy a Custom WebGL Template

بارگیری تصاویر از وب Loading Images from the Web

• در حال بارگذاری تصاویر مقدمه Loading Images Introduction

• کنار: دانلود پروژه از Github Aside: Downloading the Project from Github

• دانلود تصویر از Unity و خطای CORS Downloading an Image from Unity and a CORS Error

• توضیح CORS و سیاست منشاء واحد Explaining CORS and the Single Origin Policy

• استفاده از HTTPie برای بررسی هدرها Using HTTPie to Inspect Headers

• تست CORS با HTTPie Testing CORS with HTTPie

• استفاده از کلودیناری برای غلبه بر خطاهای CORS Using Cloudinary to Beat CORS Errors

• کلاس ابری در وحدت A Cloudinary Class in Unity

استفاده از Web API با Unity WebGL Using Web API's with Unity WebGL

• استفاده از JSON و Web API برای ساخت ابزار جستجو در Unity Using JSON & Web API's to Build a Search tool in Unity

• مقدمه ای بر JSON Introduction to JSON

• API Pixabay The Pixabay API

• راه اندازی رابط کاربری Unity Setting up the Unity UI

• دانلود JSON با UnityWebRequest Dowloading JSON with UnityWebRequest

• سیم کشی رابط کاربری Wiring up the UI

• تجزیه JSON با MiniJSON (مقدمه) Parsing JSON with MiniJSON (Introduction)

• تجزیه JSON با MiniJSON (کد) Parsing JSON with MiniJSON (code)

• دانلود تصویر از Pixabay Downloading the Image from Pixabay

• مرور، به علاوه Github Repo برای این بخش Review, Plus the Github Repo for this Section

برقراری ارتباط بین یونیتی و مرورگر Communicating between Unity and the Browser

• تعامل با اسکریپت مرورگر Interacting with Browser Scripting

• راه اندازی پروژه و گردش کار Project Setup and Workflow

• فراخوانی جاوا اسکریپت از Unity (C#) Calling Javascript from Unity (C#)

• نوشتن کد جاوا اسکریپت در JSLib برای تغییر رنگ پس زمینه Writing Javascript Code in JSLib to Change the Background Color

• آماده سازی یونیتی برای تماس از جاوا اسکریپت Preparing Unity for a Call from Javascript

• فراخوانی کد Unity (C#) از جاوا اسکریپت Calling Unity Code (C#) from Javascript

• Backporting تغییرات به Unity (دوباره!) و یک Github Repo برای پروژه Backporting Changes to Unity (Again!) and a Github Repo for the Project

• بازبینی و صفحه راهنمای Unity Scripting مرورگر Review and the Browser Scripting Unity Manual Page

بررسی دوره Course Review

• متشکرم! پایان دوره نهایی Thank You! Final Course Wrap Up

• امتیاز: ابزارهای توسعه دهنده کروم را بیاموزید Bonus: Learn Chrome Developer Tools