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"><
enchant.js入門 - グレーゲーム
大学の授業で話すことになったのでenchant.jsの使い方を説明します．「授業でプログラミングを触ったことがある」くらいの人を想定しているつもりです．enchant.jsはjavascriptでゲームを開発するためのライブラリで，PCだけでなくiPhoneやAndroidなどのスマートフォンのブラウザでも動作するゲームを作ることができます．またコンテストが開催されており，作ったゲームを投稿することもできます． 本稿では 開発環境の構築 画像の表示 画像の移動 キー入力による移動 マップの表示 ステージのスクロール キャラクタの動き マップとの当たり判定 という順序で最終的に付属のアクションゲームと同じようなものを作るところまでいきます． ブラウザを用意する 制作したゲームを実行するためのブラウザを用意します．FirefoxやChromeなどモダンなブラウザならだいたいいけるみたいです．今
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA