Mark 标记
用于构建一个简易的图标标记,它相较于Panel
构建的图标有一个区别在于,Mark
可以被其它模型遮挡
基础用法
只需要传入图片地址即可,它可以是本地地址,也可以是网络地址
修改图片
图片也可以随时更换
序列帧0.0.29
标记可以支持序列帧动画了,序列帧详细API可以参考@nrelaxed-ui/keyframes
Options
其包含原THREE.Object3D
对象的所有属性和方法
IMarkConstructorOption
属性名 | 说明 | 类型 |
---|---|---|
img | 图像 | string |TMarkKeyframes |
anchor | 锚点 | RTHREE.Vector2 |
sprite | 是否为精灵图 | boolean |
keyframesOption | 序列帧参数 | IKeyFramesConstructorOption |
TMarkKeyframes
属性名 | 说明 | 类型 |
---|---|---|
width | 单帧宽度 | number |
height | 单帧高度 | number |
source | 资源 | HTMLImageElement[] |ISpriteData[] |
keyframesOption | 序列帧参数 | IKeyFramesConstructorOption |
ISpriteData
以及IKeyFramesConstructorOption
的参数说明,参考@nrelaxed-ui/keyframes
Static Methods
spriteLoading(options: ISourceSpriteOption)
精灵图加载方法
normalSpriteLoading(options: ISourceSpriteOption)
序列帧加载方法
render(clock: number)
序列帧渲染函数(如果使用了序列帧,需要使用该方法)
update(img: string)
修改图标