Tips: クラスを継承する | enchant.js - A simple JavaScript framework for creating games and apps.
Posted 2012年12月10日 by fushimi & filed under Tips. クラスの作成・継承は enchant.Class.create という関数を用いて行います。第一引数に渡されたオブジェクトを、クラスの定義のために使います。通常は、{} で囲ったオブジェクトリテラルを渡すことで定義します。コンストラクタメソッドは initialize というキーで定義します。 var myClass = enchant.Class.create({ initialize: function(name){ this.name = name; }, sayHello: function(){ alert('Hello! My name is' + this.name); } }); var me = new myClass('Jack'); // -> me.name == '
enchant.js - タッチした Sprite を消してみよう - jsdo.it - Share JavaScript, HTML5 and CSS
// [About] touchstart 時に親ノードからひっぺがすことで 非表示っというか削除することができます. 流れとしては this.parentNode で自分の親にアクセスし parentNode の removeChild で自分を渡すことで削除しています. // [enchant.js] Official = http://enchantjs.com/ja/?s=ja (ja) || http://enchantjs.com/en/ (en) Blog = http://wise9.jp/ Dev Blog = http://blog.enchantjs.com/ja/ (ja) || http://blog.enchantjs.com/ (en) // [phi] ハンドルネーム, 気軽に質問やアドバイス下さいな♪ Blog = http://tmlife.net/ T
enchant.js使い方辞典
説明 パドルでボール跳ね返した時にスコアを加算し表示にするには、あらかじめスコアを入れる変数もしくはプロパティを用意し0の数値を入れておきます。以下のサンプルではgame.score=0としてgameオブジェクトのscoreプロパティを使用しています。ボールとパドルが接触したらスコアを10増やします。 スコアの表示はあらかじめラベル機能を使って設定しておきます。ラベルは画面上に文字を表示することができるもので、後から内容を変更することができます。作成したラベルの内容を変更するにはラベルオブジェクトのtextプロパティに文字を入れます。サンプルではscoreLabelがラベルオブジェクトで、スコアが加算されたらtextプロパティにSCOREの文字と点数を入れています。 サンプル サンプルを実行｜データをダウンロード ■HTML <!DOCTYPE html> <html> <head> <m
enchant.js: Step4 – 制限時間とスコアを表示してみよう! | TM Life
ここでは, 制限時間とスコアを表示します. このステップまで実装すればゲームとして遊べるようになります. SAMPLE サンプルはこちらで見るこができます. CODE 経過時間の取得 var progress = parseInt(game.frame/game.fps); ラベルを表示 var label = new Label(); label.text = "表示したいテキスト"; シーンを入れ替える var scene = new Scene(); scene.backgroundColor = 'rgba(0, 0, 0, 0.5)'; game.replaceScene(scene); コード全体 前回のStepから追加, 修正した箇所は太字になっています. /** * @author phi */ // enchant 初期化(global 領域に enchant を追加)
5分でわかる enchant.js アニメーション機能
5分でわかる enchant.js アニメーション機能 1. 5分でわかるenchant.js アニメーション機能@sidestepism2013/05/29v0.7 対応版更新 2. 自己紹介伏見 遼平(株)ユビキタスエンターテイメント秋葉原リサーチセンター (UEI/ARC)9leap プロジェクトリーダー 3. たとえば「クマを移動させたい」としたら… 4. bear.addEventListener(“enterframe”, function(){bear.x ++;});// -> 1フレームに1ピクセル移動する 5. 動いた! 6. 止まらない… 7. bear.addEventListener(“enterframe”, function(){if(bear.x < 100)bear.x ++;});// -> 100ピクセルだけ移動させる 8. 今度は 9. 止まった!
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
enchant.jsでスマホ向けゲームを作り始めるための基礎知識
enchant.jsでスマホ向けゲームを作り始めるための基礎知識：enchant.jsでHTML5＋JavaScriptゲーム開発入門（2）（1/4 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく。今回は、enchant.jsでゲームを作るための準備の仕方や、サンプルアプリのソースコードを実例に基礎文法などを紹介
enchant.jsでスマホ向けゲームを作り始めるための基礎知識
ecahnt.jsを使うJavaScriptのコードを実際に書いてみる まずは、画像の表示 main.jsをテキストエディタで開き、次のプログラムを書き写して保存してください。 enchant(); // おまじない window.onload = function() { // 行の終わりには、;（セミコロン）を付けます。 var game = new Game(320, 320); // ゲーム本体を準備すると同時に、表示される領域の大きさを設定しています。 game.fps = 24; // frames（フレーム）per（毎）second（秒）：ゲームの進行スピードを設定しています。 game.preload('./img/chara1.png'); // pre（前）-load（読み込み）：ゲームに使う素材をあらかじめ読み込んでおきます。 game.onload = functi
Let’s start enchant.js | enchant.js - A simple JavaScript framework for creating games and apps.
Index 開発の基本 逆引きリファレンス 注意事項 enchant.js の基本的なテンプレート 基本(描画) Scene を作る/消すには 画像を出すには 文字を出すには 音をならすには 基本(制御) 素材を読み込むには フレーム処理をするには タッチ(クリック)を処理するには マップ マップとは マップを作るには マップ上に障害物があるか判定するには スプライト スプライトを移動するには スプライトを回転/拡大縮小するには スプライトを透明にするには スプライトにCanvasを使うには スプライトで衝突判定を行うには 文字(ラベル) 文字色・フォントを変えるには 文字を移動するには 文字を透明にするには その他 シーンの背景色を変えるには ゲームのfpsを変えるには ゲーム画面の倍率を変えるには ロード時に表示されるシーンを変えるには 素材のプリロードを行うには 開発の基本 ench
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
forked: enchant.js | クマタッチ - 07.スコア, 時間を表示しよう - jsdo.it - Share JavaScript, HTML5 and CSS
http://text.stepism.com/blog/2012/11/12/enchantjs-tutorial-shooting/