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
|
---
title: HTML5 ゲーム開発入門 (要約)
slug: Games/Introduction_to_HTML5_Game_Development
tags:
- Firefox OS
- Games
- HTML5
- Mobile
translation_of: Games/Introduction_to_HTML5_Game_Development_(summary)
original_slug: Games/Introduction_to_HTML5_Game_Gevelopment_(summary)
---
<div>{{GamesSidebar}}</div><div>{{IncludeSubnav("/ja/docs/Games")}}</div>
<div>
<h2 style="line-height: 30px;" id="長所">長所</h2>
<ol>
<li><span class="seoSummary">HTML5 で作られたゲームはスマートフォン、タブレット、PC、スマート TV で動く。</span></li>
<li>他のメディアと同様に、ウェブ全体でゲームを広告、宣伝できる。</li>
<li>支払い。好きな支払い処理サービスを使って課金できる。</li>
<li><span class="seoSummary">好きな時にゲームを更新できる。</span></li>
<li>自身のアナリティクスを集められる!</li>
<li>顧客ともっと近く繋がれる。</li>
<li><span class="seoSummary">プレイヤーはいつでもどこでもゲームをプレイできる。</span></li>
</ol>
<h2 style="line-height: 30px;" id="ウェブ技術">ウェブ技術</h2>
</div>
<div> </div>
<table class="standard-table">
<thead>
<tr>
<th scope="col" style="text-align: left;"><strong>機能</strong></th>
<th scope="col" style="text-align: left;">技術</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Audio</strong></td>
<td><a href="/ja/docs/Web_Audio_API" title='/ja/docs/Web_Audio_API"'>Web Audio API</a></td>
</tr>
<tr>
<td><strong>Graphics</strong></td>
<td><a href='/ja/docs/WebGL"' title='/ja/docs/WebGL"'>WebGL</a> (<a href="http://www.khronos.org/opengles/" title="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0)</td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td><a href='/ja/docs/DOM/Touch_events"' title='/ja/docs/DOM/Touch_events"'>Touch events</a>, <a href="/ja/docs/API/Gamepad/Using_Gamepad_API" title='/ja/docs/API/Gamepad/Using_Gamepad_API"'>Gamepad API</a>, 端末センサー, <a href="/ja/docs/WebRTC" title='/ja/docs/WebRTC"'>WebRTC</a>, <a href="/ja/docs/DOM/Using_fullscreen_mode" title='/ja/docs/DOM/Using_fullscreen_mode"'>Full Screen API</a>, <a href="/ja/docs/WebAPI/Pointer_Lock" title='/ja/docs/WebAPI/Pointer_Lock"'>Pointer Lock API</a></td>
</tr>
<tr>
<td><strong>Language</strong></td>
<td><a href="/ja/docs/JavaScript" title='/ja/docs/JavaScript"'>JavaScript</a> (<a href="https://github.com/kripken/emscripten/wiki" title="https://github.com/kripken/emscripten/wiki">Emscripten</a> を使って C/C++ を JavaScript にコンパイルする)</td>
</tr>
<tr>
<td><strong>Networking</strong></td>
<td><a href="/ja/docs/WebRTC" title='/ja/docs/WebRTC"'>WebRTC</a> や <a href="/ja/docs/WebSockets" title='/ja/docs/WebSockets"'>WebSockets</a></td>
</tr>
<tr>
<td><strong>Storage</strong></td>
<td><a href="/ja/docs/IndexedDB" title='/ja/docs/IndexedDB"'>IndexedDB</a> や "cloud"</td>
</tr>
<tr>
<td><strong>Web</strong></td>
<td><a href="/ja/docs/HTML" title='/ja/docs/HTML"'>HTML</a>, <a href="/ja/docs/CSS" title='/ja/docs/CSS"'>CSS</a>, <a href="/ja/docs/SVG" title='/ja/docs/SVG"'>SVG</a>, <a href="/ja/docs/Social_API" title='/ja/docs/Social_API"'>Social API</a> (とその他いろいろ!)</td>
</tr>
</tbody>
</table>
<div class="twocolumns">
<dl>
<dt><a href="/ja/docs/DOM/Using_fullscreen_mode" title='/ja/docs/DOM/Using_fullscreen_mode"'>Full Screen API</a></dt>
<dd>Full screen gameplay.</dd>
<dt><a href="/ja/docs/API/Gamepad/Using_Gamepad_API" title='/ja/docs/API/Gamepad/Using_Gamepad_API"'>Gamepad API</a></dt>
<dd>Use gamepads or other game controllers.</dd>
<dt><a href="/ja/docs/HTML" title='/ja/docs/HTML"'>HTML</a> and <a href="/ja/docs/CSS" title='/ja/docs/CSS"'>CSS</a></dt>
<dd>Build, style, and lay out your game's user interface.</dd>
<dt><a href="/ja/docs/HTML/Element/audio" title='/ja/docs/HTML/Element/audio"'>HTML audio</a></dt>
<dd>Easily play simple sound effects and music.</dd>
<dt><a href="/ja/docs/IndexedDB" title='/ja/docs/IndexedDB"'>IndexedDB</a></dt>
<dd>Store user data on their own computer or device.</dd>
<dt><a href="/ja/docs/JavaScript" title='/ja/docs/JavaScript"'>JavaScript</a></dt>
<dd>Fast web プログラミング言語 to write the code for your game.<br>
To easily port your existing games <a href="https://github.com/kripken/emscripten/wiki" title="https://github.com/kripken/emscripten/wiki">Emscripten</a> or <a href="http://asmjs.org/spec/latest/" title="http://asmjs.org/spec/latest/">Asm.js</a></dd>
<dt><a href="/ja/docs/WebAPI/Pointer_Lock" title='/ja/docs/WebAPI/Pointer_Lock"'>Pointer Lock API</a></dt>
<dd>Lock the mouse or other pointing device within your game's interface.</dd>
<dt><a href="/ja/docs/SVG" title='/ja/docs/SVG"'>SVG</a> (Scalable Vector Graphics)</dt>
<dd>Build vector graphics that scale smoothly regardless of the size or resolution of the user's display.</dd>
<dt><a href="/ja/docs/JavaScript/Typed_arrays" title='/ja/docs/JavaScript/Typed_arrays"'>Typed Arrays</a></dt>
<dd>Access raw binary data from within JavaScript; Manipulate GL textures, game data, or anything else.</dd>
<dt><a href="/ja/docs/Web_Audio_API" title='/ja/docs/Web_Audio_API"'>Web Audio API</a></dt>
<dd>Control the playback, synthesis, and manipulation of audio in real time.</dd>
<dt><a href="/ja/docs/WebGL" title='/ja/docs/WebGL"'>WebGL</a></dt>
<dd>Create high-performance, hardware-accelerated 3D (and 2D) graphics. <a href="http://www.khronos.org/opengles/" title="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0.</dd>
<dt><a href="/ja/docs/WebRTC" title='/ja/docs/WebRTC"'>WebRTC</a></dt>
<dd>Real-Time Communications to control audio and video data, including teleconferencing and transmitting other application data back and forth between two users like chat.</dd>
<dt><a href="/ja/docs/WebSockets" title='/ja/docs/WebSockets"'>WebSockets</a></dt>
<dd>Connect your app or site to a server to transmit data back and forth in real-time. Perfect for multiplayer gaming action, chat services, and so forth.</dd>
<dt><a href="/ja/docs/DOM/Using_web_workers" title='/ja/docs/DOM/Using_web_workers"'>Web Workers</a></dt>
<dd>Spawn background threads running their own JavaScript code for multi-core processors.</dd>
<dt><a href="/ja/docs/DOM/XMLHttpRequest" title='/ja/docs/DOM/XMLHttpRequest"'>XMLHttpRequest</a> and <a href="/ja/docs/DOM/File_API" title='/ja/docs/DOM/File_API"'>File API</a></dt>
<dd>Send and receive any kind of data you want from a Web server like downloading new game levels and artwork to transmitting non-real-time game status information back and forth.</dd>
</dl>
</div>
<p> </p>
|
