Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xiaolidan00/my-earth
用three.js实现各种炫酷效果
https://github.com/xiaolidan00/my-earth
earth map threejs webgl
Last synced: 5 days ago
JSON representation
用three.js实现各种炫酷效果
- Host: GitHub
- URL: https://github.com/xiaolidan00/my-earth
- Owner: xiaolidan00
- Created: 2023-09-08T16:51:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-29T15:45:56.000Z (about 2 months ago)
- Last Synced: 2024-12-24T21:04:02.384Z (21 days ago)
- Topics: earth, map, threejs, webgl
- Language: HTML
- Homepage: https://xiaolidan00.github.io/my-earth/
- Size: 16.1 MB
- Stars: 157
- Watchers: 4
- Forks: 53
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-next - Threejs Demo
- awesome-next - Threejs Demo
README
# 用three.js实现各种炫酷效果
## 掘金博客：敲敲敲敲暴你脑袋
- [详细实现过程讲解请看博客](https://juejin.cn/user/224781403162798/posts)
## 地球贴图
- [源码地址:src/world.html](src/world.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/world.html)
## 地球柱体
- [源码地址:src/earth.html](src/earth.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/earth.html)
## InstancedMesh 地球柱体优化
- [源码地址:src/earth1.html](src/earth1.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/earth1.html)
## BufferGeometryUtils.mergeGeometries 地球柱体合并优化
- [源码地址:src/earth2.html](src/earth2.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/earth2.html)
## 动画地球柱体
- [源码地址:src/earth3.html](src/earth3.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/earth3.html)
## 合并形状监测单个形状动作
- [源码地址:src/mergeGeometry.html](src/mergeGeometry.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/mergeGeometry.html)
## 部分泛光
- [源码地址:src/UnrealBloom.html](src/UnrealBloom.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/UnrealBloom.html)
## 3D 区块泛光轮廓
- [源码地址:src/mapBoundary.html](src/mapBoundary.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/mapBoundary.html)
## 3D 区块渐变围栏
- [源码地址:src/mapBoundary1.html](src/mapBoundary1.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/mapBoundary1.html)
## 3D 区块多重渐变围栏
- [源码地址:src/mapBoundary2.html](src/mapBoundary2.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/mapBoundary2.html)
## 生成随机建筑，俯视 UV
- [源码地址:src/building.html](src/building.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/building.html)
## 雷达扩散特效
- [源码地址:src/radar.html](src/radar.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/radar.html)
## 雷达扫描特效
- [源码地址:src/radar1.html](src/radar1.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/radar1.html)
## 2D 热力图
- [源码地址:src/heatmap.html](src/heatmap.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/heatmap.html)
## 3D 热力山丘图
- [源码地址:src/heatmap3d.html](src/heatmap3d.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/heatmap3d.html)
## 帧缓存贴图
- [源码地址:src/FrameBuffer.html](src/FrameBuffer.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/FrameBuffer.html)
## 雨雪雾
- [源码地址:src/RainSnow.html](src/RainSnow.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/RainSnow.html)
## 地球渐变扫光
- [源码地址:src/EarthScan.html](src/EarthScan.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/EarthScan.html)
## 地球斑点扫光
- [源码地址:src/EarthScan1.html](src/EarthScan1.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/EarthScan1.html)
## 无限光束
- [源码地址:src/lineBase.html](src/lineBase.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/lineBase.html)
## 顺着公路无限光束
- [源码地址:src/line.html](src/line.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/line.html)
## 心形流动光束
- [源码地址:src/lineHeart.html](src/lineHeart.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/lineHeart.html)
## 高德地图+Three.js实现炫酷飞线+标牌
- [源码地址:src/mapTravel.html](src/mapTravel.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/mapTravel.html)
## canvas 2D风场图
- [源码地址:src/wind/windCanvas.html](src/wind/windCanvas.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/wind/windCanvas.html)
## 风场uv风向数据图片
- [源码地址:src/wind/windPic.html](src/wind/windPic.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/wind/windPic.html)
## canvas贴图3D风场图
- [源码地址:src/wind/wind.html](src/wind/wind.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/wind/wind.html)
## 平面3D风场图
- [源码地址:src/wind/wind1.html](src/wind/wind1.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/wind/wind1.html)
## 地球3D风场图
- [源码地址:src/wind/wind2.html](src/wind/wind2.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/wind/wind2.html)
## 纯色3D等高线图
- [源码地址:src/ContourLine.html](src/ContourLine.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/ContourLine.html)
## 彩色3D等高线图
- [源码地址:src/ContourLine1.html](src/ContourLine1.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/ContourLine1.html)
## 3D等高线图+热力图
- [源码地址:src/ContourLine2.html](src/ContourLine2.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/ContourLine2.html)
## 3D断层阶梯热力图
- [源码地址:src/ContourLine3.html](src/ContourLine3.html)
- [预览效果](https://xiaolidan00.github.io/my-earth/src/ContourLine3.html)