found]shareなんでも最近enchant.jsという、html5とjavascriptで簡単にゲームが作れて、しかもスマートフォンでも動作する面白そうなゲームエンジンがあるというので早速ダウンロードして色々試してみました。思ったより簡単に色々できそうだったのでちょっと紹介します。・ダウンロードダウンロードは下記のサイトからダウンロードできます。解凍すると色々なファイルが出てきます。その中で使うのはenchant.jsだけです。actionフォルダに入っているindex.htmlとenchant.js、imagesフォルダに入っているchara0.gifを新しいフォルダtestを作成して、その中にコピーしましょう。</body></html>単純にenchant.jsとgame.jsを読み込んでいるだけです。基本的にこの形が標準のフレームとなるのでコピーしておくと便利です。・game.jsの作成。プログラム事態はgame.jsというファイルを作成してその中に書きます。・簡単サンプル、キャラクターを表示する。キャラクターを表示するだけです。動かすこともできませんがこれが基本の形になります。game.assets['chara0.gif'];game.rootScene.addChild(player);}game.start();}説明enchant();グローバルにライブラリのクラスをエクスポートする。function(){}ウインドウが表示されたときの処理。この中にゲームの関数を記述する。320);画面領域が320*320のgameオブジェクトを作成する。game.preload(‘chara0.gif’);ゲームに必要なデータ(この場合はchra0.gif)をプリロードする。24);新しく16*24サイズのSpriteオブジェクトを作成する。game.assets[‘chara0.gif’];paayerオブジェクトの画像にchara0.gifをセットする。game.rootScene.addChild(player)gameオブジェクトのルートSceneにプレイヤーオブジェクトを配置する。game.start();ゲームを開始する。・キャラクターを動かす。{}playerオブジェクトにイベントを追加する。0;}各キーが押されたときに、オブジェクトのXY座標を変更して、対応する向きを代入する。this.direction*6;playerオブジェクトの表示するフレームを変更する。・・・・と続いているので向きを6倍した数字がその向きの画像の初期値になる。・キャラクターをアニメーションする。キャラクターにアニメーションを追加してみましょう。});}game.start();}説明player.walk=0;playerオブジェクトに歩きパターンを設定する。5)){this.walk++;}ゲームの開始時からのフレームが5で割り切れるとき(5フレーム毎に)歩きパターンを変更する。gameオブジェクトのフレームと、playerオブジェクトのフレームは役割が違うので注意。0;}歩きパターンが3の時歩きパターンを0にする。左2-3のように配置されているので各3パターンを繰り返す。this.walk;playerのフレームを向き*6(向きの調整)+歩きパターンに設定する。こんな感じで基本的な機能がクラスですでに作られているので、簡単な追加で色々なことができそうです。同梱されているサンプルやドキュメントを参考にして、もっと色々と勉強してみたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。