JavaScriptで弾幕STGをフルスクラッチで作る その1 ゲームエンジン編
プログラミングといえばゲーム制作ですよね（最近はそうでもない？）。かつてはウェブブラウザ上で動くゲームを作ろうとすると苦労しましたが、最近ではHTML5やES6などの発達によって、作るのもだいぶ楽になりました。ゲーム制作用のJSライブラリなども散見されるようになってきて、JSによるゲーム制作のハードルはどんどん低くなってきています。 ですがやっぱりフルスクラッチ（※自分で全部作ること）で作ってみたいですよね？フルスクラッチ、楽しいですからね。楽しさ100倍です。バグの量も100倍ですが。 というわけでJavaScirptで弾幕シューティングゲームをフルスクラッチで作ってみましょう。対象となるブラウザはChrome51以降です。 ファイルの準備 まずはHTMLファイルとJSファイルを用意しましょう。全てJSから制御するので、HTMLファイルはほぼ空で結構です。 <!DOCTYPE html>
GamepadAPIでブラウザ上からゲームパッドの入力を取得する
GamepadAPIを利用することで、ブラウザ上からゲームパッドにアクセスできるようになります。GamepadAPIはChrome、Firefox、Edgeが対応しています。 ゲームパッドAPIの利用方法 接続・切断を検出する 入力を検知するには、まずゲームパッドの接続を検出する必要があります。ゲームパッドの接続はgamepadconnectedイベント、切断はgamepaddisconnectedイベントで検出することができます。 ブラウザによっては、ゲームパッドを接続してページを開いただけではgamepadconnectedイベントが発火されないことがあります。これはセキュリティのためです。その場合は何かしらのボタンをおすことでgamepadconnectedイベントが発火されます。 addEventListener("gamepadconnected", (e) => { let g
code.9leap.net
Let's start learning HTML5 + JavaScript with code9leap and enchant.js! Learning programming with fun! Let's make your own game with HTML5! With powerful game engine "enchant.js", you can build up your game in 9 minutes! If you are new to HTML5, don't worry about that. Start up your project with modifying sample code. Integrated Develpment/Learning Environment on Web Code9leap includes "CodeMi
“「ピグライフ」を支える技術者”名村卓の開発秘話｜【Tech総研】
2011年6月にスタートした「アメーバピグ」内のソーシャルゲーム「ピグライフ」は、開始3週間で利用者数100万人を突破した。開発を率いるサイバーエージェントの主席エンジニア名村卓氏に、企画・アイデアから実装までのプロセス、開発秘話を聞いた。 「ピグライフ」は、サイバーエージェントのアバターコミュニティサービス「アメーバピグ」の中に、「釣りゲーム」「カジノゲーム」に続く新たなゲームとして登場した、ガーデニングをテーマにしたPC向けソーシャルゲームだ。利用者が自身の庭を持ち、野菜や果物、植物などを育て、収穫した材料で料理や裁縫を楽しむことができる。また、他のユーザーとのコミュニケーションを通してさらに「ピグライフ」での生活を充実させる機能や仕掛けがたくさん用意されている。 2011年5月17日にβ版として1万人限定でサービス公開をしたところ、ブログなどを中心にインターネット上で話題となった。正
FrontPage - theater.js
2008-04-05 物置 2008-02-22 FrontPage 2008-01-24 開発室 2007-12-21 サンプル 2007-12-14 ダウンロード 2007-09-26 解説/省略記法 2007-09-25 解説/中級編 2007-09-12 今後の課題 2007-09-06 初級編応用 解説/入門編 新着情報 † 開発室は随時更新中です。 2008/02/22 ↓のシンタックスハイライトをやめました。エディタ等にコピー＆ペーストしたときに改行が反映されないようなので。この問題をクリアした上で適用できないか思案中・・・。 2008/01/31 http://anond.hatelabo.jp/20071220191425 ←を参考にコード表示にシンタックスハイライトを実装してみました。コードじゃないところに関しては対応考え中。多分難しい話ではないとは思うのだけど。PHP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【GDC 2013】HTML5+JavaScriptで容易にWii Uでのゲーム・アプリ開発が可能に・・・「任天堂ウェブフレームワーク」発表 | インサイド
http://grantgalitz.org/get_the_hell_out/LegendOfZelda_Links_Awakening/