如何沿x和z轴增加拉伸几何的厚度 - Three.js

Roo*_*ena 9 javascript jquery three.js

我使用拉伸几何创建了一个形状,现在使用拉伸设置我需要增加我使用bevelThickness厚度,它沿y轴增加厚度,但需要沿x和z轴增加它.

在这里,我的工作jsfiddle

下面是我的挤出设置代码,

var extrusionSettings = {
            curveSegments:5,
            steps: 10,
            amount: 10,
            bevelEnabled: true,
            bevelThickness: 120,
            bevelSize: 0,
            bevelSegments: 8,
            material: 0,
            extrudeMaterial: 1
        };

        var geometry1 = new THREE.ExtrudeGeometry( shape1, extrusionSettings );

        var materialLeft = new THREE.MeshLambertMaterial({
            color: 0xd6d6d6,// red  
            transparent:true,
            side: THREE.DoubleSide,
            ambient: 0xea6767,
            opacity:-0.5
        });
        var materialRight = new THREE.MeshLambertMaterial({
            color: 0xcc49c3,//violet                
            side: THREE.DoubleSide,
            ambient: 0xcc49c3
        });         

        var materials = [  materialLeft, materialRight                               
                            ];

        var material = new THREE.MeshFaceMaterial( materials );
        var mesh1 = new THREE.Mesh( geometry1, material );          
        object.add( mesh1 );
        object.rotation.x = Math.PI / 2;

        scene.add( object );
Run Code Online (Sandbox Code Playgroud)

下面是示例图像 在此输入图像描述

是否有任何设置来增加它?任何人都可以指导我吗?

Jot*_*nan 3

最后我做了修复它的技巧,我所做的只是克隆了一个网格,添加了克隆网格的位置,所以我得到了另一个内墙附近的墙,通过这种方式,我用循环添加了多个克隆,多个内部附近的墙壁使墙壁变厚,

演示:小提琴

//outer wall mesh 
var mesh1 = new THREE.Mesh( geometry1, material );
  object.add( mesh1 );

  var mesh_arr=new Array();
  for(i=0.1;i<15;i++)
  {

      //cloned mesh,add position to the cloning mesh
      mesh_arr[i] = mesh1.clone();
      mesh_arr[i].position.set(i,i,i);
      mesh_arr[i].updateMatrix();
      object.add( mesh_arr[i] );

  } 
Run Code Online (Sandbox Code Playgroud)

结果