three.JS 加载obj文件出现的错误有木有大神帮小弟看看那

taojiaheng 2017-01-25 04:44:11

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="three.js"></script>

    <script src="OBJLoader.js"></script>

</head>

<body>

<canvas width="800" height="800"></canvas>

</body>

<script>

    var canvas = document.getElementsByTagName("canvas")[0];

    var scene;

    function initScene() {

        scene = new THREE.Scene();

    }

    var camera;

    function initCamera() {

        camera = new THREE.PerspectiveCamera(60,canvas.clientWidth/canvas.clientHeight,1,1000);

        camera.position.set(0,0,5);

       

    }



    var renderer;

    function initRenderer() {

        renderer = new THREE.WebGLRenderer({canvas:canvas , antialias:true});

        renderer.setClearColor("#CCCCCC");

    }

    

    var ambientLight;

    function initAmbientLight() {

        ambientLight=new THREE.AmbientLight(0x00FF00,0.5);

        scene.add(ambientLight);

    }



    var directionalLight;

    function initDirectionalLight() {

        directionalLight= new THREE.DirectionalLight(0xFFFFFF,1.5);

        scene.add(directionalLight);

    }

    var loader;



    function initLoader() {

        loader = new THREE.OBJLoader();

        loader.load("楼梯.obj",function (obj) {

            mesh = obj;

            scene.add(obj);

        })

    }



    function start() {

        initScene();

        initCamera();

        initRenderer();

        initAmbientLight();

        initDirectionalLight();

        initLoader();

    }

    start();







</script>

</html>