Udemy – Three.js and TypeScript 2026-7

در تاریخ: 1405/05/01 2:25:32

توضیحات

به دوره Three.js and TypeScript خوش آمدید. در این دوره ما همه چیز را در مورد Three.js یاد می گیریم، آن را در TypeScript می نویسیم، و همچنین با استفاده از Webpack و NodeJS یک کلاینت و سرور HTML می نویسیم. این دوره در 5 بخش اصلی می باشد

راه اندازی محیط توسعه و نصب TypeScript
یک پروژه Three.js boilerplate ایجاد کنید. این بخش اختیاری است، به جای آن می توانید یک دیگ بخار از پیش ساخته شده را در قسمت 3 نصب کنید، اما ساخت دستی آن از ابتدا به شما درک بسیار خوبی از جنبه های مربوط به ایجاد یک پروژه جدید Three.js از ابتدا می دهد.
در صورتی که در قسمت 2 به صورت دستی آن را ایجاد نکرده اید، دیگ بخار Threejs Course را نصب کنید.
همه چیز را در مورد بسیاری از جنبه های Three.js از هسته تا استفاده از آن در نمونه های پیشرفته تر و شامل سایر کتابخانه های شخص ثالث بیاموزید.
اعزام به تولید ما به چندین گزینه مختلف که برای میزبانی پروژه های Threejs خود به صورت عمومی در اینترنت دارید نگاه خواهیم کرد.

تمام کدها در مستندات همراه ارائه شده است تا در صورت عدم تمایل به توقف موقت ویدیو و کپی کردن از روی صفحه، بتوانید به راحتی کپی و جایگذاری کنید. پیوندهای مستندات در منابع کنار هر ویدیو موجود است. TypeScript ایمنی نوع را در کد ما معرفی می کند که آن را بسیار قوی تر می کند و به IDE ابزارهای اضافی مانند هوشمندی می دهد که می توانیم از آنها برای کمک به پیدا کردن و درک ویژگی ها و روش ها و کدهای موجود Threejs با دقت و سرعت بسیار بیشتری استفاده کنیم.

آنچه که در دوره Three.js and TypeScript فرا خواهید گرفت

اصول Threejs را با نمایش های متعدد و کد مثال بیاموزید
با استفاده از VSCode، Git و NodeJS یک محیط توسعه راه اندازی کنید
TypeScript را نصب کنید
یک پروژه Threejs با استفاده از NPM و بسته json ایجاد کنید
درباره Webpack، NodeJS، Express و ارائه ماژول های ES6 به مشتریان مرورگر بیاموزید.
ایجاد (یا به صورت اختیاری نصب) یک Threejs TypeScript Boilerplate برای استفاده در طول دوره
با صحنه، دوربین و رندر Threejs آشنا شوید
با حلقه انیمیشن آشنا شوید
با پنل های رابط کاربری گرافیکی آمار و Dat آشنا شوید
درباره کلاس پایه Object3D و ویژگی های Rotation، Position، Scale، Visibility و Matrix بیاموزید.
درباره هندسه هایی مانند Box، Sphere، Icosahedron، Plane، TorusKnot و موارد دیگر بیاموزید.
در مورد مواد اولیه، معمولی، لامبرت، فونگ، استاندارد، فیزیکی، Matcap و سایر مواد بیاموزید
در مورد گزینه های برجسته سازی با SpecularMap، RoughnessMap و MetalnessMap بیاموزید
درباره Bumpmap و Displacement Maps بیاموزید
در مورد اصلاح بافت و نقشه جابجایی UV ها با استفاده از گزینه های مواد بیاموزید.
در مورد نورپردازی با استفاده از نورهای محیطی، جهتی، نیمکره، نقطه ای و نقطه ای اطلاعات کسب کنید.
Mipmaps، Mipmaps سفارشی و فیلتر آنیستروپی
با استفاده از هر دو دوربین سایه پرسپکتیو و Orthographic در مورد سایه ها بیاموزید.
درباره مدار، Trackball و Pointerlock ماوس و کنترل‌های تعامل لمسی بیاموزید
درباره لودرهای مدل مانند OBJ، MTL، GLTF، DRACO و موارد دیگر بیاموزید.
انیمیشن های FBX و glTF/glB شخص ثالث را وارد کنید
انیمیشن های سفارشی ایجاد کنید و از Blender به عنوان glTF/glB صادر کنید
استفاده از Raycaster و نحوه استفاده از آن برای انتخاب اشیاء سه بعدی در صحنه توسط ماوس،
فیزیک با Cannonjs
ارائه دهنده اشکال زدایی Cannonjs
درک چند وجهی محدب در مقابل اشکال مرکب برای تشخیص برخورد
پروژه های Threejs ما را در یک سرور تولید تهیه، استقرار و شروع کنید
Nginx Proxy را نصب کنید، یک نام دامنه را مشخص کنید و SSL را نصب کنید
استفاده از مشخص کننده های ماژول با Webpack در مقابل مراجع واردات نسبی
و بسیاری از نمونه های بسیار مفید دیگر از Threejs

این دوره مناسب افرادیست که

افرادی که علاقه مند به یادگیری Threejs هستند
افرادی که علاقه مند به یادگیری TypeScript هستند
افرادی که علاقه مند به ایجاد برنامه های کاربردی سه بعدی تعاملی، بازی ها یا تجسم در وب هستند
افرادی که می خواهند به اندازه کافی در مورد Threejs، TypeScript و NodeJS یاد بگیرند تا مفید باشد