cesium
simple-soul
这个作者很懒,什么都没留下…
展开
-
Cesium学习笔记(七):Demo学习(自由控制飞行的飞机)
这是官方的教程Demo,名字叫Use HeadingPitchRoll,顾名思义,就是教你用HeadingPitchRoll这个方法的,下面我们就来看一看这个Demo首先先说一下,这个Demo是沙盒里面的,所以如果你想在本地运行的话需要改一下html这里是html<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8">原创 2017-07-10 14:45:27 · 13756 阅读 · 11 评论 -
Cesium学习笔记(十):粒子系统(Particle System)
粒子系统是Cesium1.35最新的更新,让我们一起来看看吧原创 2017-08-01 16:32:33 · 7325 阅读 · 3 评论 -
Cesium学习笔记(八):Demo学习(差值器)
这个Demo是官方Demo中的Interpolation(差值器),不过我更喜欢叫它转圈的飞机o( ̄ε ̄*)这个Demo看上去就是一个飞机在绕着一个圈在飞,你可以通过切换差值器看效果话说这个Demo困扰了我好久,我一直以为这个飞机飞行是自己画出来的,因为上一个就是嘛,然后一直找啊找,就是找不到最后才发现其实它只是在几个时间段填了几个sample,其他的都是靠差值器自动生成的。。。一起来看一下代码吧h原创 2017-07-11 14:15:35 · 8473 阅读 · 7 评论 -
Cesium学习笔记(九):导入3D模型(obj转gltf)
在用cesium的过程中难免需要导入别人做好的3D模型,这时候就需要将这些模型转成gltf格式了当然,官方也给了我们一个网页版的转换器,但是毕竟是网页版的,效率极其低下,文件还不能太大,所以我们就需要一个格式转换器了现在只支持obj和dae转gltf,我感觉obj比较方便,所以我用的是obj2gltf,这也是官方推荐的一个,用起来很简单,而且效果和效率都不错。下面说一下过程首先在cesium目录下安原创 2017-07-19 11:27:29 · 11540 阅读 · 2 评论 -
Cesium学习笔记(六):几何和外观(Geometry and Appearances)
我们先直接来看一个例子var viewer = new Cesium.Viewer('cesiumContainer');var flag = viewer.entities.add({ rectangle : { coordinates : Cesium.Rectangle.fromDegrees(-100.0, 20.0, -90.0, 30.0), ma原创 2017-07-10 13:33:41 · 6254 阅读 · 0 评论 -
Cesium学习笔记(四): 相机(camera)
相机可以控制我们在场景中的视野,默认的,相机操作是这样的:左键单击并拖动 - 移动整个地图右键单击并拖动 - 放大和缩小相机。中轮滚动 - 也可以放大和缩小相机。中间点击并拖动 - 围绕地球表面的点旋转相机。我们可以自己给相机设置位置var point = Cesium.Cartesian3.fromDegrees(-117.16, 32.71, 15000.0);camera.setV原创 2017-07-06 09:58:59 · 16412 阅读 · 1 评论 -
Cesium学习笔记(三): 图像层(Imagery Layers)和地形(Terrain)
Cesium支持多个高分辨率的混合使用图层,每层的亮度,对比度,伽玛,色调和饱和度都可以动态地改变首先我们来创建一个图层试试var viewer = new Cesium.Viewer('cesiumContainer', { imageryProvider : new Cesium.ArcGisMapServerImageryProvider({ url : 'http:/原创 2017-07-05 16:16:21 · 23394 阅读 · 8 评论 -
Cesium学习笔记(二):添加实体对象
1. 首先,你需要选择一款代码编辑器,可以选择eclipse,webstorm,visual studio code这种比较大型的带有代码提示的,你也可以选择sublime,nodepad++,atom这种没有提示的,但是不能使用word这种自带格式的,这样出来的代码其实是有很大问题的。以上这些你都可以自行选择,Cesium官方也给我们提供了一个很好用的东西Sandcastle,它可以很方便的把效果原创 2017-07-04 11:08:31 · 16221 阅读 · 7 评论 -
Cesium学习笔记(一):环境配置和首次运行
Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile。这是官网上给出的例子,如果你可以成功运行,那说明你用的这个浏览器是支持的,如果有问题,建议换个浏览器,推荐chrome下面就进入正题了1. 首先在官网下载Cesium:https://原创 2017-07-04 09:41:56 · 8413 阅读 · 1 评论 -
Cesium学习笔记(五):3D 模型
Cesium支持3D模型,包括关键帧动画,皮肤的改变还有单个节点的选择等,Cesium还提供了了一个基于网络的工具,将COLLADA模型转换为glTF,方便和优化模型添加还记得我们在实体添加的时候添加过一个3D模型么,具体是这样的var viewer = new Cesium.Viewer('cesiumContainer');var entity = viewer.entities.add({原创 2017-07-06 17:21:32 · 11889 阅读 · 9 评论