2 Star 1 Fork 4

sanmu/threejs-demo

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
san_mu-zhusanmu san_mu up 2484c5b 5个月前
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

threejs-demo

简介

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

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

项目启动

存在 package.json 文件

  1. 安装依赖
npm install
  1. 启动项目
npm run dev
  1. 打开浏览器访问
http://localhost:5173

不存在 package.json 文件

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

案例列表

360° 看房

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

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,一起交流学习。

三木前端笔记

空文件

简介

取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/calmound/threejs-demo.git
git@gitee.com:calmound/threejs-demo.git
calmound
threejs-demo
threejs-demo
main

搜索帮助