跳转到内容

BaseRenderer

Defined in: core/dist/bg-render/base.d.ts:62

  • AbstractBaseRenderer

new BaseRenderer(canvas): BaseRenderer;

Defined in: core/dist/bg-render/base.d.ts:67

ParameterType
canvasHTMLCanvasElement

BaseRenderer

AbstractBaseRenderer.constructor
PropertyModifierTypeDefined in
canvasprotectedHTMLCanvasElementcore/dist/bg-render/base.d.ts:63
currerntRenderScaleprotectednumbercore/dist/bg-render/base.d.ts:66
flowSpeedprotectednumbercore/dist/bg-render/base.d.ts:65

dispose(): void;

Defined in: core/dist/bg-render/base.d.ts:107

void

AbstractBaseRenderer.dispose

getElement(): HTMLElement;

Defined in: core/dist/bg-render/base.d.ts:108

HTMLElement

AbstractBaseRenderer.getElement

protected onResize(width, height): void;

Defined in: core/dist/bg-render/base.d.ts:76

当画板元素大小发生变化时此函数会被调用 可以在此处重设和渲染器相关的尺寸设置 考虑到初始化的时候元素不一定在文档中或出于某些特殊样式状态,尺寸长宽有可能会为 0,请注意进行特判处理

ParameterTypeDescription
widthnumber画板元素实际的物理像素宽度,有可能为 0
heightnumber画板元素实际的物理像素高度,有可能为 0

void


abstract pause(): void;

Defined in: core/dist/bg-render/base.d.ts:97

暂停背景动画,画面即便是更新了图片也不会发生变化

void

AbstractBaseRenderer.pause

abstract resume(): void;

Defined in: core/dist/bg-render/base.d.ts:101

恢复播放背景动画

void

AbstractBaseRenderer.resume

abstract setAlbum(albumSource, isVideo?): Promise<void>;

Defined in: core/dist/bg-render/base.d.ts:106

设置背景专辑资源,纹理加载并设置完成后会返回

ParameterTypeDescription
albumSourcestring | HTMLImageElement | HTMLVideoElement专辑的资源链接,可以是图片或视频链接,抑或是任意 img/video 元素,如果提供字符串链接且为视频则需要指定第二个参数
isVideo?boolean-

Promise<void>

AbstractBaseRenderer.setAlbum

setFlowSpeed(speed): void;

Defined in: core/dist/bg-render/base.d.ts:81

修改背景的流动速度,数字越大越快,默认为 1

ParameterTypeDescription
speednumber背景的流动速度,默认为 1

void

AbstractBaseRenderer.setFlowSpeed

abstract setFPS(fps): void;

Defined in: core/dist/bg-render/base.d.ts:93

修改背景动画帧率,默认是 30 FPS

如果设置成 0 则会停止动画

ParameterTypeDescription
fpsnumber目标帧率,默认 30 FPS

void

AbstractBaseRenderer.setFPS

abstract setHasLyric(hasLyric): void;

Defined in: core/dist/bg-render/base.d.ts:58

设置背景是否根据“是否有歌词”这个特征调整自身效果,例如有歌词时会变得更加活跃

部分渲染器会根据这个特征调整自身效果

如果不确定是否需要赋值或无法知晓是否包含歌词,请传入 true 或不做任何处理(默认值为 true)

ParameterTypeDescription
hasLyricboolean是否有歌词,如不确定是否需要赋值,请传入 true 或不做任何处理(默认值为 true)

void

AbstractBaseRenderer.setHasLyric

abstract setLowFreqVolume(volume): void;

Defined in: core/dist/bg-render/base.d.ts:48

设置低频的音量大小,范围在 80hz-120hz 之间为宜,取值范围在 [0.0-1.0] 之间

部分渲染器会根据音量大小调整背景效果(例如根据鼓点跳动)

如果无法获取到类似的数据,请传入 1.0 作为默认值,或不做任何处理(默认值即 1.0)

ParameterTypeDescription
volumenumber低频的音量大小,范围在 50hz-120hz 之间为宜,取值范围在 [0.0-1.0] 之间

void

AbstractBaseRenderer.setLowFreqVolume

setRenderScale(scale): void;

Defined in: core/dist/bg-render/base.d.ts:68

修改背景的渲染比例,默认是 0.5

一般情况下这个程度既没有明显瑕疵也不会特别吃性能

ParameterTypeDescription
scalenumber背景的渲染比例

void

AbstractBaseRenderer.setRenderScale

abstract setStaticMode(enable): void;

Defined in: core/dist/bg-render/base.d.ts:86

是否启用静态模式,即图片在更换后就会保持静止状态并禁用更新,以节省性能

ParameterTypeDescription
enableboolean是否启用静态模式

void

AbstractBaseRenderer.setStaticMode