آموزش گرافیک سه بعدی در وب با Three.js

مدرس Engin Arslan

انتشار 2017/06/30

مدت زمان 2h 51m

سطح متوسط

فایل تمرینی دارد

آموزش Learning 3D Graphics on the Web with Three.js

گرافیک سه بعدی بخش اصلی تجسم داده ها، واقعیت مجازی، واقعیت افزوده و بازی است - همه زمینه هایی که به سرعت در حال رشد هستند! یاد بگیرید که از کتابخانه جاوا اسکریپت three.js برای ایجاد گرافیک های سه بعدی برای وب استفاده کنید. نحوه ایجاد اشیاء سه بعدی و سفارشی کردن خواص آنها، کار با انواع مختلف نورها، متحرک سازی صحنه خود، اضافه کردن مواد و بافت ها و ساختن سیستم های ذرات را کشف کنید. نویسنده انگین ارسلان همچنین به دانش‌آموزان آموزش می‌دهد که چگونه صحنه را رندر کنند و افکت‌ها و سایه‌زن‌ها را پس از پردازش اضافه کنند. این دوره به شما درک فنی و مفهومی برای ایجاد تصاویر پیشرفته با three.js و به طور کلی کار با گرافیک سه بعدی را می دهد.

3D Graphics Front-end Development JavaScript Three.js

Introduction

Welcome ()

What you should know ()

Using the exercise files ()

1. Building a Simple Scene

Introduction to three.js ()

Set up the environment ()

Scene essentials ()

Populate the scene ()

Create a ground plane ()

2. Three.js Scene Object

Three.js objects ()

requestAnimationFrame() function ()

Other Object3D properties ()

Adding fog to the scene ()

3. Lights

Lighting in three.js ()

Light types ()

dat.GUI ()

Orbit controls ()

Shadows ()

Add more objects to the scene ()

SpotLight ()

DirectionalLight ()

AmbientLight ()

RectAreaLight ()

4. Animation

Random() function ()

Math.sin() and Math.cos() ()

Add noise ()

Camera ()

Animation rig ()

Animation rig, part 2 ()

Tween.js ()

5. Materials and Textures

MeshBasicMaterial ()

MeshLambertMaterial and MeshPhongMaterial ()

MeshStandardMaterial ()

Texture maps ()

Roughness maps ()

Environment maps ()

6. Geometries

Primitive geometries ()

Manipulating vertices ()

External geometries ()

7. Particles

Creating a particle system ()

Animating the particle system ()

Particle system from geometry ()

Stats.js ()

8. Post-Processing

Post-processing ()

EffectComposer ()

Other shaders ()

Conclusion

Next steps ()

Ex_Files_3D_Graphics_Web_ThreeJS.zip (6.3 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.