Paano Gumawa ng Reactive na 3D Orb na may Galaw at Interaction

Aralin 3 ng 17Spline 3DIntermediate7 min

Ngayon, ipapakita namin kung paano gawin ang tech-inspired na interactive 3D orb na ito gamit ang cloner at mga mouse event sa Spline — swak para sa anumang web project gaya ng mga landing page, product showcase, o anumang design project na gusto mo.

Ginawa ni Vlad Kolokolnikov ang scene na ito; silipin ang Spline community para mahanap ito at iba pang 3D scene na libreng i-remix.

Demo: https://app.spline.design/community/file/306ca2a5-d1ab-46ac-a27c-198575c82db0

Ang matututunan mo

  1. 0:00Intro
  2. 0:18Paggawa ng base object at pagdaragdag ng mga material
  3. 1:30Paggamit ng Cloner
  4. 2:25Pagdaragdag ng Follow event
  5. 3:46Pagdaragdag ng Distance event
  6. 4:32Pagpapakinis ng animation
  7. 5:17Pag-animate ng cloner group
  8. 5:47Final na design
  9. 6:13Mga tip sa pag-export
  10. 6:20Outro

Mga kaugnay na resource