随笔分类 - threejs
1
摘要：threejs绘制多边形 // 创建一个立方体几何体 var cubeGeometry = new THREE.BoxGeometry( 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5 ); // 创建一个多边形几何体 var polygonGeometry
阅读全文
摘要：在Three.js中，可以使用geometry对象和geometryMaterial对象来创建和渲染多边形几何体。下面是一个绘制多边形平面的示例代码： // 创建一个立方体几何体 var cubeGeometry = new THREE.BoxGeometry( 0.5, 0.5, 0.5, 0.5
阅读全文
摘要：threejs绘制球体 在Three.js中，可以使用geometry对象和geometryMaterial对象来创建和渲染球体几何体。下面是一个绘制球体的示例代码： // 创建一个立方体几何体 var cubeGeometry = new THREE.BoxGeometry( 0.5, 0.5,
阅读全文
摘要：threejs创建圆柱体 创建一个几何体（geometry）：使用Three.js的几何体类创建一个几何体，该类将定义您的几何体的形状和大小。例如，您可以使用以下代码创建一个圆柱体： var geometry = new THREE.CylinderGeometry(5, 32, 32); 这将创建
阅读全文
摘要：threejs对象控制 threejs controls transform <!DOCTYPE html> <html lang="en"> <head> <title>three.js webgl - transform controls</title> <meta charset="utf-8
阅读全文
摘要：threejs Matrix3 var matrix3_1 = new THREE.Matrix3(); var index1_new_x = t_matrix[0] * index1_x + t_matrix[3]*index1_y + t_matrix[6]*index1_z; var inde
阅读全文
摘要：js保留4位小数 var v2_x = Math.round((new_x.x + Number.EPSILON) * 10000) / 10000; #################
阅读全文
摘要：threejs向量旋转 threejs一个向量绕另一个向量旋转 threejs向量变换 var v3 = new THREE.Vector3(0,1,1); var v1 = new THREE.Vector3(1,0,0); var v2 = new THREE.Vector3(1,1,0); v
阅读全文
摘要：threejs求两个向量的夹角 var v1 = new THREE.Vector3(1,0,0); var v2 = new THREE.Vector3(0,1,0); var angle1 = v1.angleTo(v2); // var angle2 = v2.angleTo(v1); //
阅读全文
摘要：threejs vector3叉积 var vOA4 = new THREE.Vector3(1.0, 0.0, 0.0); var vOB4 = new THREE.Vector3(0.0, 0.0, 1.0); var vOC4_2 = vOB4.cross(vOA4); console.log
阅读全文
摘要：threejs cross var vOA5 = new THREE.Vector3(0.715, 0.038627, 0.698); var vOB5 = new THREE.Vector3(0.697, 0.036755, -0.716); var vOC5 = vOA5.cross(vOB5)
阅读全文
摘要：threejs运算 常用方法 方法描述 intersect(交集) 使用这个方法可以从获取两个几何体的共同部分 union (并集) 使用这个方法、可以把两个几何体联合在一起 subtract (差集) 使用这个方法可以从一个几何体中移除另一个几何体与这个几何体的重复部分 参考：https://bl
阅读全文
摘要：threejs物体设置中心坐标 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>移动位置</title> <style> body { margin: 0; overflow: hidden; } </s
阅读全文
摘要：transformVertex( vertexPosition, mvPosition, center, scale, sin, cos ) function transformVertex( vertexPosition, mvPosition, center, scale, sin, cos )
阅读全文
摘要：threejs绘制三角面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>ifc三维场景</title> <style> body { margin: 0; overflow: hidden; } </s
阅读全文
摘要：threejs绘制多边形， threejs多边形绘制方法： var points = [ new THREE.Vector2(10,10), new THREE.Vector2(300, 10), new THREE.Vector2(300, 30), new THREE.Vector2(260,
阅读全文
摘要：threejs绘制长方体 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>WebGL三维场景</title> <style> body { margin: 0; overflow: hidden; /*
阅读全文
摘要：Threejs绘制多边形，使用THREE.Shape() function createPolygon(){ var group = new THREE.Group(); var rectLength = 120, rectWidth = 40; var rectShape = new THREE.
阅读全文
摘要：threejs绘图 function test17(){ var group = new THREE.Group(); var list1 = [[[58.0,-18.0,3452.0],[59.0,-18.0,3446.0],[59.0,18.0,3446.0],[58.0,17.0,3452.0
阅读全文
摘要：THREE.Geometry function getFace(){ var triangleGeometry = new THREE.Geometry(); var faceArr1=[]; faceArr1.push(new THREE.Vector3(0.0,-7.0,-150.0)); fa
阅读全文
1
