https://github.com/ashu-guo/cesium-with-three

集成threejs强大的3D渲染功能到地理空间可视化项目中（基于cesium）
https://github.com/ashu-guo/cesium-with-three

cesium cesium-with-threejs integrating-with-threejs threejs

Last synced: about 1 month ago
JSON representation

集成threejs强大的3D渲染功能到地理空间可视化项目中（基于cesium）

• Host: GitHub
• URL: https://github.com/ashu-guo/cesium-with-three
• Owner: aShu-guo
• Created: 2024-08-15T06:52:16.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-08-16T01:47:38.000Z (6 months ago)
• Last Synced: 2025-01-12T17:09:20.721Z (about 1 month ago)
• Topics: cesium, cesium-with-threejs, integrating-with-threejs, threejs
• Language: TypeScript
• Homepage:
• Size: 6.78 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# cesium-with-three

![img](./public/img.png)

## 步骤

- `npm install`

- `npm run dev`

## 缺点

- three中几何体对象与cesium中的对象（例如building）不存在遮挡逻辑，实际上应该存在的。例如：较高的建筑物应该会遮挡three中的几何体的

    - 最好只有在cesium无法绘制出的几何体的前提下再去使用three绘制

    - 两个场景绘图上下文（context）完全分离的，`遮挡关系`、`光照`、`阴影`、`后期特效`、`交互`等等都是两套东西，并没有真正的融合。

- 只是两个canvas画布的叠加

## 完全分离的两个上下文

遮挡关系不存在

![img](./public/not_cover.png)

![img](./public/not_cover-1.png)

- 只能three中的几何体遮挡cesium中的对象，原因是在DOM层面，绘制three的canvas层级高