آموزش با Three.js یک صحنه سه بعدی قابل کاوش بسازید
Build an Explorable 3D Scene with Three.js
یاد بگیرید که چگونه یک صحنه بسازید که به کاربران امکان می دهد مدل های سه بعدی را در یک مرورگر وب با استفاده از WebGL کاوش کنند. این دوره به شما اصول استفاده از three.js، یک کتابخانه سه بعدی جاوا اسکریپت را برای نمایش و تعامل با مدل ها آموزش می دهد. هیچ دانش قبلی در مورد مدل سازی سه بعدی یا انیمیشن مورد نیاز نیست، اگرچه توصیه می شود حداقل یک درک اولیه از جاوا اسکریپت داشته باشید. مدل‌ها و کتابخانه‌ها مورد نیاز خواهند بود، ما کدی را می‌نویسیم که همه آنها را به هم پیوند می‌دهد. محصول نهایی را می توانید در
مشاهده کنیداین دوره به شما می‌آموزد که چگونه مدل‌های سه بعدی را در مرورگر وب با three.js نمایش دهید و با آنها تعامل داشته باشید. ما با معرفی مختصری از نحوه تنظیم یک صحنه، وارد کردن مدل‌های سه بعدی آماده و سپس اضافه کردن نکات سفارشی شروع می‌کنیم. محصول نهایی در قابل مشاهده است. پیوندهای مربوط به کاری که انجام داده اید را در برگه انجمن به اشتراک بگذارید.
برای ایجاد مدل سه بعدی خود و ارسال پیوند به کار خود در گالری پروژه، همراه باشید. همچنین هر گونه سؤال یا مکان هایی را که در آن گیر کرده اید به اشتراک بگذارید.
منابع
کوین را در GitHub یا
پیدا کنید- - کتابخانه و اسناد
- - مدل‌ها
درس ها Lessons
-
کاوش در یک صحنه سه بعدی Exploring a 3D Scene
-
مقدمه introduction
-
اضافه کردن نشانگرها Adding Markers
-
نتیجه Conclusion
-
مقدمه ای بر three.js Introduction to three.js
-
مروری بر سه بعدی در وب An Overview of 3D on the Web
-
اضافه کردن چراغ ها Adding Lights
-
تشخیص کلیک ها Detecting Clicks
-
نشانگرهای موقعیت یابی Positioning Markers
-
نمایش نکات ابزار Displaying Tooltips
-
راه اندازی یک محیط محلی Setting up a Local Environment
-
واردات مدل Importing Models
-
تنظیم صحنه three.js Setting Up a three.js Scene
https://donyad.com/d/1c38
Kevin Newcombe
توسعه دهنده Front-end
سلام! من کوین نیوکمب هستم، یک توسعه دهنده فرانت اند از ادمونتون، کانادا. من روی CSS و HTML تمرکز می کنم، اما همچنین دوست دارم خلاق باشم و با چیزهایی مانند TensorFlow و WebGL بازی کنم.
نمایش نظرات