Shape

Shape

new Shape(args)

Description:
  • 几何体的基类，定义几何体的基本属性和通用方法
Source:
  • objects/Shape/Shape.js, line163
Parameters:
Name Type Description
args object 参数
Properties
Name Type Description
name string 名字
childIndex number 默认值-1，-1表示全部更新，大于-1表示更新指定索引的几何体，可以通过监听事件拿到对应几何体的索引
data object 创建几何体的数据，默认值是null，可以接受geojson格式的数据，根据数据类型点、线、面，进行数据传输
color object 几何体的材质参数，表示几何体的颜色，默认值是白色，可以接受{r:,g:,b:}或者THREE.Color
color2 object 几何体的材质参数，表示几何体的渐变的目标颜色，默认值是和Color一致，可以接受{r:,g:,b:}或者THREE.Color
gardientDirection number 几何体的材质参数，渐变的方向，值范围-1，0，1，默认是1，值大于等于0则表示从正向渐变，值小于0则表示逆向渐变
roughness number 几何体的材质参数，表示粗糙度，值范围0-1，默认是1.0
metallic number 几何体的材质参数，表示金属度，值范围0-1，默认是0.0
map string 几何体的材质参数，表示纹理贴图，接受图片的url, 或者base64字符串，默认是null
opacity number 几何体的材质参数，表示透明度，值范围0-1，默认是1.0不透明
brightnessColor object 几何体的材质参数，表示几何体的发光颜色，可以接受{r:,g:,b:}或者THREE.Color,默认是null，发白光
position object 几何体的空间参数，表示几何体的空间位置，可以接受{x,y,z}或者THREE.Vector3,默认是Vector3(0,0,0);接受经纬度值，单位 度
transparent boolean 是否透明
depthTest boolean 是否开启深度测试，默认true
rotation object 几何体的空间参数，表示几何体的旋转，可以接受{x,y,z}或者THREE.Euler,默认是Euler(0,0,0,'XYZ')单位是角度范围-180至180
scale object 几何体的空间参数，表示几何体的缩放，可以接受{x,y,z}或者THREE.Vector3,默认是Vector3(1,1,1);
offset object 几何体的偏移量，表示几何体的偏移量，可以接受{x,y,z}或者THREE.Vector3,默认是Vector3(1,1,1);接受偏移值，单位 米
scroll number 更新纹理是否沿着横轴滚动，1为u方向滚动，-1为v方向滚动，默认值0不滚动
speed number 动画速率，如果有动画的话，例如雷达Radar图层，默认是0.2, 正负值可以调整动画方向
brightness number 发光强度，默认值是0
size number 尺寸，默认值是10像素，与sizeAttenuation配合使用
sizeAttenuation number 尺寸可变性，默认值是TRUE，表示不固定像素，false表示固定像素大小
uvRotateSpeed number 纹理旋转速度，默认值是0,不旋转，数值绝对值越大旋转越快，正负值可以调整纹理旋转方向
params.renderNum number 每帧渲染的shape数量，默认10，代表每一帧会渲染10个点位，如果点位太多，会导致渲染性能问题,如果超过20个，则自动启用分帧渲染
args.WPOScaleAnimateSpeed number 模型顶点缩放动画速率，默认值是0,不播放动画，数值越大缩放越快
args.WPOMinAnimateScale number 模型顶点缩放的最小倍率，默认值是1,0为消失
args.WPOMaxAnimateScale number 模型顶点缩放的最大倍率，默认值是2
args.matrixNeedsUpdate Boolean 记录空间是否变化，只读
args.materialNeedsUpdate Boolean 记录材质是否变化，只读
args.visibleNeedsUpdate Boolean 记录显隐是否变化，只读
args.animateNeedsUpdate Boolean 动画是否变化，只读
args.isInstance number 是否开启instance模式

Extends

  • Object3D

Members

(readonly) animateNeedsUpdate

Source:
  • objects/Shape/Shape.js, line814
Properties:
Name Type Description
animateNeedsUpdate Boolean 动画是否变化

depthTest

Source:
  • objects/Shape/Shape.js, line398
Default Value:
  • true
Properties:
Name Type Description
depthTest boolean 是否开启深度测试

map

Description:
  • 获取贴图
Source:
  • objects/Shape/Shape.js, line134
获取贴图

map

Description:
  • 设置贴图
Source:
  • objects/Shape/Shape.js, line141
设置贴图

map

Source:
  • objects/Shape/Shape.js, line299
Properties:
Name Type Description
map String 贴图url

(readonly) materialNeedsUpdate

Source:
  • objects/Shape/Shape.js, line802
Properties:
Name Type Description
materialNeedsUpdate Boolean 记录材质是否变化

(readonly) matrixNeedsUpdate

Source:
  • objects/Shape/Shape.js, line796
Properties:
Name Type Description
matrixNeedsUpdate Boolean 记录空间是否变化

transparent

Source:
  • objects/Shape/Shape.js, line393
Default Value:
  • opacity < 1.0
Properties:
Name Type Description
transparent boolean 是否透明

visible

Description:
  • 获取可见性状态
Source:
  • objects/Shape/Shape.js, line113
获取可见性状态

visible

Description:
  • 设置可见性状态
Source:
  • objects/Shape/Shape.js, line119
设置可见性状态

(readonly) visibleNeedsUpdate

Source:
  • objects/Shape/Shape.js, line808
Properties:
Name Type Description
visibleNeedsUpdate Boolean 记录显隐是否变化

Methods

animate(options) → {TWEEN.Tween}

Description:
  • 动画函数，to中的animateOffset表示位置偏移单位cm
Source:
  • objects/Shape/Shape.js, line828
Parameters:
Name Type Description
options object {from, to, duration, easing, loop}
Properties
Name Type Description
from object 起始值{position:null,rotation:null,scale:null} 可不设置，不设置就是当前状态
to object 结束值{position:{x,y,z},rotation:{roll,pitch,yaw},scale:{x,y,z},animateOffset:{x,y,z}}
duration number 动画持续时间,默认3000豪秒，单位豪秒
easing string 缓动函数 默认Linear,可选 Quadratic,Cubic,Sinusoidal,Exponential
loop boolean 是否循环,默认false
stayEnd boolean 动画结束后是否停留在最后一帧的位置,默认true
Returns:
返回Tween对象,可以调用stop()方法停止动画,onUpdate的时候会返回一个0-1的渐变值
Type
TWEEN.Tween

setData(geoJsonData)

Description:
  • 数据赋值与预处理
Source:
  • objects/Shape/Shape.js, line905
Parameters:
Name Type Description
geoJsonData object geojson格式的几何信息

stopAnimate(delayTime)

Description:
  • 停止动画
Source:
  • objects/Shape/Shape.js, line891
Parameters:
Name Type Default Description
delayTime 1000 延迟时间，默认为1000毫秒