通过这个案例,你将学习如何从零开始使用 Three.js 构建 3D 网站。这不仅是一个有趣的过程,还能帮助你打造出受欢迎的站点!
特色功能
一个引人注目的 3D 黑客室,可响应鼠标移动,周围环绕着动画迷你模型。 交互式关于我 浏览项目,同时观看 3D 计算机模型内的现场演示,在不同项目之间无缝切换。 将鼠标悬停在职业里程碑上以触发交互式 3D 动画,让您的职业旅程栩栩如生。 极简主义设计,具有社交媒体链接。 ......
源码
https://github.com/adrianhajdin/threejs-portfolio
在线预览
启动
git clone https://github.com/JavaScript-Mastery-Pro/threejscc-portfolio.git
cd threejscc-portfolio
npm install
npm run dev