Create a 3D site with Game Controls in Spline and React
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/smarthomecou...
Figma file: https://www.figma.com/community/file/...
Download Assets: https://www.dropbox.com/scl/fo/2oef2r...
[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