forked from therauli/WebNaali
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathws3dclient.html
96 lines (86 loc) · 4.89 KB
/
ws3dclient.html
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>WebNaali 3d</title>
<script type="text/javascript" src="glge/src/core/glge_math.js"></script>
<script type="text/javascript" src="glge/src/core/glge.js"></script>
<script type="text/javascript" src="glge/src/core/glge_event.js"></script>
<script type="text/javascript" src="glge/src/core/glge_quicknote.js"></script>
<script type="text/javascript" src="glge/src/core/glge_animatable.js"></script>
<script type="text/javascript" src="glge/src/core/glge_document.js"></script>
<script type="text/javascript" src="glge/src/core/glge_placeable.js"></script>
<script type="text/javascript" src="glge/src/core/glge_jsonloader.js"></script>
<script type="text/javascript" src="glge/src/core/glge_group.js"></script>
<script type="text/javascript" src="glge/src/core/glge_messages.js"></script>
<script type="text/javascript" src="glge/src/animation/glge_action.js"></script>
<script type="text/javascript" src="glge/src/animation/glge_actionchannel.js"></script>
<script type="text/javascript" src="glge/src/animation/glge_animationcurve.js"></script>
<script type="text/javascript" src="glge/src/animation/glge_animationvector.js"></script>
<script type="text/javascript" src="glge/src/animation/glge_animationpoints.js"></script>
<script type="text/javascript" src="glge/src/geometry/glge_mesh.js"></script>
<script type="text/javascript" src="glge/src/material/glge_material.js"></script>
<script type="text/javascript" src="glge/src/material/glge_materiallayer.js"></script>
<script type="text/javascript" src="glge/src/material/glge_multimaterial.js"></script>
<script type="text/javascript" src="glge/src/material/glge_texture.js"></script>
<script type="text/javascript" src="glge/src/material/glge_texturecamera.js"></script>
<script type="text/javascript" src="glge/src/material/glge_texturecanvas.js"></script>
<script type="text/javascript" src="glge/src/material/glge_texturecube.js"></script>
<script type="text/javascript" src="glge/src/material/glge_texturevideo.js"></script>
<script type="text/javascript" src="glge/src/renderable/glge_lod.js"></script>
<script type="text/javascript" src="glge/src/renderable/glge_object.js"></script>
<script type="text/javascript" src="glge/src/renderable/glge_text.js"></script>
<script type="text/javascript" src="glge/src/renders/glge_renderer.js"></script>
<script type="text/javascript" src="glge/src/scene/glge_camera.js"></script>
<script type="text/javascript" src="glge/src/scene/glge_light.js"></script>
<script type="text/javascript" src="glge/src/scene/glge_scene.js"></script>
<script type="text/javascript" src="glge/src/extra/glge_particles.js"></script>
<script type="text/javascript" src="glge/src/extra/glge_filter2d.js"></script>
<script type="text/javascript" src="glge/src/extra/filters/glge_filter_glow.js"></script>
<script type="text/javascript" src="glge/src/extra/filters/glge_filter_ao.js"></script>
<script type="text/javascript" src="glge/src/extra/glge_collada.js"></script>
<script type="text/javascript" src="glge/src/extra/glge_input.js"></script>
<script type="text/javascript" src="glge/src/extra/glge_wavefront.js"></script>
<script type="text/javascript" src="glge/src/physics/glge_physicsext.js"></script>
<script type="text/javascript" src="glge/src/physics/glge_physicsabstract.js"></script>
<script type="text/javascript" src="glge/src/physics/glge_physicsbox.js"></script>
<script type="text/javascript" src="glge/src/physics/glge_physicsmesh.js"></script>
<script type="text/javascript" src="glge/src/physics/glge_physicsplane.js"></script>
<script type="text/javascript" src="glge/src/physics/glge_physicssphere.js"></script>
<script type="text/javascript" src="glge/src/physics/glge_physicsconstraintpoint.js"></script>
<!-- jQuery -->
<script type="text/javascript" src="jquery/jquery-1.6.1.js"></script>
<!-- "Settings" -->
<script type="text/javascript">
//Load the static scene here
//url_to_static = "aula2_rmx.dae";
//url_to_static = "http://www.realxtend.org/webnaali/toylobby/collada/aula_v7_base.dae"
//websocket_host = "192.168.1.118"
url_to_static = ""; //aula2_rmx.dae";
//websocket_host = "playsign.fi"
websocket_host = "localhost"
websocket_port = "9999";
startloc = {x: 0, y: 0, z: 0};
startrot = {x: 0, y: 0, z: 0};
</script>
<script type="text/javascript" src="global.js"></script>
<script type="text/javascript" src="3d.js"></script>
<script type="text/javascript" src="entities.js"></script>
<script type="text/javascript" src="sockket.js"></script>
</head>
<body>
<h1>WebNaali 3d client</h1>
<div id="container">
<canvas id="graffa" width="912" height="513">
This text is displayed if your browser does not support HTML5 Canvas.
</canvas>
<br>
<div id="chat"></div>
<div id="chatinput">
<form id="chatinput" action="">
<input type="text" id="usermsg" size="60" />
<input type="submit" id="sendmsg" value="Send"/>
</form>
</div>
</p>
</body>
</html>