Threejs创建三角形曲面

最新推荐文章于 2024-07-26 13:58:52 发布

月光汪汪汪

最新推荐文章于 2024-07-26 13:58:52 发布

阅读量2.6k

点赞数

文章标签： threejs

本文链接：https://blog.csdn.net/qq1212908951/article/details/96993613

版权

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

摘要由CSDN通过智能技术生成

   //
               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(0xfff