threejs-demo

简介

threejs-demo 是一个展示 Three.js 各种案例的集合，旨在通过实际效果图和代码示例，帮助开发者快速理解和掌握 Three.js 的多种功能。

每一个目录都是一个独立的案例，包含了案例的效果图、代码示例和说明文档。开发者可以根据自己的需求，选择对应的案例进行学习和参考。

项目启动

存在 package.json 文件

1. 安装依赖

npm install

2. 启动项目

npm run dev

3. 打开浏览器访问

http://localhost:5173

不存在 package.json 文件

通过 vscode 安装插件Live Server，然后在案例目录下右键选择Open with Live Server即可。

案例列表

360° 看房

文档：https://www.threejs3d.com/examples/360

烟花

文档：https://threejs3d.com/examples/yanhua

圣诞树

文档：https://threejs3d.com/examples/shengdanshu

卡片翻转动画

文档：https://threejs3d.com/examples/card

太阳系网站介绍

文档：https://threejs3d.com/examples/star

下雨效果

文档：https://threejs3d.com/examples/rain

鼠标联动效果

文档：https://threejs3d.com/examples/connect

联系

欢迎关注公众号：三木前端笔记，获取更多前端技术干货。

也欢迎加我微信：sanmu1598，一起交流学习。