使用THRE.js通过坐标自定义三维对象
Custom 3D object by coordinates using THREE.js
我有一个顶点坐标的(x,y,z)数组。以及包含每个面的顶点索引(来自第一个数组)的面数组(由此每个面可以具有不同数量的顶点)。
如何使用这些数据制作自定义三维对象?
如果只有凸多边形,可以执行以下操作。第二个循环从凸多边形创建三角形条带。
var vertices = [
0, 0, 0,
1, 0, 0,
1, 1, 0,
0, 1, 0,
0, 0, 1
];
var faces = [
[0, 1, 2, 3],
[0, 3, 4]
];
var geometry = new THREE.Geometry ();
var i, j, face;
for (i = 0; i < vertices.length; i += 3) {
geometry.vertices.push (new THREE.Vector3 (
vertices[i],
vertices[i + 1],
vertices[i + 2]
));
}
var i, j, face;
for (i = 0; i < faces.length; i++) {
face = faces[i];
for (j = 1; j < face.length - 1; j++) {
geometry.faces.push (new THREE.Face3 (face[0], face[j], face[j + 1]));
}
}
以下是对整个代码的篡改:http://jsfiddle.net/g25v5t0k/
相关文章:
- Dojo不解析自定义小部件的模板html中的小部件声明性
- 在自定义mean.io包中使用angular-chart.js作为依赖项
- jQuery自定义验证比较多个输入的序列
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 在wordpress一定时间后更改自定义字段
- 表达式引擎扩展开发-向呈现的条目添加自定义javascript
- (三.js)自定义网格UV显示纹理正确
- 使用自定义网格,而不是生成的三分之一.js网格
- 第三.js自定义几何体光线投射器捕获了错误的对象
- 在javascript中创建多维数组,自定义函数中出错
- 如何编写用户点击三次就会触发的自定义事件
- 使用THRE.js通过坐标自定义三维对象
- Threejs使用顶点自定义三维几何体
- 在三个,js中转换自定义几何图形
- 折线图中三维提示未定义
- ReactJS自定义三状态复选框将不显示复选标记
- AngularJS -自定义多维数组过滤器
- 使用一个javascript自定义滚动三个列表
- 在javascript中自定义多维对象
- 在javascript中创建一个不同长度的自定义二维数组