原文地址:https://cesiumjs.org/tutorials/cesium-and-webpack/ Cesium 和 Webpack Webpack是非常强大非常流行的JavaScript 模块打包工具.它可以让开发人员以一种简单直观的 require 方式去加载各种页面需要的文件,极大的方便了开源人员对代码和资源文件进行结构化设计.当编译的时候,它会跟踪代码依赖性,把所有的模型打包到浏览器可以直接加载的一个或者多个bundles中. 在这个教程的前一半,我们创建一个简单的web项目…

最近一直在准备第一次QQ群的Cesium基础培训公开课,虽说使用Cesium也有段日子了,但是要说对Cesium了解有多深,还真不一定.原因是一直以来我都是用哪里学哪里.基于多年开发三维数字地球的底层的经验,对Cesium的基本原理还是很清楚的,所以这么做对我来说也没什么问题.但是既然好为人师,还是得系统得学习下Cesium,否则也讲不清楚. 最好的系统学习方式就是从官方教程开始了,为了清楚了解官方教程的每个字,也为了给新手一个快速学习的资料,所以就把教程一一翻译了以下.下面是具体地址: 1,入…

Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ webpack是打包JavaScript模块流行且强大的工具.它允许开发人员以直观的方式构造代码和assets,并使用简单的require语句根据需要加载不同类型的文件.构建时,它将跟踪代码依赖关系,并将这些模块打包到浏览器加载的一个或多个包中. 在本教程的前半部分,我们从头开始建立了简单的Web应用程序使用webpack,然后覆盖后续步骤集成Cesium np…

相机(Camera) 相机控制了场景的观察视角.有很多相机操控方法,比如旋转.缩放.平移以及飞行定位.Cesium默认支持使用鼠标和触摸事件控制相机.Cesium也提供了一套可编程的相机控制API.这篇教程就是介绍相机相关知识,以及API. 快速开始 开始示例.打开Sandcastle的 Hello World 示例.默认场景按照下述方式处理鼠标和处理事件: 左键单击和拖拽 - 沿着地球表面平移(调整相机位置). 右键单击和拖拽 - 相机放大缩小(调整相机距离). 滚轮 - 相机放大缩小(调整相…

原文地址:https://cesiumjs.org/tutorials/Particle-Systems-More-Effects-Tutorial/ 高级粒子系统特效 这篇教程学习更多的效果,包括天气和火箭推进器. 如果没有学习过粒子系统基础知识,请学习这篇教程 粒子系统介绍 . 天气   下雪   下雨 最开始下雪的教程是来自 追踪圣诞老人项目里的实现. 步骤 我们即将介绍如何做下雪效果,然后怎么把下雪变为下雨效果. 我们将给每个粒子添加雪花图片,然后在updateParticle函数里定义…

原文地址:https://cesiumjs.org/tutorials/Particle-Systems-Tutorial/ 粒子系统介绍 这篇教程带你学习Cesium的粒子相关API,比如如何在你的项目里添加烟,火,火花等特效.   最终效果 什么是粒子系统? 粒子系统是一种图形学技术,用来模拟复杂的物理效果.粒子系统是由一堆很小的图片组成,看起来就像一些复杂的“含糊不清(fuzzy)”对象,就像火.烟.天气.或者 烟花.这些复杂效果其实是通过控制每一个独立的粒子的初始位置.速度.生命周期等属…

原文地址:https://cesiumjs.org/tutorials/Geometry-and-Appearances/ 几何体和外观效果(Geometry and Appearances) 这篇教程会教大家学习Primitive API中支持的几何体和外观效果.这篇教程并不是面向Cesium的普通用户,主要讨论Cesium的高级知识,包括自定义三角网(mesh),形状(shape),体(volume)以及他们的外观.如果你是初学者,建议先学下这篇教程. Cesium可以使用Entity创建不…

原文地址:https://cesiumjs.org/tutorials/3D-Models-Tutorial/ 三维模型 (3D Models) 这篇教程给大家介绍,如何在Cesium中通过Primitive API来转换.加载.使用三维模型.如果你是新手,建议你先看下这篇 空间数据可视化教程 的三维模型部分. Cesium支持包含关键帧(key-frame)动画.骨骼(skinning)动画 的glTF格式的三维模型,并且支持模型节点(node)的拾取. glTF是 Khronos Group…

原文地址:https://cesiumjs.org/tutorials/Imagery-Layers-Tutorial/ 影像图层 Cesium支持多种服务来源的高精度影像(地图)数据的加载和渲染.图层支持排序和透明混合.每个图层的 亮度(brightness),对比度( contrast), gamma, hue, and saturation 都可以动态修改. 快速开始 我们忽略细节,直接写代码去添加一些影像图层.打开SandCastle中的 Hello World 示例. 这个示例创建了一…

原文地址:https://github.com/AnalyticalGraphicsInc/cesium/wiki/Fabric 介绍 Fabric 是Cesium中基于JSON格式来描述materials的机制.材质描述多边形.折线.椭球等对象的外观特征. 材质可以简单的是覆盖一张图片,或者是条纹或者棋盘图案.使用Fabric 和GLSL,可以从零开始写脚本新建材质,也可以从现有的材质中派生.比如潮湿碎裂的砖块可以使用程序生成的纹理.凹凸贴图和反射贴图来组合. 对象通过material 属性来…