原文地址:https://cesium.com/blog/2014/12/15/gltf-tips-for-artists/ 这篇文章是Branden Coker, an artist from AGI 写的,他是 AGI 的一个艺术家,做过很多事情,包括 为追踪圣诞老人项目建模.感谢3dben 编写的Blender和3DS Max建模建议. Cesium使用面向web的glTF 格式三维模型,同时提供了一个 dae在线转gltf的工具, 把dae和它纹理拖放到这个工具里,就能获得一个glTF格…

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

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

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

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

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

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

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

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

Styling the Action Bar If you want to implement a visual design that represents your app's brand, the action bar allows you to customize each detail of its appearance, including the action bar color, text colors, button styles, and more. To do so, yo…