Add 3D Model to Next JS using Spline

Опубликовано: 29 Сентябрь 2024
на канале: iEatWebsites

3,269

103

In this video we will be adding a 3D model that looks like an eye, and it will follow the cursor. We are going to be using Spline to model and export and add the 3d model to a Next JS website.

Install Next JS: https://nextjs.org/docs/getting-start...
Spline: https://spline.design/
Spline package: https://github.com/splinetool/react-s...

CHAPTERS:
0:00 Intro
0:39 What is Spline?
1:15 Preview the 3D model in Spline
1:46 Install the Spline package to Next JS
2:30 Import the Spline package to Next JS
3:05 Adding the 3D model to the Next JS page
4:08 Testing the Next JS website
5:01 Adding CSS
5:50 Final result