HT for Web 调试信息手册

索引


概述

HT的场景无论是3D或者2D均可以通过调用view.showDebugTip方法来打开调试摘要信息,其中包含最重要的FPS数据。根据FPS我们可以简单的知道当前场景运行的流畅程度。此外我们还针对3D提供更多的信息便于给出更准确的优化方向。

调试信息

通过view.showDebugTip()来打开调试信息,打开debugTip之后HT会在屏幕左上角增加一个div显示信息文本,并且调用requestAnimationFrame来进行全力绘制,以便知道当前场景的帧率FPS能到达多少

// 2D
graphView.showDebugTip();
// 3D
graph3dView.showDebugTip();

通过view.hideDebugTip()来关闭调试信息,对应会移除调试div并且不再进行requestAnimationFrame驱动绘制

通用调试信息

调试信息的头部包含几项最基础的信息,包括如下:

这里还有一点需要注意,mobile端一般是需要设置上viewport,不设置的情况下画布会撑到硬件像素点数量,再叠加上devicePixelRatio作用会导致canvas画布大小最终是实际硬件像素的若干倍最终导致很卡。具体设置方法如下:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">

3D额外调试信息

3D调试信息提供了额外的一些数据,便于了解当前场景的性能指标,定位具体的性能问题:


欢迎交流 service@hightopo.com