Renderer webgl

渲染器，用于渲染三维场景，并提供对渲染器的操作方法

属性

composer

效果合成器

• 类型: EffectComposer

• 说明: 用于实现后期处理效果。它管理了产生最终视觉效果的后期处理过程链。

isPaused

暂停渲染器标识

• 类型: EffectComposer

• 说明: 用于标识渲染器当前状态。

方法

start( )

开始页面实时刷新

function start: () => void

• 参数

  • 无

• 返回值

  • 无

• 示例

...省略获取meta实例的步骤...

const renderer = meta.renderer
renderer.start();

stop( )

暂停页面刷新

function stop: () => void

• 参数

  • 无

• 返回值

  • 无

• 示例

...省略获取meta实例的步骤...

const renderer = meta.renderer
renderer.stop();

dispose( )

销毁渲染器

function dispose: () => void

• 参数

  • 无

• 返回值

  • 无

• 示例

...省略获取meta实例的步骤...

const renderer = meta.renderer
renderer.dispose();

onRender( )

监听渲染过程

function onRender: (fn: RenderFn) => () => void

• 参数

  • fn: 回调函数

    • 参考: RenderFn

• 返回值

  • () => void: 删除该监听的方法

• 示例

...省略获取meta实例的步骤...

const renderer = meta.renderer
const del = renderer.onRender((time: number) => {
    console.log(`rendering: ${time}`);
});
setTimeout(() => {
    del();
}, 3000);

onResize( )

监听渲染器宽高变化

function onResize: (fn: ResizeFn) => () => void

• 参数

  • fn: 回调函数

    • 参考: ResizeFn

• 返回值

  • () => void: 删除该监听的方法

• 示例

...省略获取meta实例的步骤...

const renderer = meta.renderer
const del = renderer.onResize((w: number, h: number) => {
    console.log(`newWdith: ${w}, newHeight: ${h}`);
});
setTimeout(() => {
    del();
}, 3000);