博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SuperMap iClient3D for WebGL教程(Entity)-EllipseGraphics
阅读量:4163 次
发布时间:2019-05-26

本文共 859 字,大约阅读时间需要 2 分钟。

作者:刘大

本文同步更新于简书文章https://www.jianshu.com/p/3577efdb37e8

EllipseGraphics,顾名思义就是椭圆的实体对象,我们首先通过下面的图1来看下EllipseGraphics具有哪些参数,
图1 EllipseGraphics参数

1.semiMajorAxis:椭圆长半轴;

2.semiMinorAxis:椭圆短半轴,其值应不大于semiMajorAxis,长短半轴相等即为圆;
3.height:椭圆相对于地球椭球面的高度;
4.extrudedHeight:t椭圆的挤压面相对于地球椭球面的高度;其值与height相等为椭圆,不等则为柱体,不设置默认与height一致;
5.show:是否显示,默认为true;
6.fill:是否使用纹理填充,默认为true,若设置为false,则设置的material属性无效,可用在只显示轮廓线时;
7.outline:是否显示轮廓线,默认显示;
8.outlineColor:轮廓线颜色,outlineWidth线宽度(该值设置无效)
9.numberOfVerticalLines:轮廓线垂直椭球面的条数;默认为12;
10.rotation:椭圆从北面逆时针旋转的角度;
11.stRotation:椭圆纹理从北面逆时针旋转的角度;
12.granularity:椭圆上各点之间的角距离,默认为Cesium.Math.RADIANS_PER_DEGREE,即(Math.PI / 180.0)改值越小,椭圆越光滑;
13.shadows:是否显示阴影;
14.distanceDisplayCondition:椭圆显示的相机高度范围,参数设置可查看下图
图2 distanceDisplayCondition
简单说明了下各个参数,接下来我们直接看代码以及运行效果,直观的感受下吧

EllipsoidGraphics1EllipsoidGraphics2

运行效果:

运行效果

除此之外,我们还可以借助,我们自定义一个callback函数,在不同的状态下,返回不同的值;比如改变椭圆长短半轴的值,椭圆纹理的旋转角度等,来实现呼吸以及转动的动态效果,下面就直接看看主要代码和效果动图吧
缩放旋转
效果:
tt.gif

转载地址:http://bcvxi.baihongyu.com/

你可能感兴趣的文章
js报错显示subString/subStr is not a function
查看>>
高德地图js API实现鼠标悬浮于点标记时弹出信息窗体显示详情,点击点标记放大地图操作
查看>>
vue项目使用安装sass
查看>>
在osg场景中使用GLSL语言——一个例子
查看>>
laravel 修改api返回默认的异常处理
查看>>
laravel事务
查看>>
【JavaScript 教程】浏览器—History 对象
查看>>
这才是学习Vite2的正确姿势!
查看>>
7 个适用于所有前端开发人员的很棒API,你需要了解一下
查看>>
隐藏搜索框:CSS 动画正反向序列
查看>>
JavaScript slice() 方法
查看>>
JavaScript substring() 方法
查看>>
HTML 5 新的表单元素 datalist keygen output
查看>>
(转载)正确理解cookie和session机制原理
查看>>
jQuery ajax - ajax() 方法
查看>>
将有序数组转换为平衡二叉搜索树
查看>>
最长递增子序列
查看>>
从一列数中筛除尽可能少的数,使得从左往右看这些数是从小到大再从大到小...
查看>>
判断一个整数是否是回文数
查看>>
腾讯的一道面试题—不用除法求数字乘积
查看>>