Web版特有的注意事项

最終更新: 2019年1月18日

将WebGL上下文等传递给渲染器

为了提高性能,CubismWebSamples避免在循环中使用WebGL的getter,并在应用程序端传递缓存的getter。
需要在绘制之前将帧缓冲区和视口的信息传递给渲染器。

    // 传递画布大小
    let viewport: number[] = [
        0, 
        0, 
        canvas.width,
        canvas.height
    ];

    this.getRenderer().setRenderState(frameBuffer, viewport);
    this.getRenderer().drawModel();

分配器、内存记忆相关说明

与Native版本不同,垃圾回收会释放您不再需要的变量和物体,因此您需要正确地取消参考它们。

关于纹理格式

在Web版中,工具库的绘制方法是Premultiplied方式,所以在生成纹理时必须将UNPACK_PREMULTIPLY_ALPHA_WEBGL设置为true。

gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);
关于本报道,敬请提出您的意见及要求。