小编thr*_*ict的帖子

收集webGL app帧率直方图数据

我正在考虑坚持一个特定的框架来为我的学术课程工作,但只是基于我应该证明的结果.我想绘制所有三个框架的图形,其中顶点数是一个轴而FPS(阈值是60)是在另一个轴上.这是否足以在obj,collada,json等格式中采用单个预定义模型并将其加载到三个框架中?然后将帧速率和顶点数记录到某个外部文件,然后使用数据绘制图表,根据Performance参数报告三者中的最佳框架.但是我正在寻找所有这些框架的一些样板代码来加载不同的模型(可以用于我的图中的顶点维数)并将每秒的帧速率记录到外部文件.这是我一直在想的方法.但不能' 在互联网上找到很多帮助.我希望有人可以帮助我吗?

webgl three.js copperlicht scenejs

3
推荐指数
1
解决办法
9901
查看次数

如何在Three.js中更改相机类型?

我在页面上提供了两个摄像头(透视和正交)的下拉列表.现在我的三个场景正在使用透视相机.但根据下拉列表中的选择,我的相机应更改为"正交"并转到透视如果我在下拉列表中选择透视.我怎么能实现这个目标?请帮我.

详细代码,这里是Jsfiddle链接:http://jsfiddle.net/sagh0900/7Anag/9/

camera = new THREE.PerspectiveCamera( 45, width / height, 0.1, 1000 );
camera.position.y = 0;
camera.position.z = 40;
camera.lookAt(new THREE.Vector3(0, 0, 0));  
scene = new THREE.Scene();
scene.add(camera);
mesh = new THREE.Mesh(new THREE.Geometry());
scene.add(mesh);
Run Code Online (Sandbox Code Playgroud)

提前致谢

javascript webgl three.js

2
推荐指数
1
解决办法
4710
查看次数

如何使用Three.js发布54隐藏/显示对象?

我已将这个问题作为巨大问题的一部分提出,但建议部分提问.这是我上一个问题的一部分.我之前的问题是:在这里

我一直在使用Three.js Release 50并且能够在以下帮助下显示/隐藏对象(在我的应用程序中,它是一个网格孩子):

THREE.SceneUtils.traverseHierarchy(mesh,function(child){
var z = document.getElementById("cameras").selectedIndex*5 -10;
if (z === -10){
    child.visible = true;
} else if (child.position.z !== z){
    child.visible = false;
} else {

    child.visible = true;
};
}); 
Run Code Online (Sandbox Code Playgroud)

但是在使用版本54时,据说使用,object.traverse却发现很难相同.如何使用版本54替换上面的代码?我在使用版本54时遇到的错误是:

在此输入图像描述

请帮我解决这个问题.

three.js

2
推荐指数
1
解决办法
1万
查看次数

如何在Three.js中通过鼠标拖动来改变相机位置?

我制作了劳力士立方体类型的几何形状,每层之间的“Z 轴”有所不同。现在我想更改相机位置,以便我可以检查几何图形是否正是我所期望的。我的问题是如何在拖动窗口时更改相机位置,并且还应该能够根据鼠标事件操纵每个单独锥体的旋转。

这是我的 jsfiddle 链接:http://jsfiddle.net/sagh0900/gfraQ/8/

示例代码,但请确保您访问 jsfiddle 以了解我的问题的详细信息:

for ( var i = 0; i <nSize; i++)
{
    var k = i%10,
        j = (i-k)/10;

    j = j*2 - 10;
    k = k*2 - 10;

    var cone1 = lc_relationship.sensor1[i].Geometry; 
    scene.add(cone1);
    var cone2 = lc_relationship.sensor2[i].Geometry;
    scene.add(cone2);
    var cone3 = lc_relationship.sensor3[i].Geometry;
    scene.add(cone3);
    cone1.position.set(j, k, lc_relationship.sensor1[i].z_cordinate);
    cone2.position.set(j, k, lc_relationship.sensor2[i].z_cordinate);
    cone3.position.set(j, k, lc_relationship.sensor3[i].z_cordinate);
}
Run Code Online (Sandbox Code Playgroud)

如果有人可以更新我的 jsfiddle 或为我提供帮助就足够了。

提前致谢。

javascript webgl three.js

1
推荐指数
1
解决办法
6389
查看次数

标签 统计

three.js ×4

webgl ×3

javascript ×2

copperlicht ×1

scenejs ×1