案例:Three 几何体建模11 点建模     状态:可编辑再运行    进入竖版
 运行结果 
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,100);//第2点
29
shape.lineTo(100,100);//第3点
30
shape.lineTo(100,0);//第4点
31
shape.lineTo(0,0);//第5点
32
var geometry = new THREE.ExtrudeGeometry(//拉伸造型
33
    shape,//二维轮廓
34
    //拉伸参数
35
    {
36
        amount:150,//拉伸长度
37
        bevelEnabled:false//无倒角
38
    }
39
    );
40
      
41
var material=new THREE.PointsMaterial({
42
    color:0x0000ff,
43
    size:5.0//点对象像素尺寸
44
});//材质对象
45
var mesh=new THREE.Points(geometry,material);//点模型对象
46
scene.add(mesh);//点模型添加到场景中
47
      
48