3D Showcase with View Hotspots and Camera Animation | Three.js, React.js
✅ A minimal app to showcase a 3d Model with Clickable Hotspots to change to a desired view with smooth Camera Animations. Created with:
Three.js
React
Typescript
Tailwindcss
Gsap
With Deployment on Github pages.
📃 Source Code: https://github.com/AriyanMLZM/threejs...
----------🚀
00:00 Start
02:34 Setup the Scene
04:04 Load Model
05:16 Add Lights and Shadow
06:45 Add Hotspots
09:32 Add Camera Animations
12:31 Deploy on Github
----------🚀
🔗 Github: https://github.com/AriyanMLZM
🔗 Telegram: https://t.me/ariyanmlzm
🔗 Website: http://ariyanmolazem.ir/
----------🚀
#threejs #typescript #webdevelopment #javascript #frontend #reactjs #gsap #3dwebsite
----------🚀
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.