Model-Editor/ModelViewPage.html at master · ElsaXing/Model-Editor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Model View</title>
    <link rel="stylesheet" href="css/index.css" >
</head>
<body>


<div id="container"></div>
<a href="index.html">Back to editor</a>
<div id="menuBar">
    <div id="menu"></div>
</div>


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


<script src="js/basicScene.js"></script>
<script src="js/getDataFromDatabase.js"></script>


<script>
    //set up renderer
    var container = document.getElementById('container');
    renderer = new THREE.WebGLRenderer({antialias: true});
    renderer.setClearColor(0xccffff);
    renderer.setSize(window.innerWidth * 2/3, window.innerHeight * 3/4);
    container.appendChild(renderer.domElement);

    init();

    getDataFromDatabase();

    var controls = new THREE.EditorControls(defaultCamera, container.firstElementChild);
    controls.pan = function(){};

    //render
    function animate () {
        requestAnimationFrame(animate );
        render();
    }

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

    animate();

</script>

<script src="js/showUserData.js"></script>
<script src="js/transformForUserPage.js"></script>


</body>
</html>