three.js学习:性能监视器stats.js的用法
2024-10-14 22:53:22
用法一:
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();}
requestAnimationFrame(animation3D);
最新文章
- annotation-config 和 component-scan 的区别
- java中数据类型转换
- 测试思考[持续更新ing]
- flexgrid的应用
- DEM渲染洼地淹没图(转)
- js获取元素transform参数得出的个人理解
- C# 取小数点
- linux 学习之七-部分ssh命令
- Debug和Release区别
- JavaScript重新介绍
- [LeetCode] Predict the Winner 预测赢家
- Kettle系列:Pentaho DI (Kettle) 下载地址
- 浅析软件工程中的UML建模技术
- 项目管理工具Maven的安装
- WijmoJS 全面支持 Angular 7
- 【原创】实现一个简单的邮件服务API
- 【Java集合源码剖析】Hashtable源码剖析
- yum安装时提示app is currently holding the yum lock; waiting for it to exit
- tensorflow模型持久化保存和加载
- [C++ Primer] 第9章: 顺序容器
热门文章
- hdfs1.0和2.0复习
- django ajax报错解决:You called this URL via POST, but the URL doesn't end in a slash and you have APPEND_SLASH set.
- Scala实战
- java BufferedReader 与 BufferedWriter
- SparkStreaming整合kafka编程
- Java NIO通信的基础,基于TCP C/S例子介绍
- 回顾<;Video Timing Controller v6.1>;
- @media 响应式布局
- ELK Stack 笔记
- windebug 与 office Home