0
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
1 <html>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
2 <head>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
3 <title>WebGL fps</title>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
4 <script src="resources/J3DI.js"> </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
5 <script src="resources/J3DIMath.js"> </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
6 <script src="resources/parse.js"> </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
7 <script src="resources/makePanel.js"> </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
8 <script src="resources/jkl-parsexml.js"> </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
9 <script src="resources/keyboard.js"> </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
10 <script src="resources/mouse.js"> </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
11 </head>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
12
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
13 <script id="vshader" type="x-shader/x-vertex">
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
14 uniform mat4 u_modelViewProjMatrix;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
15 uniform mat4 u_normalMatrix;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
16 uniform vec3 lightDir;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
17
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
18 attribute vec3 vNormal;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
19 attribute vec4 vTexCoord;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
20 attribute vec4 vPosition;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
21
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
22 varying float v_Dot;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
23 varying vec2 v_texCoord;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
24
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
25 void main()
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
26 {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
27 gl_Position = u_modelViewProjMatrix * vPosition;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
28 v_texCoord = vTexCoord.st;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
29 vec4 transNormal = u_normalMatrix * vec4(vNormal,1);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
30 v_Dot = max(dot(transNormal.xyz, lightDir), 0.0);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
31 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
32 </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
33
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
34 <script id="fshader" type="x-shader/x-fragment">
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
35 #ifdef GL_ES
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
36 precision mediump float;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
37 #endif
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
38
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
39 uniform sampler2D sampler2d;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
40
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
41 varying float v_Dot;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
42 varying vec2 v_texCoord;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
43
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
44 void main()
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
45 {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
46 vec4 color = texture2D(sampler2d,v_texCoord);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
47 color += vec4(0.1,0.1,0.1,1);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
48 // if(color.a == 1.0)color=vec4(1,0,0,1);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
49 // else color=vec4(0,1,1,1);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
50 gl_FragColor = vec4(color.xyz * v_Dot, color.a);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
51 // gl_FragColor = vec4(color.xyz * v_Dot, 0.5);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
52 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
53 </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
54
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
55
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
56 <script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
57 //画面(canvas)の大きさ
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
58 var w = 1024;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
59 var h = 640;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
60
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
61 //var mvMatrix = mat4.create();
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
62
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
63
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
64 function init()
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
65 {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
66 gl = initWebGL("game", "vshader", "fshader",
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
67 [ "vNormal", "vTexCoord", "vPosition"],
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
68 [ 0, 0, 0, 1 ], 10000);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
69
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
70 gl.uniform3f(gl.getUniformLocation(gl.program, "lightDir"), 1, 1, 1);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
71 gl.uniform1i(gl.getUniformLocation(gl.program, "sampler2d"), 0);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
72
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
73 gl.enable(gl.TEXTURE_2D);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
74
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
75 modelMap = new XMLModelMap(gl);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
76 modelMap.load("./xml/Cube.xml");
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
77 object = modelMap["Cube"];
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
78
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
79 return gl;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
80 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
81
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
82 function XMLModelMap(gl) {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
83 this.gl = gl;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
84 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
85
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
86 XMLModelMap.prototype.load = function(file) {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
87 var data = parseObj(file);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
88 if(!data) return;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
89 for(var name in data) {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
90 this[name] = makeXmlObj(gl,data[name]);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
91 this[name].texture = loadImageTexture(this.gl, data[name].image);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
92 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
93 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
94
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
95 xPos = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
96 yPos = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
97 zPos = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
98
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
99 xEye = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
100 yEye = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
101 zEye = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
102
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
103 speedX = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
104 speedZ = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
105
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
106 rotateX = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
107 rotateY = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
108
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
109
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
110 function reshape(ctx, ortho)
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
111 {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
112 var canvas = document.getElementById('game');
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
113
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
114 width = canvas.width;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
115 height = canvas.height;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
116
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
117 ctx.viewport(0, 0, width, height);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
118
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
119 var t = width/height;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
120
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
121 ctx.perspectiveMatrix = new J3DIMatrix4();
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
122 ctx.perspectiveMatrix.frustum(-0.5, 0.5, -0.5 / t, 0.5 / t, 1, 100000);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
123
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
124 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
125
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
126
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
127 FILPCOUNT = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
128 function loop(ctx, ortho)
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
129 {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
130 ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
131
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
132 ctx.perspectiveMatrix.lookat([-xEye,-yEye,-zEye], [0,0,-10], [0,1,0]);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
133 ctx.perspectiveMatrix.translate(-xPos,-yPos,-zPos);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
134
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
135 PutSpriteV(ctx, X, Y, Z, 1, matrix, object);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
136
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
137 move();
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
138 ctx.flush();
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
139
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
140 FILPCOUNT++;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
141 framerate.snapshot();
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
142 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
143
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
144 function move(){
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
145 if(speedX != 0) xPos += speedX;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
146 if(speedZ != 0) zPos -= speedZ;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
147 if(rotateX != 0) xEye += rotateX;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
148 if(rotateY != 0) yEye -= rotateY;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
149 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
150
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
151 function opening(ctx, ortho)
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
152 {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
153 reshape(ctx, ortho);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
154 ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
155
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
156 ctx.flush();
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
157
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
158 var f = function() { loop(ctx, ortho); };
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
159 setInterval(f, 10);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
160
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
161 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
162
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
163
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
164 // display size
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
165 var W = 1024;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
166 var H = 640;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
167
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
168 function start()
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
169 {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
170 var ortho = {left:0, right:200, bottom:140, top:0}
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
171 matrix = new J3DIMatrix4(); // global variable
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
172 X = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
173 Y = 0;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
174 Z = -10;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
175
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
176 // var c = document.getElementById("game");
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
177 // c.width = W;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
178 // c.height = H;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
179
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
180 var ctx = init();
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
181
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
182 o = function() {opening(ctx, ortho);};
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
183 setTimeout(o, 10);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
184 framerate = new Framerate("framerate");
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
185 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
186
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
187
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
188 function loadFile(objectname)
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
189 {
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
190 var filename = "./xml/"+objectname+".xml";
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
191 modelMap.load(filename);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
192 // console.log(filename);
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
193 object = modelMap[objectname];
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
194 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
195
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
196 function objToString(obj,map,indent){
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
197 indent=indent?indent+"\t":"";if(!map)map={};
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
198 if(map[obj])return;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
199 map[obj]=true;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
200 if(typeof obj=="string"||typeof obj=="number"||typeof obj=="boolena")return indent+obj;
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
201 if(typeof obj=="array"){
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
202
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
203 for(var i=0,s="";i < obj.length;i++ )s+=objToString(obj[i],map,indent)+",";
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
204 return indent+"["+s+"]";
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
205 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
206 var s="";for(var i in obj)s+=indent+"\t"+i+":"+objToString(obj[i],map)+"\n";return indent+"{"+s+"}";
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
207 }
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
208
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
209 </script>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
210
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
211 <body onload="start()" onkeydown="keyboardDown()" onkeypress="keyboardPress()" onkeyup="keyboardUp()" onmousedown="mouseDown();" onmouseup="mouseUp();" style='overflow:hidden; '>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
212 <canvas id="game" width=1024 height=640 >
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
213 </canvas>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
214 <form onsubmit="loadFile(document.getElementById('filename').value);return false;">
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
215 <input type="text" id="filename" value="Cube">
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
216 </form>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
217 <div id="framerate"></div>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
218 <div id="console"></div>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
219
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
220
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
221 </body>
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
222
|
Syusaku Morita <e105716@ie.u-ryukyu.ac.jp>
parents:
diff
changeset
|
223 </html>
|