Build an interactive 3D scene implemented on a ReactJS site using Figma and Spline
Sponsored by Spline - https://spline.design
Final Site: https://8ee6tk.csb.app
3D Scene: https://my.spline.design/smarthomecourse-e9a3cba624bfa9408afd66d01f36529e/
Figma file: https://www.figma.com/community/file/1162765391712000028
Download Assets: https://www.dropbox.com/scl/fo/2oef2ra7tgs8ntx1tjvfz/h?dl=0&rlkey=r2fs5g20yoozsfxtg7hkbd7ux
[
00:00] Intro
[
02:03] Intro to Game Controls
[
04:26] States, Events & Animations
[
17:20] Movement & Controls
[
22:31] Collision Detection
[
32:35] Physics
[
36:59] 3D Camera & Lighting
[
54:55] Audio & Sounds
[
59:10] URL & Embed
[
01:03:16] Export in React Site
[
01:32:31] Performance & 3D Vitals
🚀 Follow these courses on Design+Code's website
Create 3D Site with Spline and React
➡ https://designcode.io/spline
🎵 Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/hartzmann/bamboo
License code: X2GOL6B2VPX9H5IS
#3d #figma #reactjs