案例:Three 纹理贴图3-平面世界地图正反可见     状态:可编辑再运行    进入横版
x
geometry.attributes.normal = new THREE.BufferAttribute(normals, 3); //3个为一组,表示一个顶点的xyz坐标
 
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
//var geometry = new THREE.PlaneGeometry(204, 102); //矩形平面
24
//var geometry = new THREE.BoxGeometry(100, 100, 100); //立方体

 运行结果 
 北美留学生论坛