-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path---index.html
executable file
·444 lines (432 loc) · 18.8 KB
/
---index.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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
<!DOCTYPE html>
<html>
<head>
<title>NWSTK : Multiplatform Toolkit</title>
<style>
html {
font-size: 16px;
}
body {
font-size: 16px;
-webkit-text-size-adjust: 100%;
}
</style>
</head>
<body style="height:250%;">
<h1 align="center">NWSTK (beta)</h1>
<p align="center"><b>A Multiplatform Toolkit common to both Wasm and Windows.</b></p>
<table border="1">
<tr>
<th bgcolor="#C0C0C0">#</th>
<th bgcolor="#C0C0C0" align="center" width="120">Name<br>
Click To Run</th>
<th bgcolor="#C0C0C0" width="450">Description</th>
<th bgcolor="#C0C0C0" width="200">last modified date<br>
Japan Standard Time</th>
</tr>
<tr>
<td>1</td>
<td align="center" width="120"><a href="demo1/index.html">demo1</a><br>
<b><font color="#FF0000">Click</font></b></td>
<td width="450">Test for EditWidget, Window Menu.</td>
<td width="200">2020/01/13</td>
</tr>
<tr>
<td>2</td>
<td align="center" width="120"><a href="demo2/index.html">demo2</a><br>
<b><font color="#FF0000">Click</font></b></td>
<td width="450">Test for Loading and Drawing Image via CImage class.<br>
Also, it's testing to use rotation and translation matrix in an interval
timer event.</td>
<td width="200">2020/01/13</td>
</tr>
<tr>
<td>3</td>
<td align="center" width="120">land_demo<br>
<font color="#800000"><b>deleted</b></font></td>
<td width="450">Test for drawing the 3D geometry of the land.<br>
This demo uses Canvas 2D of JavaScript.<br>
Wire Frame</td>
<td width="200">2020/01/13</td>
</tr>
<tr>
<td>4</td>
<td align="center" width="120"><a href="demo_land_WebGL/index.html">land_demo_WebGL</a><br>
<b><font color="#FF0000">Click</font></b></td>
<td width="450">WebGL WireFrame Version of #3.</td>
<td width="200">2020/01/13</td>
</tr>
<tr>
<td>5</td>
<td align="center" width="120"><a href="demo_land_Polygon/index.html">land_demo_Polygon</a><br>
<b><font color="#FF0000">Click</font></b></td>
<td width="450">WebGL Polygon Version of #3.</td>
<td width="200">2020/01/13</td>
</tr>
<tr>
<td>6</td>
<td align="center" width="120"><a href="demo_land_Voxel/index.html">land_demo_Voxel</a><br>
<b><font color="#FF0000">Click</font></b></td>
<td width="450">WebGL Voxel-like Version of #3.</td>
<td width="200">2020/01/13</td>
</tr>
<tr>
<td>7</td>
<td align="center" width="120"><a href="demo_Mountain/index.html">demo_Mountain</a><br>
<b><font color="#FF0000">Click</font></b></td>
<td width="450">Drawing Mountain-like geometry using WebGL polygons.</td>
<td width="200">2020/01/13</td>
</tr>
<tr>
<td>8</td>
<td align="center" width="120"><a href="demo_tennis/index.html">demo_tennis</a><br>
<b><font color="#FF0000">Click</font></b></td>
<td width="450">The demo of 2D tennis game using WebGL.</td>
<td width="200">2020/01/13</td>
</tr>
</table>
<p>This site needs WebAssembly supported Browser such as Chrome 73 or FireFox
65.<br>
Unfortunately, neither IE8 nor IE11 is supported.<br>
<br>
These demos can be scaled up/down to any scaling. For example, if you are using
Chrome, try such as the following keys:</p>
<ul>
<li>Ctrl + + : Scale Up.</li>
<li>Ctrl + - : Scale Down.</li>
<li>Ctrl + Shift + I or F12 : Enter developer's mode.</li>
</ul>
<p>
NWSTK = NOWSMARTSOFT TOOLKIT.<br>
Wasm = WebAssembly.<br>
<br>
Programmed by NOWSMARTSOFT, LightCone, Yutaka Aoki.</p>
<h2>Compatibility</h2>
<table border="1" height="7">
<tr>
<th bgcolor="#C0C0C0" width="120" height="40"> Browser</th>
<th bgcolor="#C0C0C0" width="220" height="40"> OS</th>
<th bgcolor="#C0C0C0" width="200" height="40" align="center">Status</th>
<th bgcolor="#C0C0C0" width="200" height="40" align="center">Speed</th>
<th bgcolor="#C0C0C0" width="300" height="40">Description</th>
</tr>
<tr>
<td width="120" height="4">Chrome 79</td>
<td width="220" height="4">Win7, Pro, 64BIT</td>
<td width="200" height="4" align="center">slow ---></td>
<td width="200" height="4" align="center">very slow for WebGL in Intel HD
Graphics.</td>
<td width="300" height="4">With Intel HD Graphics, Chrome cannot use
Hardware Accelerator for WebGL.</td>
</tr>
<tr>
<td width="120" height="4">Chrome 78</td>
<td width="220" height="4">Win7, Pro, 64BIT</td>
<td width="200" height="4" align="center">good</td>
<td width="200" height="4" align="center">fast</td>
<td width="300" height="4"></td>
</tr>
<tr>
<td width="120" height="4">Chrome 73</td>
<td width="220" height="4">Win7, Pro, 64BIT</td>
<td width="200" height="4" align="center">good</td>
<td width="200" height="4" align="center">fast</td>
<td width="300" height="4"></td>
</tr>
<tr>
<td width="120" height="1">FireFox 71.0</td>
<td width="220" height="1">Win7, Pro, 64BIT</td>
<td width="200" height="1" align="center">good</td>
<td width="200" height="1" align="center">faster</td>
<td width="300" height="1"></td>
</tr>
<tr>
<td width="120" height="1">FireFox 67</td>
<td width="220" height="1">Win7, Pro, 64BIT</td>
<td width="200" height="1" align="center">good</td>
<td width="200" height="1" align="center">faster</td>
<td width="300" height="1"></td>
</tr>
<tr>
<td width="120" height="1">Chrome 79</td>
<td width="220" height="1">Fire HD 10 Tablet (9th, 2019)<br>
FireOS (based Android 9.0)</td>
<td width="200" height="1" align="center">good</td>
<td width="200" height="1" align="center">fast</td>
<td width="300" height="1"></td>
</tr>
<tr>
<td width="120" height="1">Chrome 73</td>
<td width="220" height="1">Fire 7 Tablet (7th, 2017)<br>
FireOS (based Android 5.0)</td>
<td width="200" height="1" align="center">Ok</td>
<td width="200" height="1" align="center">enough fast<br>
except demo_Mountain</td>
<td width="300" height="1"></td>
</tr>
<tr>
<td width="120" height="4">FireFox 66.0.2</td>
<td width="220" height="4">Fire 7 Tablet (7th, 2017)<br>
FireOS (based Android 5.0)</td>
<td width="200" height="4" align="center">WebGL fails.<br>
But demo1 and demo2 are Ok.</td>
<td width="200" height="4" align="center">fast</td>
<td width="300" height="4">Probably, this tablet GPU chip is not supported
by this version's FireFox mobile.</td>
</tr>
<tr>
<td width="120" height="1">Silk Browser</td>
<td width="220" height="1">Fire HD 10 Tablet (9th, 2019)<br>
FireOS (based Android 9.0)</td>
<td width="200" height="1" align="center">Ok</td>
<td width="200" height="1" align="center">fast at running but slow at
loading</td>
<td width="300" height="1">Loading Page is very slow.<br>
Parsing JavaScript is so slow ??</td>
</tr>
<tr>
<td width="120" height="1">FireFox</td>
<td width="220" height="1">Ubuntu Linux, 32BIT</td>
<td width="200" height="1" align="center">Ok</td>
<td width="200" height="1" align="center">fast</td>
<td width="300" height="1"></td>
</tr>
</table>
<h2>
Link</h2>
<p>
<a href="https://yutakaaoki.github.io/">NWSTK HomePage1(fast, PWA, github)</a><br>
<a href="http://nowsmartsoft.atwebpages.com/">NWSTK HomePage2(slow, not PWA, atwebpages, ZettaHost)</a>
</p>
<h2>
Program</h2>
<p>This program has been built with NWSC "C++ Nex" Compiler and clang
toolset, and is running under Wasm (WebAssembly), and is using NWSTK which is a
multiplatform toolkit for Wasm and Windows. NWSTK represents NOWSMART ToolKit.<br>
But, neither Emscripten compiler emcc nor its library was used to build this
program.<br>
Clang toolset is used as an LLVM BackEnd but is NOT used as a C/C++ compiler.<br>
<br>
</p>
<ul>
<li>NWSC represents NOWSMART C++ Nex Compiler (for LLVM, Wasm, IA32, AMD64).<br>
</li>
<li>NWSA represents NOWSMART Assembler (for IA32 and AMD64(64BIT REX prefix), SSE, SSE2, 3DNow!)</li>
</ul>
<p>Produced by NOWSMARTSOFT, LightCone.</p>
<h2>Donation</h2>
<p>I'm Japanese Hikikomori and very poor.<br>
Please donate with PayPal. Its price can be 1,000 (YEN) * N.<br>
1,000 (YEN) is equivalant to almost 9 US dollar.<br>
<br>
Since Japanese PayPal does NOT support donate button, the following button is
not donate button but purchase button.<br>
The meaning of this is that you buy void air.<br>
For understanding easily, the only image of the button was changed by me to
represent donation.<br>
But it is NOT fishing site nor malware site.</p>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="LR8GSH6TT3YBU">
<input type="image" src="my-donate-button.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/ja_JP/i/scr/pixel.gif" width="1" height="1">
</form>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="PCKCPYVJDGH7Y">
<input type="image" src="my-donate-button.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/ja_JP/i/scr/pixel.gif" width="1" height="1">
</form>
<h2>
History</h2>
<table border="1" height="1">
<tr>
<th bgcolor="#C0C0C0" width="200" height="40"> Modified Date<br>
Japan Standard Time</th>
<th bgcolor="#C0C0C0" width="450" height="40">Description</th>
</tr>
<tr>
<td width="200" height="1">2020/01/13</td>
<td width="450" height="1">
Touch Mark in the device with touch panel has been improved to be clearly
cognizable.
</td>
</tr>
<tr>
<td width="200" height="1">2020/01/08</td>
<td width="450" height="1">
Touch Mark has been able to be changed in the device with touch panel for
representing the state of the operation.
</td>
</tr>
<tr>
<td width="200" height="1">2020/01/03</td>
<td width="450" height="1">
Menu Operation for the device with touch panel has been improved.
</td>
</tr>
<tr>
<td width="200" height="1">2019/12/13, 11:10</td>
<td width="450" height="1">
<ol>
<li>demo_tennis has been added.<br>
<br>
</li>
<li>HTML5 DOM elements which is not drawn by NWSTK has started to be
able to be clicked or dragged.<br>
<br>
</li>
<li>The menu item which does not have an event handler has started to be
drawn with grayed color for specifying as a disabled item.<br>
<br>
</li>
<li>index.html and corresponded CSS file has been arranged for the clean
source.<br>
<br>
</li>
<li>ServiceWorker has been modified.<br>
<br>
</li>
<li>Various bug fix.</li>
</ol>
</td>
</tr>
<tr>
<td width="200" height="1">2019/11/20</td>
<td width="450" height="1">
<ol>
<li>It has started to support PWA -- Progressive Web Application.<br>
<br>
But it need to be placed in the https server.<br>
<br>
So it can be tested only at the site <a href="https://yutakaaoki.github.io/">https://yutakaaoki.github.io/</a>
at present.<br>
<br>
</li>
<li>It has supported gziped test.wasm which is automatically compressed
via Apache mod_gzip module for Progress Bar at the begin of starting
up test.wasm. It is acctually demonstrated in the github homepage at
the linked site above.</li>
</ol>
</td>
</tr>
<tr>
<td width="200" height="1">2019/11/17, 17:45</td>
<td width="450" height="1">
<ol>
<li>Progress Bar with percent number during
initial loading wasm module was implemented.<br>
<br>
</li>
<li>File Open Dialog("Open" Menu) and File Save Dialog
("New" Menu) from main menu were implemeted experimentally.</li>
</ol>
</td>
</tr>
<tr>
<td width="200" height="1">2019/05/01, 21:43</td>
<td width="450" height="1">Especially in a slow mobile device/phone/tablet, an
emission of a pulldown menu has become faster than the previous.</td>
</tr>
<tr>
<td width="200" height="1">2019/05/01, 08:36</td>
<td width="450" height="1">If it is failed to get WebGL context for canvas,
the toolkit will pop up an error dialog that alerts that.<br>
This feature is for a FireFox 66.0 in the Amazon 7th generation Fire7
Tablet.</td>
</tr>
<tr>
<td width="200" height="1">2019/04/30</td>
<td width="450" height="1">In the environment where touch panel is used
such as Mobile -- Android, a touch mark like a missile target mark has been
started drawing at the touched point.</td>
</tr>
<tr>
<td width="200" height="145">2019/04/21</td>
<td width="450" height="145">
<ol>
<li>EditWidget has started supporting key inputs from the
<i> on-screen
keyboard</i> for Mobile Device(Touch Panel).<br>
Among them, tested specially for USA English and Japanese on-screen
Keybords in the intel HAXM Andoid Emulator.<br>
<br>
</li>
<li>IME --<i> Input Method Editor </i>-- for both PC and Mobile has been
started supporting. Testing was done especially for Japanese IME.<br>
<br>
</li>
<li>In mobile devices, the width of sensitive borders or resizing gripper to
resize the demension of windows have been wider than the previous.<br>
<br>
</li>
<li>The dimension and position of windows in demo1 has been adjusted in
mobile devices.</li>
</ol>
</td>
</tr>
</table>
<p><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<!-- NINJA ANALYZE -->
<script type="text/javascript">
//<![CDATA[
// Here is for Access Analyzer :
console.log( "1, window.location.hostname=" + window.location.hostname );
if ( window.location.hostname == "yutakaaoki.github.io" ) {
// in the case of "http://yutakaaoki.github.io" :
(function(d) {
var sc=d.createElement("script"),
ins=d.getElementsByTagName("script")[0];
sc.type="text/javascript";
sc.src=("https:"==d.location.protocol?"https://":"http://") + "code.analysis.shinobi.jp" + "/ninja_ar/NewScript?id=00438754&hash=959bce02&zone=36";
sc.async=true;
ins.parentNode.insertBefore(sc, ins);
})(document);
}
else if ( window.location.hostname == "nowsmartsoft.atwebpages.com" ) {
// in the case of "https://nowsmartsoft.atwebpages.com" :
(function(d) {
var sc=d.createElement("script"),
ins=d.getElementsByTagName("script")[0];
sc.type="text/javascript";
sc.src=("https:"==d.location.protocol?"https://":"http://") + "code.analysis.shinobi.jp" + "/ninja_ar/NewScript?id=00432744&hash=92aec9f0&zone=36";
sc.async=true;
ins.parentNode.insertBefore(sc, ins);
})(document);
}
//]]>
</script>
<!-- /NINJA ANALYZE -->
</body>
</html>