2014-04-01から1ヶ月間の記事一覧

cc.ScrollViewでスクロールできるマップを実装する

Canvasで書いていた頃はonTouchesMovedとonTouchesEndedを駆使して、 あれやそれやとスクロールの処理を書いていたが、Cocos2d-html5ではcc.ScrollViewを使う事で 簡単にスクロール処理を書く事ができた。 ポイントはsetDirectionでスクロールの方向と、 タ…

Cocos2d-JS(Cocos2d-html5)をダウンロードして3分でTwitterクライアントを作る方法

Cocos2d-JS(Cocos2d-html5)をダウンロードして 3分でTwitterクライアントを作成する方法を下記に記載します。 やっていることは、Cocos2d-JSをダウンロードし、HelloHTML5Worldという サンプルの中身をそのまま編集し、 TwitterのAPIから受け取ったレスポン…

cc.ParticleSystemの使い方

下記のように記述することで簡単にparticleの表現ができます。 //cc.ParticleFire / cc.ParticleFireworks / cc.ParticleFlower / cc.ParticleGalaxy //cc.ParticleMeteor / cc.ParticleRain / cc.ParticleSmoke / cc.ParticleSnow/ //cc.ParticleSpiral / c…

Cocos2d-html5でデータ保存のためにXMLHttpRequestで処理を投げる

ゲームのデータ読み込み、データの保存を実装しています。 Javascriptの場合、直接MySQLなどのデータベースに接続してやり取りすることよりも、 APIを別途作成し、JSONを通じてやり取りすることが多いと思います。例えば、データの読み込みの場合は 1.クエリ…

Cocos2d-html5で TiledMapEditorのデータをもとに当たり判定のある壁を作る

1.TiledMapEditorのレイヤーであたり判定用のレイヤーを作成して書き出す。 ここでは「collidable」という名前で当たり判定用のレイヤーを作成し、そのレイヤーに草を配置しました。 baseレイヤーには土のマップチップが配置されています。(TiledMapEditor…

Cocos2d-html5で TiledMapEditorから出力したマップを並べる

TiledMapEditorでマップを作成する 1.tiled map editorをダウンロード http://www.mapeditor.org/download.html 2.新規プロジェクトの作成 使用するタイルセットによって設定します。 TiledMapEditorのsampleについているdesertで使用されているpngを使う場…

Node.jsでjsonを返すmockの作成

clientサイドでゲームを作る時に、 簡単にjsonレスポンスを返すmockが欲しかったので、nodeのhttpを使って実装してみた。 単純に入力されたパスによって返すjsonファイルを入れ替えるだけのサンプル。 setTimeoutなどを入れたり、応答時間のテストなど、ほか…

iOS Dev CenterにログインしてProvisioningProfileを発行するまで

Devices アプリを起動させるiPhone端末情報を登録させる。 さっそくDevアカウントの承認がおりたのでログインすると... なにはともあれ、デバイスの登録が促されるので、指示にしたがって登録する 端末をiTuensに接続してUDIDを確認してコピーしておく 端末…

iOSDeveloperProgram申し込み

iOSDeveloperProgramで申し込む 既にiTunesなどでアカウントを持っている場合はExisting Apple IDを選択 個人で作る場合はindividualを選択 名前をいれる iOS Developer Programをチェック 入力情報の確認 承認 完了 ログイン ViewDetailで申請状態を確認す…

Cocos2d-html5で作成したプロジェクトをXCodeでアプリ化する

1.cocos2d-xをダウンロード http://www.cocos2d-x.org/download 2.ダウンロードしてきたものを任意のディレクトリにコピー 3.コピー先のcreate_project.pyを利用して、新しいプロジェクトを作成 cd /Users/hoge/cocos2d-x/cocos2d-x-2.2.2/tools/project-cre…

Cocos2d-html5の各種オブジェクトの使い方

Cocos2d-html5ではゲームの構成要素として下記のような階層構造をもっています。 各機能ごとにSceneとLayerを作成し、 その上にゲームを構成するキャラクターやUIをNodeとして重ねていく事でゲームを作成します。 Director ゲーム1つに対して1個しか存在し…

Cocos2d-html5でサウンドファイルの取り扱い

音楽ファイルの使い方 ※音楽ファイルの再生。Fireroxはmp3だめ。IEとSafariはoggが再生不可。 ブラウザによって複数フォーマットが基本らしい。 cocos2d-html5ではs_hogeで再生できない場合ほかのファイルを探して再生してくれるらしい。 var s_hoge = "res/…