# 3D校园

**Repository Path**: yin_yangyang/NIT

## Basic Information

- **Project Name**: 3D校园
- **Description**: 用3dMAX搭建的3d校园模型，用three.js加载出来，加上一些雪花的背景！其实还挺好看的。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 3
- **Created**: 2020-08-07
- **Last Updated**: 2025-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# three-school
use three.js load school modle
# 使用Three.js加载OBJ格式的校园

#### 第一步：下载three源文件

​	下载three.js的源码，下载地址:https://codeload.github.com/mrdoob/three.js/zip/master

#### 第二步：在代码中引入OBJLoader，MTLLoader两个加载器（用于解析.obj模型信息和.mtl材质信息）

```js
	<script src="js/loaders/OBJLoader.js"></script>
	<script src="js/loaders/MTLLoader.js"></script>
```

#### 第三步：加载模型

```js
var mtlLoader = new THREE.MTLLoader();
mtlLoader.load('nit/nit3.mtl', function(materials) {
    materials.preload();
    var objLoader = new THREE.OBJLoader();
    objLoader.setMaterials(materials);

    objLoader.load('nit/nit3.obj', function(object) {
        len = object.children.length;
        for (var i = 0; i < len; i++) {
            object.children[i].castShadow = true;
            object.children[i].receiveShadow = true;
        }
        object.position.set(0, 0, 0);
        object.scale.set(5, 5, 5);
        object.rotation.y = Math.PI / 2;
        scene.add(object);
    }, onProgress, onError);
    console.log(object);
    console.log(scene);
});
```

#### 第四步：查看效果

![](E:\giteeStore\3d-NIT\NIT\nit.png)