آموزش WebGL و Three.js Fundamentals

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

معرفی Introduction

• معرفی Introduction

• تاریخچه WebGL و Three.js History of WebGL and Three.js

• طرح کلی دوره Course Outline

بلوک های ساختمان Three.js Three.js Building Blocks

• بلوک های ساختمان Three.js Three.js Building Blocks

• Refresher مختصات Coordinates Refresher

• دوربین و گزینه های رندر Camera and Rendering Options

• Object3D Object3D

• تغییر موقعیت، اندازه و چرخش Modifying Position, Size, and Rotation

• مشکلات رایج Common Problems

• خلاصه Summary

مش ها و هندسه Meshes and Geometry

• معرفی مش ها و هندسه Introducing Meshes and Geometry

• هندسه داخلی Inbuilt Geometry

• ایجاد هندسه Creating Geometry

• لودرها و صادرکنندگان Loaders and Exporters

• صادرات هندسه و صحنه Exporting Geometry and Scenes

• خلاصه Summary

مواد، نور و بافت Materials, Lighting & Textures

• معرفی نور و مصالح Introducing Lighting and Materials

• مواد - MeshBasic، MeshLambert و MeshPhong Materials - MeshBasic, MeshLambert, and MeshPhong

• نورپردازی - محیطی، نقطه ای، جهت دار و نقطه ای Lighting - Ambient, Point, Directional, and Spot

• بافت ها - بارگذاری، شفافیت، و نقشه های دست انداز Textures - Loading, Transparency, and Bump Maps

• خلاصه Summary

تعامل صحنه Scene Interaction

• معرفی و رویدادهای صفحه Introduction and Page Events

• کنترل ها Controls

• تشخیص برخورد Collision Detection

• یکپارچه سازی یک موتور فیزیک (Physijs) Integrating a Physics Engine (Physijs)

• خلاصه Summary

ایجاد Three.js Frogger Creating Three.js Frogger

• معرفی Introduction

• اجزای بازی Game Components

• نگاهی دقیق تر به کد بازی ها A Closer Look at The Games Code