案例:Three 几何体建模8类图纸建模     状态:可编辑再运行    进入竖版
 运行结果 
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 points = [
26
    new THREE.Vector2(50,60),
27
    new THREE.Vector2(25,0),
28
    new THREE.Vector2(50,-60)
29
];
30
var geometry = new THREE.LatheGeometry(points,30);
31
var material=new THREE.MeshPhongMaterial({
32
    color:0x0000ff,//三角面颜色
33
    side:THREE.DoubleSide//两面可见
34
});//材质对象
35
material.wireframe = true;//线条模式渲染(查看细分数)
36
var mesh=new THREE.Mesh(geometry,material);//旋转网格模型对象
37
scene.add(mesh);//旋转网格模型添加到场景中
38
      
39
      
40
    /**
41
     * 光源设置
42
     */
43
    //点光源
44
    var point = new THREE.PointLight(0xffffff);
45
    point.position.set(400, 200, 300); //点光源位置
46
    scene.add(point); //点光源添加到场景中
47
    //环境光
48
    var ambient = new THREE.AmbientLight(0x444444);