Threejs创建三角形曲面

最新推荐文章于 2024-03-20 14:30:02 发布

月光汪汪汪

最新推荐文章于 2024-03-20 14:30:02 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

文章标签： threejs

本文链接：https://blog.youkuaiyun.com/qq1212908951/article/details/96993613

这篇博客展示了如何使用Threejs库创建一个包含多个颜色的三角形网格。通过设置不同的颜色和位置，生成了一个动态的3D效果。主要涉及到BufferGeometry、颜色处理和光照设置。

   //
               scene.add( new THREE.AmbientLight( 0x444444 ) );
               var light1 = new THREE.DirectionalLight( 0xffffff, 1.5 );
               light1.position.set( 0, 1, 0 );
               scene.add( light1 );
               var light2 = new THREE.DirectionalLight( 0xffffff, 1.5 );
               light2.position.set( 0, - 1, 0 );
               scene.add( light2 );
   var cs= new Array();
   cs.push(new THREE.Color(0x000000 ));
   cs.push(new THREE.Color(0xffffff ));
   cs.push(new THREE.Color(0x0000ff ));
   cs.push(new THREE.Color(0xff0000 ));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
   cs.push(new THREE.Color(0xffffff * Math.random()));
       cs.push(new THREE.Color(0xffffff * Math.random()));
       cs.push(new THREE.Color(0xffffff * Math.random()));
       cs.push(new THREE.Color(0xffffff * Math.random()));
       cs.push(new THREE.Color(0xffffff * Math.random()));
       cs.push(new THREE.Color(0xffffff * Math.random()));
       cs.push(new THREE.Color(0xffffff * Math.random()));
       cs.push(new THREE.Color(0xffffff * Math.random()));
       cs.push(new THREE.Color(0xffffff * Math.random()));
       cs.push(new THREE.Color(0xffffff * Math.random()));
   var triangles = 100;
               var geometry = new THREE.BufferGeometry();
               var positions = new Float32Array( triangles * 3 * 3*2 );
               var normals = new Float32Array( triangles * 3 * 3*2 );
               var colors = new Float32Array( triangles * 3 * 3*2 );
               var color = new THREE.Color();
               var n = 800, n2 = n / 2;   // triangles spread in the cube
       &nbs