Three.js 流行的个人 3D 网站

文化   2024-09-14 07:01   河南  

通过这个案例,你将学习如何从零开始使用 Three.js 构建 3D 网站。这不仅是一个有趣的过程,还能帮助你打造出受欢迎的站点!

3D  投资组合网站使用用于处理用户界面的 React.js、用于渲染 3D 元素的 Three.js 并使用 TailwindCSS 构建。

特色功能

  • 一个引人注目的 3D 黑客室,可响应鼠标移动,周围环绕着动画迷你模型。
  • 交互式关于我
  • 浏览项目,同时观看 3D 计算机模型内的现场演示,在不同项目之间无缝切换。
  • 将鼠标悬停在职业里程碑上以触发交互式 3D 动画,让您的职业旅程栩栩如生。
  • 极简主义设计,具有社交媒体链接。
  • ......

源码

https://github.com/adrianhajdin/threejs-portfolio

在线预览

https://threejscc-portfolio.vercel.app/

启动

git clone https://github.com/JavaScript-Mastery-Pro/threejscc-portfolio.gitcd threejscc-portfolionpm installnpm run dev




感谢您的阅读      

在看点赞 好文不断  

初识Threejs
初识 Three.js 的奇妙世界,走进三维空间,与小编一起拥抱前端技术,涉及WebGL、WebGPU、Threejs、Shader、GIS、VR/AR、数字孪生、3D图形学等。
 最新文章