案例:Three 纹理贴图 3D地球陆地不反光     状态:可编辑再运行    进入横版
x
var textureNormal = textureLoader.load('/img/threejs/threejs54EarthNormal.png');
 
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
16
</head>
17
18
<body>
19
  <script>
20
    //创建场景
21
    var scene = new THREE.Scene();
22
23
var geometry = new THREE.SphereGeometry(100, 25, 25); //球体
24
// TextureLoader创建一个纹理加载器对象,可以加载图片作为几何体纹理

 运行结果 
 北美留学生论坛