シンプルだが中毒性が高いHTML5で構築されたバブルゲーム
By @Doug88888 ブラウザからサイトにアクセスすればすぐに遊べる、HTML5で構築されたバブルゲームをフランツ・アイゼンホーフェルさんが公開しています。ゲームのルールは、自分のバブルを操作し、自分よりも小さな泡を吸収して大きくなっていくというシンプルなものですが、単純であるがゆえになかなか中毒性が高いゲームに仕上がっています。 bubbles games by franz enzenhofer http://www.fullstackoptimization.com/bubbles/ バブルゲームのプレイ動画は以下のムービーから確認できます。 HTML5で作成したバブルゲームをプレイしてみた - YouTube ゲームのサイトにアクセスすれば、すぐにゲームがスタートします。操作方法はキーボードの「↑」「→」「↓」「←」で赤いバブルを動かすだけ。 ルールはシンプルでプレイヤーは赤い
これはすごい！ゲーム開発に最適な高性能JavaScriptアニメーションフレームワーク「CAAT」 - Chrome Life
前回の記事で、200行で作れるHTML5製テトリスをご紹介してたくさんの反響がありました。 誰もが知っているゲームを少ないコードで実現していることと、コードが読みやすくてプログラミングのスキルアップに役立つということで関心をもたれたと思います。 これを機会に自分でもゲームを作ってみたいと思った方もいるのではないでしょうか？筆者もそのうちの一人です。 しかし、フルスクラッチで作るとなるとそれなりに経験が必要ですし、高度な動きを実現するにはどうやって作れば良いのかも分かりません。 そこで今回ご紹介するのは、ゲーム作りに最適な、高性能JavaScriptアニメーションフレームワーク「CAAT」です。（CAATは、Canvas Advanced Animation Tookitの略） 「CAAT」は完全なゲームフレームワークとして様々な機能が提供されています。 CAATの機能と特徴 オンスクリーン
enchant.jsでつくる“シロートが3時間でゲームをつくる”作り方 - 週刊アスキー
JavaScriptで書かれたソースコードはたったの75行 window.onload = function() { game = new Game(320, 320); game.fps = 24; game.life = 3; game.time = 60; game.score = 000; var label; game.preload(['http://jsrun.it/assets/k/r/t/X/krtXz.gif','http://jsrun.it/assets/v/1/a/l/v1alF.gif','http://jsrun.it/assets/e/B/C/G/eBCGr.gif']); game.onload = function() { bear = new Sprite(32, 32)
enchant.js: ゲームを作ってみました(100行縛り) | TM Life
昨日, enchant.js について書いたのですが. 意外と沢山の方が見てくれたみたいで, Twitter で色々とありがたいお言葉をいただきました. 一応, この日記に共感して 9leap を応援する目的で書いているので, このブログをきっかけに「ゲームプログラミング始めました」だとか 「9leap に作品を応募しました」って人が出てくれれば幸いです. 引き続き今日は HTML のコード含め 100行以内でゲームを作ってみました. SAMPLE and DATA 今回作ったゲームはこちらで遊ぶことができます. ゲームがスタートして数秒するとランダムな位置にクマが出現するので, そのクマを素早くタッチしてください. どれだけ速くクマをタッチできるかを競うシンプルなゲームです. データはここからダウンロードできます. COMMENT 解説はコード内のコメントとして書いています. フレームと
enchant.js使い方辞典
説明 ブロック崩しのブロックを描くには、あらかじめブロックの情報を入れる配列を用意しておきます。サンプルでは「var block = new Array();」として配列を用意しておきます。なお、昔のBASICを使っていた人向けに補足するとJavaScriptでは、使用する配列の要素数を指定しなくても問題ありません（DIM A(10)のように使用する要素数は指定しなくてもよい）。 配列を用意したら、new Sprite()を使って配列にスプライト（この場合はブロック）を入れます。後は、通常のスプライトの設定と土曜に表示するXY座標を設定していきます。ブロック崩しのブロックは縦横に配置されるので「x * 32+12」「y * 18 + 30」のようにして座標値を計算で求めます。 サンプル サンプルを実行｜データをダウンロード ■HTML <!DOCTYPE html> <html> <hea
gl.enchant.js 上でカメラを自由に動かせるようにするプラグイン debug-camera3d.gl.enchant.js を作りました | TM Life
gl.enchant.js 用プラグイン debug-camera3d.gl.enchant.js を作りました. debug-camera3d.gl.enchant.js は gl.enchant.js 上でカメラを自由に動かせるようにするプラグインです. 十字キーもしくはマウスでカメラを動かすことができます. gl.enchant.js のサンプルプログラムやフィールドの確認, ゲーム途中のデバッグなんかに使って下さい. Sample And Download debug-camera3d.gl.enchant.js を使っているサンプルはこちら. キーボードの十字キーもしくはマウスでドラッグしてもらえばカメラが動くのが分かるかと思います. また’z’を押しながら操作すると注視点移動, ‘x’を押しながら操作するとズームイン/ズームアウトします. space キーでリセットです. プラ
enchant.js使い方辞典
説明 特定のキーをaボタンに割り当てるにはnew Game()で生成したオブジェクトのkeybind()メソッドを使います。最初のパラメータにはキー番号（アスキーコード）、2番目のパラメータには"a"と指定します。"b"とするとBボタンに割り当てられることになります。 以下のサンプルではzキーをaボタンに割り当てています。aボタンが押されている間、自機が回転します。 サンプル サンプルを実行｜データをダウンロード ■HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Sample game</title> <style> body { margin: 0; } </style> <script src="js/enchant.min.js"></script> <script src="js/main.js"><
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
