Mercurial > hg > Game > WebGL

annotate drawObj/drawObj.html @ 6:a6215e33597a

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