yanzhezhang / cesium.hpuzyz.demo

This project is some demos of CESIUM. Much of them are from other people's blogs and cesium's official website (https://cesiumjs.org/tutorials/cesium-up-and-running/). Thanks to my good friend MikesWei (https://github.com/MikesWei) for giving me great help.

该工程整个包大小500M左右，下载时间会很久！

Cesium.HPUZYZ.Demo

This project is some demos of CESIUM. Much of them are from other people's blogs and cesium's official website (https://cesiumjs.org/tutorials/cesium-up-and-running/). Thanks to my good friend MikesWei (https://github.com/MikesWei) for giving me great help.

内容

本工程使用VS2013+chrome来编辑和调试，示例代码下载后，可以直接在vs中调试运行，部分示例的测试数据需要另外下载，在对应博客中我已经一一指出了。目前我把cesium学习基础内容整理19个笔记，涵盖环境搭建、影像服务、地形服务、模型加载、鼠标事件、绘制对象、3DTiles加载等几方面。关于其它诸如czml、DataSource、粒子系统等先放一放，随后再学习。现在继续从两个方面写：工具篇、原理篇。工具篇包括在cesium引擎上实现一些常用的工具，原理篇和大家一起尝试查看cesium的源码，试图探究一下cesium底层实现和设计**。

学习计划变更说明：

在看了cesium源码好多天后，发现自己连三维的门都没碰到，以前觉得会调用三维引擎的接口就算三维开发了，现在想想真是感觉自己井底之蛙。看cesium源码这么些天实在看不下去，索性从webgl底层学习。我想花一部分时间先把webgl这块补起来，不求马上就掌握（掌握也不可能，三维博大精深，仅凭看几页教程就说掌握真是天方夜谭），只求再看cesium源码时能看得懂就算达到目的了。先在原理篇前面插个专题：WebGL篇。

阅读以下文章推荐大家点击后面公众号连接，没有广告哦！

*Cesium学习笔记汇总 *公众号阅读

基础篇

*Cesium学习笔记1--环境搭建 *公众号阅读
*Cesium学习笔记2--官方DEMO和API查看 *公众号阅读
*Cesium学习笔记3--Cesium影像服务--在线服务 *公众号阅读
*Cesium学习笔记4--Cesium影像服务--在线服务扩展 *公众号阅读
*Cesium学习笔记5--Cesium影像服务--地图发布 *公众号阅读
*Cesium学习笔记6--Cesium影像服务--图层功能 *公众号阅读
*Cesium学习笔记7--Cesium影像服务--BaseLayerPicker使用 *公众号阅读
*Cesium学习笔记8--Cesium地形服务--在线地形 *公众号阅读
*Cesium学习笔记9--Cesium地形服务--本地地形数据处理及加载 *公众号阅读
*Cesium学习笔记10--Cesium地形服务--地形数据采样 *公众号阅读
*Cesium学习笔记11--模型加载 *公众号阅读
*Cesium学习笔记12--鼠标事件 *公众号阅读
*Cesium学习笔记13--绘制对象-Entity方式 *公众号阅读
*Cesium学习笔记14--绘制对象-Entity管理 *公众号阅读
*Cesium学习笔记15--绘制对象-Primitive方式 *公众号阅读
*Cesium学习笔记16--绘制对象-Primitive管理 *公众号阅读
*Cesium学习笔记17--绘制对象-Primitive外观 *公众号阅读
*Cesium学习笔记18--绘制对象-效率比较 *公众号阅读
*Cesium学习笔记19--3DTiles加载 *公众号阅读

工具篇

*Cesium学习笔记-工具篇01-Tooltip-entity方式 *公众号阅读
*Cesium学习笔记-工具篇02-Tooltip-div方式 *公众号阅读
*Cesium学习笔记-工具篇03-DrawHelper *公众号阅读
*Cesium学习笔记-工具篇04-ChangeablePrimitive可编辑图形 *公众号阅读
*Cesium学习笔记-工具篇05-DynamicDrawTool交互绘制 *公众号阅读
*Cesium学习笔记-工具篇06-GroundPush挖地形 *公众号阅读
*Cesium学习笔记-工具篇07-GroundClipping挖地形 *公众号阅读
*Cesium学习笔记-工具篇08-CesiumNavigation导航插件 *公众号阅读
*Cesium学习笔记-工具篇09-CesiumVectorTile矢量瓦片 *公众号阅读
*Cesium学习笔记-工具篇10-TileLonlatsImageryProvider经纬度网格瓦片地图服务 *公众号阅读
*Cesium学习笔记-工具篇11-Mouse-ButtonLanguage鼠标设置、按钮语言设置 *公众号阅读
*Cesium学习笔记-工具篇12-GlobeSet球场景相关设置 *公众号阅读
*Cesium学习笔记-工具篇13-CesiumThreejs引入threejs *公众号阅读
*Cesium学习笔记-工具篇14-PickPosition获取鼠标点击位置方法总结 *公众号阅读
*Cesium学习笔记-工具篇15-Elevation等高线绘制 *公众号阅读
*Cesium学习笔记-工具篇16-DynamicDraw-ClampGround交互绘制-贴地 *公众号阅读
*Cesium学习笔记-工具篇17-PrimitivePoint自定义渲染-点 *公众号阅读
*Cesium学习笔记-工具篇18-PrimitivePolyline自定义渲染-线 *公众号阅读
*Cesium学习笔记-工具篇19-PrimitiveTriangles自定义渲染-面 *公众号阅读
*Cesium学习笔记-工具篇20-PrimitiveTexture自定义渲染-贴图 *公众号阅读
*Cesium学习笔记-工具篇21-PrimitiveWaterface渲染水面 *公众号阅读
*Cesium学习笔记-工具篇22-PrimitiveEllipse自定义渲染椭圆 *公众号阅读
*Cesium学习笔记-工具篇23-PrimitiveSector自定义渲染扇形 *公众号阅读
*Cesium学习笔记-工具篇24-CesiumCanvas2image场景截屏 *公众号阅读
*Cesium学习笔记-工具篇25-Cesium加载geoserver影像服务-tif *公众号阅读
*Cesium学习笔记-工具篇26-Cesium加载geoserver矢量服务-shp *公众号阅读
*Cesium学习笔记-工具篇27-Cesium查询wms服务自定义信息框 *公众号阅读
*Cesium学习笔记-工具篇28-ChangeablePrimitiveClampGround可编辑图形--贴地 *公众号阅读
*Cesium学习笔记-工具篇29-GetCurrentExtent获取当前场景范围 *公众号阅读
*Cesium学习笔记-工具篇30-CesiumSceneWeather添加雨雪天气场景 *公众号阅读
*Cesium学习笔记-工具篇31-cesium加载geoserver发布图层组 *公众号阅读
*Cesium学习笔记-工具篇32-cesium圆形扫面线 *公众号阅读
*Cesium学习笔记-工具篇33-cesium雷达扫描 *公众号阅读
*Cesium学习笔记-工具篇34-cesium流动纹理 *公众号阅读
*Cesium学习笔记-工具篇35-cesium流动纹理-飞行路径 *公众号阅读
*Cesium学习系列-工具篇36-挖地形、态势标绘、可视域 *公众号阅读
*Cesium学习系列-工具篇37-风场绘制 *公众号阅读
*Cesium学习系列-工具篇38-CesiumHeatmap热力图 *公众号阅读
*Cesium学习系列-工具篇39-shp转3dtiles *公众号阅读
*Cesium学习系列-工具篇40-shadowmap *公众号阅读
*Cesium学习系列-工具篇41-多视图操作:卷帘、鹰眼、联动 *公众号阅读
*Cesium学习系列-工具篇42-可视域分析-基于shadowmap *公众号阅读
*Cesium学习系列-工具篇43-多区域挖除 *公众号阅读

WebGL篇

*Cesium学习笔记-WebGL篇01-绘制圆点、闪烁点 *公众号阅读
*Cesium学习笔记-WebGL篇02-选中对象 *公众号阅读
*Cesium学习笔记-WebGL篇03-blending混合 *公众号阅读
*Cesium学习笔记-WebGL篇04-切换着色器
*Cesium学习笔记-WebGL篇05-渲染到纹理
*Cesium学习笔记-WebGL篇06-绘制阴影

原理篇

*Cesium学习笔记-原理篇01-Cesium源码编译 *公众号阅读

其它

*风场优化 *公众号阅读

号外

我的学习公众号也开通，感兴趣的小伙伴们可以加关注：giserYZ2SS

示例展示

*1-模型加载

*2-3dtiles加载

*3-场景汉化

*4-水面

*5-扇形

*6-天气场景-雪

*7-天气场景-雨

*8-挖地形

*9-态势标绘

*10-可视域-基于DEM

*11-圆形扫描

*12-雷达扫描

*13-流动纹理

*14-飞行航迹

*15-流场-3d

*16-流场-2d

*17-鹰眼

*18-可视域-基于shadowmap

*19-多区域挖地形

cesium.hpuzyz.demo's Issues

自定义渲染三角面得到的渲染结果在拖拽三维球体时它所在的位置会发生变化

我实现功能的参考文章 https://mp.weixin.qq.com/s/C9lyfRx8n7Jy3gjWtE3iSw

目前根据参考文章实现了自定义三角面的渲染，但是发现在移动三维球体时绘制添加到三维球体的图形位置会发生变化，我这里有错误效果录屏没办发给你，我之前通过公众号给您发过但是属于不支持的消息类型也发不过去

可编辑primitive页面异常卡顿

没有找到可视域分析的文件

Tool48应该没有上传吧 麻烦大佬上传一份，感激不尽

流动纹理的第111行代码有误

Property前少了Cesium

感谢大神的分享，在学习风场动画时，发现效率比较低，默认的2000都有些卡顿，请问应该怎样优化？

可视域分析有没有基于ShadowMap ?

可视域分析有没有基于ShadowMap ?

CesiumVectorTile插件使用

您好，感谢分享。我看您矢量切片工具demo中，是通过引入插件的编译文件CesiumVectorTile.min.js完成的。我按照您的方法，最后报错：
Uncaught ReferenceError: VectorTileImageryProvider is not defined

我想请问我的问题出在哪里？应该如何改正？
我使用的版本是 cesium-1.87.1源码版，源码太大不方便上传，我把需要写的demo压缩传上来。
demo是文件夹demops下的vectorTile.html。希望得到您的回复，谢谢！
demops.zip

没有找到态势标徽的代码

似乎工程里没有态势标徽的代码？？
建议：plotUtil.js 使用这个可以的

经纬度网格瓦片地图服务作为js通过类似import TileLonlatsImageryProvider from "./tilelonlatsimageryprovider.js";的方式引入后，new TileLonlatsImageryProvider({});的时候不会进入TileLonlatsImageryProvider.prototype.requestImage方法，有大佬知道应该怎么引用 怎么生效吗

对风向图代码有点疑惑

hi，学习了你的代码，收获很多，对Windy.js有几个疑惑，望指点一二：
1。randomParticle方法中的

do {
x = Math.floor(Math.random() * (this.windField.cols - 2));
y = Math.floor(Math.random() * (this.windField.rows - 2));
} while (this.windField.getIn(x, y)[2] <= 0 && safe++ < 30);
这个do while循环是否有必要？粒子对象是想获得场网格的row和col的index吧

2。WindField.js的
_calcUV: function (u, v) {
return [+u, +v, Math.sqrt(u * u + v * v)];
},
我理解的u是json数据中的第一组值，v是json数据中的第二组值，这个算法的意义是什么？
望指点！万分感谢！

Cesium 如何做到多个地形开挖

使用clippingPlanes是否只能进行一次地形开挖？项目上会有需求对多个地方的地形都需要开挖，这样要如何实现呢？

绘制范围显示等高线

请问,绘制范围显示等高线有没有相关demo

ctb工具

您好，您整合的ctb工具源码，能共享一份吗？我的邮箱：[email protected]

如何消除锯齿，我的entity锯齿有点明显，虽然已经开启了抗锯齿

流动纹理线的问题

每次初始化 第一帧，不正常

distance 函数到底从哪里来的

Tools-16PrimitivePoints.js

"varying vec4 v_color;
void main()
{
float d = distance(gl_PointCoord, vec2(0.5,0.5));
if(d < 0.5){
gl_FragColor = v_color;
}else{
discard;
}
}
";

找了半天没有找到这个 distance 到底从哪里来的

cesium怎么让整个场景的光更亮点？

使用enableLighting=true，没有效果，请问环境光照怎么设置

请问一下cesium如何加载cgcs2000坐标系的影像服务呢

请教一下关于cesium绘制的相关问题

您好，请教一下cesium绘制相关问题，通过公众号给您发了消息，qq加您了。