توضیحات

آموزش صفر تا صد Three.js با ساخت بازی تعاملی از سری ZeroToMastery

نام دوره: Three.js Bootcamp: Zero to Mastery

نمونه سایت ساخته شده در دوره : https://forest-trail.vercel.app/

پیش نیاز:

• یک کامپیوتر
• دانش پایه جاوا اسکریپت

توضیحات:

Three.js چیست؟

Three.js یک کتابخانه جاوا اسکریپت است که برای ایجاد و نمایش گرافیک های سه بعدی در مرورگرهای وب استفاده می شود.

بر روی WebGL ساخته شده است، ابزاری قدرتمند که توانایی ایجاد تجربیات سه بعدی واقعاً نوآورانه و تعاملی را مستقیماً در یک مرورگر وب باز می کند.

این بدان معناست که Three.js به جنبه خلاق ذهن شما اجازه می‌دهد تا وب‌سایت‌هایی با تجربه‌های سه بعدی شگفت‌انگیز و غوطه‌ور بسازید که دارای فاکتور “wow” هستند.

یکی از مزایای اصلی استفاده از Three.js این است که به طور قابل توجهی فرآیند ایجاد گرافیک سه بعدی با استفاده از WebGL را ساده می کند.

در حالی که WebGL یک API بسیار قدرتمند برای ایجاد گرافیک های سه بعدی است، یادگیری و استفاده موثر از آن می تواند بسیار چالش برانگیز باشد.

Three.js بسیاری از پیچیدگی های WebGL را انتزاعی می کند، و آن را برای توسعه دهندگانی که تازه با برنامه نویسی گرافیک سه بعدی آشنا هستند، آسان تر و قابل دسترس تر می کند.

با استفاده از Three.js، توسعه‌دهندگان جاوا اسکریپت می‌توانند صحنه‌ها و انیمیشن‌های سه‌بعدی پیچیده‌ای ایجاد کنند که دستیابی به آن‌ها با فناوری‌های وب دو بعدی سنتی مانند HTML و CSS دشوار – یا حتی غیرممکن است.

این کتابخانه طیف گسترده‌ای از ابزارها و ویژگی‌ها، مانند پشتیبانی از نور، مواد، دوربین‌ها و هندسه را ارائه می‌کند که ایجاد تجسم‌ها و بازی‌های سه بعدی واقعاً چشمگیر را آسان می‌کند.

چه کسی باید Three.js را یاد بگیرد؟

صادقانه بگویم، ما فکر می کنیم که همه باید Three.js را یاد بگیرند… زیرا واقعاً عالی است!

اما اگر به دنبال یافتن شغل رویایی خود هستید، در اینجا تعدادی از نقش های بزرگی که Three.js برای آنها مفید است آورده شده است:

توسعه دهندگان وب:

اگر شما یک توسعه دهنده وب فعلی یا مشتاق هستید، می توانید از Three.js برای ایجاد تجسم های خیره کننده، اینفوگرافیک های تعاملی و سایر محتوای سه بعدی جذاب برای وب سایت های خود استفاده کنید.

علاوه بر این، با محبوبیت روزافزون واقعیت مجازی و واقعیت افزوده، Three.js برای ایجاد تجربیات همه جانبه که به کاربران اجازه می دهد محیط های سه بعدی را در زمان واقعی کاوش کنند، اهمیت فزاینده ای پیدا می کند.

توانایی ایجاد صفحات وب دو بعدی “سنتی” یک مهارت رایج در میان توسعه دهندگان وب است، به خصوص با افزایش محبوبیت بسیاری از سازندگان وب سایت بدون کد کاربر پسند. اما توانایی ایجاد تجربیات سه بعدی همهجانبه در وب با Three.js به توسعه دهندگان این امکان را می دهد که واقعاً از بقیه متمایز شوند.

من شخصاً نمونه کارهای سه بعدی خود را با استفاده از Three.js ساختم و از این طریق در اینترنت به شهرت رسیدم.

تعداد درخواست‌هایی که برای ساختن وب‌سایت‌هایی دریافت می‌کنم که ظاهر و احساس نمونه کارها سه بعدی من را تقلید کنند، خارج از نمودار است.

و من به ندرت خود را تبلیغ می‌کنم یا زمانی را صرف تولید سرنخ می‌کنم، کار برای خودش صحبت می‌کند.

این یک مثال عالی از این است که چگونه مهارت های منحصر به فرد و قدرتمند Three.js برای توسعه دهندگان وب بسیار مورد تقاضا است.

توسعه دهندگان بازی:

اگر می خواهید وارد توسعه بازی شوید، Three.js یک مهارت شگفت انگیز برای اضافه کردن به جعبه ابزار شما است.

چرا؟ زیرا توسعه دهندگان بازی می توانند از Three.js برای ایجاد بازی های غنی و همه جانبه که مستقیماً در مرورگر اجرا می شوند، بدون نیاز به دانلود یا نصب نرم افزار اضافی توسط کاربران استفاده کنند.

کتابخانه Three.js ویژگی‌ها و ابزارهای مختلفی را ارائه می‌کند که می‌توان از آنها برای رندر صحنه‌های بازی استفاده کرد و به گونه‌ای پیاده‌سازی شده است که از گردش‌های کاری سه بعدی استاندارد صنعتی و خطوط لوله رندر پشتیبانی می‌کند.

توسعه دهندگان VR:

فضای واقعیت مجازی در حال ظهور (VR) نیز منطقه رو به رشدی است که Three.js در آن محبوبیت پیدا می کند.

Three.js با توانایی خود برای ایجاد گرافیک سه بعدی که می تواند در زمان واقعی ارائه شود، می تواند برای ایجاد تجربیات واقعیت مجازی همهجانبه استفاده شود که می توان مستقیماً از طریق مرورگر وب Oculus Quest از طریق WebXR بدون نیاز به نصب برنامه سفارشی

3D ARTISTS:

Three.js همچنین برای هنرمندان سه بعدی که می خواهند کارهای خود را در وب به نمایش بگذارند مفید است.

با Three.js، هنرمندان سه بعدی می توانند گالری ها و نمونه کارهای تعاملی ایجاد کنند که به کاربران امکان می دهد کارهای خود را در زمان واقعی کاوش کنند. کتابخانه Three.js از فرمت های استاندارد فایل های صنعتی و خطوط لوله رندر پشتیبانی می کند

دوره آموزش صفر تا صد Three.js با ساخت بازی تعاملی از سری ZeroToMastery به شرح زیر است:

این دوره مانند تمام دوره های صفر تا صد دائما به روز خواهد شد. این بدان معناست که بهترین مکان و بهترین منابع Three.js در طول زندگی حرفه ای شما بهترین مکان برای شما خواهد بود!

در اینجا یک مرور کلی از آنچه در این دوره خواهید آموخت است. این دوره به سه بخش بزرگ تقسیم می شود که سپس به بخش های فرعی تقسیم می شود.

1. شروع به کار با THREE.JS:

قبل از غواصی در دنیای Three.js، داشتن منابع ضروری و دانش پیش نیاز بسیار مهم است. این بخش به‌عنوان پایه‌ای عمل می‌کند و شما را با چیستی Three.js، دانش پیش‌نیازی که نیاز دارید و کجا می‌توانید اسناد رسمی Three.js را پیدا کنید، معرفی می‌کند.

در اینجا برخی از جزئیات چیزهایی است که یاد خواهید گرفت:

• Three.js چیست: مفاهیم اصلی و قابلیت های Three.js را بیاموزید.
• Inspiration: برای شروع با مجموعه ای از نمونه های Three.js آشنا شوید.
• اسناد Three.js: به دست آوردن و درک اسناد رسمی Three.js.

2. اصول THREE.JS:

شما به مفاهیم اصلی Three.js شیرجه خواهید زد، مانند ایجاد صحنه ها، دستکاری مش ها و کار با دوربین ها.

در پایان این بخش، با استفاده از مهارت‌های جدیدی که به دست آورده‌اید، صحنه‌ی سه‌بعدی منظومه شمسی را ایجاد خواهید کرد.

در اینجا برخی از جزئیات چیزهایی است که یاد خواهید گرفت:

• Hello World (اولین صحنه شما): یاد بگیرید که چگونه اولین صحنه Three.js خود را تنظیم کنید.
• دوربین: انواع دوربین ها و ویژگی های آنها را درک کنید.
• دستکاری مش ها: یاد بگیرید چگونه اشیاء سه بعدی را تبدیل و متحرک کنید.
• مش – هندسه و مواد: انواع مختلف هندسه ها و مواد را بررسی کنید.
• بافت ها: درک نحوه اعمال و دستکاری بافت ها.
• نور و سایه ها: یاد بگیرید که چگونه نور و سایه های واقعی ایجاد کنید.

3. THREE.JS پیشرفته و ایجاد نمونه کارها:

از مهارت های Three.js خود برای ایجاد یک نمونه کار شخصی طراحی شده مانند یک بازی سوم شخص استفاده خواهید کرد. این نمونه کارها به عنوان شاهدی بر توانایی فنی و خلاقیت شما خواهد بود.

در اینجا برخی از جزئیات چیزهایی است که یاد خواهید گرفت:

• ساختار کد نمونه کارها: معماری پروژه Three.js را یاد بگیرید.
• نحوه ایجاد یک صفحه پیش بارگیری برای دارایی های خود را بدانید.
• فیزیک: فیزیک دنیای واقعی را در صحنه های سه بعدی خود پیاده کنید.
• ورودی های پایه: یاد بگیرید چگونه اشیا را با استفاده از ورودی های صفحه کلید کنترل کنید.
• فیزیک شخصیت ها: برای حرکات پیچیده تر یک کنترلر کاراکتر پیاده سازی کنید.
• کنترلر دوربین: نحوه ایجاد کنترلرهای دوربین اول و سوم شخص را بیاموزید.
• بدنه آواتار: یک آواتار سه بعدی به صحنه خود اضافه کنید.
• کنترلر انیمیشن: انیمیشن ها را برای آواتار سه بعدی خود پیاده سازی کنید.
• ایجاد یک محیط با Blender و Three.js: یاد بگیرید که چگونه محیط های سه بعدی پیچیده ایجاد کنید.
• تعامل تعاملی: عناصر تعاملی مانند پورتال ها را پیاده سازی کنید.

نتیجه چیست؟

دوره آموزش صفر تا صد Three.js با ساخت بازی تعاملی از سری ZeroToMastery شما را تشویق می کند و شما را به چالش می کشد تا از یک مبتدی مطلق به فردی تبدیل شوید که در 10 درصد برتر توسعه دهندگان Three.js قرار دارد.

دوره آموزش صفر تا صد Three.js با ساخت بازی تعاملی از سری ZeroToMastery برای چه کسانی است:

• همه کسانی که به دنبال ایجاد سایت های 3 بعدی خیره کننده هستند

بخشی از دوره :