Create a 3D site with Game Controls in Spline and React

Create a 3D site with Game Controls in Spline and React

121.411 Lượt nghe
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/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