three.js加入监控
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Three框架</title>
<script type="text/javascript" script src="libs/three.js"></script>
<script type="text/javascript" script src="libs/stats.min.js"></script> <style type="text/css">
div#canvas-frame {
border: none;
cursor: pointer;
width: 100%;
height: 600px;
background-color: #EEEEEE;
}
</style> <script>
var renderer;
var stats;
function initThree() {
width = document.getElementById('canvas-frame').clientWidth;
height = document.getElementById('canvas-frame').clientHeight;
renderer = new THREE.WebGLRenderer({ antialias : true });
renderer.setSize(width, height);
document.getElementById('canvas-frame').appendChild(renderer.domElement);
renderer.setClearColor(0xFFFFFF, 1.0); stats = new Stats(); //stats对象初始化
stats.domElement.style.position = 'absolute'; //将stats对象加入到html网页中,绝对坐标
stats.domElement.style.left = '0px';// (0,0)px,左上角
stats.domElement.style.top = '0px';
document.getElementById('canvas-frame').appendChild(stats.domElement);
} var camera;
function initCamera() {
camera = new THREE.PerspectiveCamera(45, width / height, 1, 10000);
camera.position.x = 0;
camera.position.y = 0;
camera.position.z = 600;
camera.up.x = 0;//camera.up 设置相机的倾斜角度,歪着拿相机,照片自然也不是水平的
camera.up.y = 0;
camera.up.z = 0;
camera.lookAt({ //镜头看着哪里呢?景物在动
x : 0,
y : 0,
z : 0
});
} var scene;
function initScene() {
scene = new THREE.Scene();
} var light;
function initLight() {
light = new THREE.PointLight(0x00FF00);
light.position.set(0, 0,300);
scene.add(light);
} var cube;
var mesh;
function initObject() { var geometry = new THREE.CylinderGeometry( 10,15,40);
var material = new THREE.MeshLambertMaterial( { color:0xFFFFFF} );
mesh = new THREE.Mesh( geometry,material);
mesh.position.x = 100;
mesh.position.y = 100;
mesh.position.z = 100;
scene.add(mesh); } function threeStart() {
initThree();
initCamera();
initScene();
initLight();
initObject();
animation();
} function animation()
{
mesh.position.z+=1;
renderer.render(scene, camera);
requestAnimationFrame(animation);
stats.update();//这个函数真好用
}
</script>
</head> <body onload="threeStart();">
<div id="canvas-frame"></div>
</body>
</html>
aaarticlea/png;base64,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" alt="" />
three.js加入监控的更多相关文章
- 搭建前端监控系统(二)JS错误监控篇
===================================================================== 前端性能监控系统: DEMO地址 GIT代码仓库地址 ...
- JS前端监控机制的建立
JS前端监控机制: 1.采用try...catch...,和window.onerror的形式. 2.最终形成错误日志文件,并发送邮件和短信的形式进行报警. 3.如果是跨域请求,在script标签上要 ...
- Webfunny知识分享:JS错误监控
现在的前端开发已不再是刀耕火种的年代了,各种框架.编译工具层出不穷,前端监控系统也不甘其后,遍地开花. 前端正承受着越来越重的职责,前端的业务也变得越来越复杂,此时此刻我们就更需要一套完善的监控系统来 ...
- 前端监控系列2 |聊聊 JS 错误监控那些事儿
作者:彭莉,火山引擎 APM 研发工程师.2020年加入字节,负责前端监控 SDK 的开发维护.平台数据消费的探索和落地. 有必要针对 JS 错误做监控吗? 我们可以先假设不对 JS 错误做监控,试想 ...
- Fundebug上线Node.js错误监控啦
作为全栈JavaScript错误实时监测平台,Fundebug的Node.js实时错误监测服务上线啦,我们能够帮助开发者及时,高效地发现并且解决Node.js错误,从而提高开发效率,并提升用户体验. ...
- js error监控
window.onerror = function(message, source, lineno, colno, error) { ... } 功能参数: message:错误消息(字符串).eve ...
- 彻底搞好rem 与js的监控
什么是rem 在我看来,rem就是1rem单位就等于html节点fontsize的像素值.所以改变html节点的fontsize是最为关键的一步.根据手机宽度改变相对大小就可以实现自适应了,就不用什么 ...
- 2.Knockout.Js(监控属性Observables)
前言 1.创建一个ViewModel <script type="text/javascript"> //1.创建一个ViewModel var myViewModel ...
- JS可以监控手机的返回键吗?
html5的话 一进页面就pushState,然后监控onpopstate不过好像没有办法知道是前进还是后退我的奇淫巧计是,一个数字变量,pushState一个锚,锚是这个数字,前进一个页面数字+1, ...
随机推荐
- 多线程编程3 - GCD
一.简介 在iOS所有实现多线程的方案中,GCD应该是最有魅力的,因为GCD本身是苹果公司为多核的并行运算提出的解决方案.GCD在工作时会自动利用更多的处理器核心,以充分利用更强大的机器.GCD是Gr ...
- 解决java.lang.NoClassDefFoundError: org/apache/log4j/Level
现象: java.lang.NoClassDefFoundError: org/apache/log4j/Level at org.slf4j.LoggerFactory.getSingleton(L ...
- kmp
#include <bits/stdc++.h> #define MAXN 100000 using namespace std; string a, b; int next[MAXN]; ...
- 三、jQuery--jQuery基础--jQuery基础课程--第3章 jQuery过滤性选择器
1.:first过滤选择器 本章我们介绍过滤选择器,该类型的选择器是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元素. 在jQuery中,如果想得到一组相 ...
- python 中内存映射二进制文件
内存映射一个文件并不会导致整个文件被读取到内存中. 也就是说,文件并没有被复制到内存缓存或数组中.相反,操作系统仅仅为文件内容保留了一段虚拟内存. 当你访问文件的不同区域时,这些区域的内容才根据需要被 ...
- JavaWeb学习之Path总结、ServletContext、ServletResponse、ServletRequest(3)
1.Path总结 1.java项目 1 File file = new File(""); file.getAbsolutePath(); * 使用java命令,输出路径是,当前j ...
- 【转载】Pyqt QSplitter分割窗口
转载来自: http://blog.sina.com.cn/s/blog_4b5039210100h3ih.html 分割窗口在应用程序中经常用到,它可以灵活分布窗口布局,经常用于类似文件资源管理器的 ...
- .NET NLog 详解(四) - filter
我们将版本向前切换到20051025,这期的关注点是filter.我们在使用日志的时候可能希望加上一些过滤器,在满足某些特定条件的时候才输出.举个简单的使用方式如下: <nlog> < ...
- hdu 4756 MST+树形dp ****
题意:给你n(n = 1000)个二维点,第一个点是power plant,还有n - 1个点是dormitories.然后现在知道有一条寝室到寝室的边是不能连的,但是我们不知道是哪条边,问这种情况下 ...
- hdu 4293 2012成都赛区网络赛 dp ****
题意:有n个人,可任意分成若干组,然后每个人个各提供一个信息,表示他们组前面有多少人,后面有多少人.问最多有多少个信息是不冲突的. 将n个人看成一组区间,然后每个人的信息可以表示为该人所在组的区间,然 ...