# threejs-project

**Repository Path**: zhang_yang_lei/threejs-project

## Basic Information

- **Project Name**: threejs-project
- **Description**: threejs学习案例，镜头跟随物体移动效果，数字，VR全景-单场景，鼠标点击人物行走/镜头跟随人物移动/鼠标点击动画/游戏第三人称/行走动作，VR全景/模拟krpano异步加载/局部纹理刷新/图分层加载/瓦片加载，全景故宫，物体沿自定义路线进行运动，视角切换，汽车3D展示/开关门/变色/运动/视角切换/波动热点/汽车模型，汽车3D展示，改变汽车颜色，汽车爆炸分解合体效果，使用Shapes实现不规
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-04-10
- **Last Updated**: 2025-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# threejs

#### 介绍
threejs学习案例

#### 备注
多个场景#，室内漫游，雷达扫描，视频纹理，热点，碰撞

物联网3D可视化：养殖、农业，其他...

3D展厅：大会场视频直播，bilibili或者公司直播那种形式

智慧城市：展示某个区域城市地图，显示热点位置，点击热点显示数据或者监控信息，根据定位数据显示物体位置，显示特效扫描飞线...

智慧园区：显示楼层，点击楼层进行交互显示

商品展示：汽车、手机或者其他商品，预览，变色，信息... 

智慧工厂：我的那个工厂案例优化修改

案例一分享：
Threejs实现绘制地球，地理位置标注、经纬度转换世界坐标threejs坐标，https://gitee.com/zuoben/threejs-ninth.git
案例二分享：
Threejs物联网，工厂3D可视化，https://gitee.com/zuoben/threejs-seventh.git
案例三分享：
Threejs中使用astar(A*)算法寻路导航，https://gitee.com/zuoben/threejs-fourth.git
案例四分享：
Threejs加载模型，Tweenjs实现人物根据规划的路线运动，https://gitee.com/zuoben/threejs-third.git
案例五分享：
Threejs物联网，工厂3D可视化系统，显示标签，自动旋转，https://gitee.com/zuoben/threejs-label


###### 文章列表
1，Threejs加载城市obj模型，加载人物gltf模型，Tweenjs实现人物根据规划的路线运动

2，A*寻路算法(threeJS)使用多view绘图实现小地图功能

3，物联网，工厂3D可视化系统，模型展示

4，物联网，工厂3D可视化系统，显示标签，自动旋转

5，绘制地球，地理位置标注-经纬度转换世界坐标

6，天空盒，全景场景，雪天空地

7，最美的星球

8，开门动画

9，卫星太阳板折叠

10，数字化工厂安全生产监控

11，机械臂运动，机械臂dae格式模型

12，镜头跟随物体移动效果，镜头拐弯并保持运动方向

13，引入字体，实现3D文字，Canvas画布作为纹理贴图实现滚动字幕

14，使用Shapes实现不规则几何体

15，汽车3D展示，改变汽车颜色，汽车爆炸分解合体效果

16，汽车3D展示/开关门/变色/运动/视角切换/波动热点/汽车模型

17，物体沿自定义路线进行运动，视角切换

18，全景故宫

19，VR全景-单场景

20，VR全景/模拟krpano异步加载/局部纹理刷新/图分层加载/瓦片加载

21，鼠标点击人物行走/镜头跟随人物移动/鼠标点击动画/游戏第三人称/行走动作


--- 案例Demo ---

http://zuoben.top 

--- 资源地址 ---

Tween.js动画：	http://sole.github.io/tween.js/examples/03_graphs.html

ShaderToy效果：	https://www.shadertoy.com/browse

全景图转换网站：	https://jaxry.github.io/panorama-to-cubemap/
				https://360toolkit.co/convert-spherical-equirectangular-tocubemap.html