案例:Three 几何体建模12 拉伸建模     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
  <meta charset="UTF-8">
5
  <style>
6
    body {
7
      margin: 0;
8
      overflow: hidden;
9
      /* 隐藏body窗口区域滚动条 */
10
    }
11
  </style>
12
  <!--引入three.js三维引擎-->
13
  <script src="/js/threejs/threer92.js"></script>
14
  <script src="/example/threejs/solarsystem/files/OrbitControls.js"></script>
15
</head>
16
17
<body>
18
  <script>
19
    //创建场景
20
    var scene = new THREE.Scene();
21
22
/**
23
* 创建扫描网格模型
24
*/
25
var shape = new THREE.Shape();
26
/**四条直线绘制一个矩形轮廓*/
27
shape.moveTo(0,0);//起点
28
shape.lineTo(0,10);//第2点
29
shape.lineTo(10,10);//第3点
30
shape.lineTo(10,0);//第4点
31
shape.lineTo(0,0);//第5点
32
// 三维样条曲线  Catmull-Rom算法
33
var curve = new THREE.CatmullRomCurve3([
34
  new THREE.Vector3(-50, 20, 90),
35
  new THREE.Vector3(-10, 40, 40),
36
  new THREE.Vector3(0, 0, 0),
37
  new THREE.Vector3(60, -60, 0),
38
  new THREE.Vector3(70, 0, 80)
39
]);
40
      
41
var geometry = new THREE.ExtrudeGeometry(//拉伸造型
42
   shape,//二维轮廓
43
   //拉伸参数
44
   {
45
       bevelEnabled:false,//无倒角
46
       extrudePath:curve,//选择扫描轨迹
47
       steps:50//扫描方向细分数
48
   }