3DS boat

by jmchen

HTML

<div id="info">3DS Boat<br/>Note: it uses r68</div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/3587259/Code/Threejs/OrbitControls.js">    
</script>
<script src="http://jyunming-chen.github.io/tutsplus/models/boat_0.js"></script>
<script src="http://jyunming-chen.github.io/tutsplus/models/boat_1.js"></script>
<script src="http://jyunming-chen.github.io/tutsplus/models/boat_2.js"></script>
<script src="http://jyunming-chen.github.io/tutsplus/models/boat_3.js"></script>
<script src="http://jyunming-chen.github.io/tutsplus/models/boat_4.js"></script>
<script src="http://jyunming-chen.github.io/tutsplus/models/boat_5.js"></script>
<script src="http://jyunming-chen.github.io/tutsplus/models/boat_6.js"></script>
<script src="http://jyunming-chen.github.io/tutsplus/models/boat_7.js"></script>
<script src="http://jyunming-chen.github.io/tutsplus/models/boat_8.js"></script>

CSS

#info {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #ffff00
}

JavaScript

var camera, scene, renderer;
var light;
var controls;

init();
animate();

function init() {
    renderer = new THREE.WebGLRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);
    renderer.setClearColor(0x888888, 1);

    camera = new THREE.PerspectiveCamera(35, window.innerWidth / window.innerHeight, 42.917, 6008.447);
    camera.position.x = 143.058;
    camera.position.y = -114.651;
    camera.position.z = 95.301;
    camera.up = new THREE.Vector3(0, 0, 1);
    var target = new THREE.Vector3(0.000, 0.000, 0.000);
    camera.lookAt(target);

    controls = new THREE.OrbitControls(camera, renderer.domElement);
    scene = new THREE.Scene();

    light = new THREE.PointLight(0xffffff);
    light.position.set(85.835, -114.447, 171.670);
    scene.add(light);

    create_geometry_0(scene);
    create_geometry_1(scene);
    create_geometry_2(scene);
    create_geometry_3(scene);
    create_geometry_4(scene);
//    create_geometry_5(scene);
//    create_geometry_6(scene);
//    create_geometry_7(scene);
//    create_geometry_8(scene);
}


function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
    controls.update();
}

function render() {
    renderer.render(scene, camera);
}