Skip to content

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)

修改图标