three.js学习：性能监视器stats.js的用法

最新推荐文章于 2024-05-31 23:56:09 发布

weixin_34352449

最新推荐文章于 2024-05-31 23:56:09 发布

阅读量1.8k

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/4108765/blog/3059971

版权

2019独角兽企业重金招聘Python工程师标准>>>

用法一：

var stats = new Stats();
stats.setMode(0);
stats.domElement.style.position = 'absolute';
stats.domElement.style.left = '0px';
stats.domElement.style.top = '0px';
document.body.appendChild(stats.domElement);
setInterval(function () {
    stats.begin();
    stats.end();
}, 1000 / 60)

用法二（红字部分）：

var renderer;
var stats = new Stats();
function initThree() {
    stats.setMode(0);
    stats.domElement.style.position = 'absolute';
    stats.domElement.style.left = '0px';
    stats.domElement.style.top = '0px';
    document.body.appendChild(stats.domElement);

    renderer = new THREE.WebGLRenderer({
        canvas: canvas,
        antialias: true
    });
    renderer.setSize(window.innerWidth, window.innerHeight);
    renderer.setClearColor(0xffffff, 1.0);
}
......此处代码省略......

function animation3D() {
    cylinder.position.x -= 0.5;
    renderer.render(scene, camera);
    requestAnimationFrame(animation3D);
    stats.update();
}