Cocos
＜今回やること！＞ こちらの記事の続きを行います。 mmorley.hatenablog.com スコアの表示、ゲームが失敗した時のシーンのリロードや効果音の再生の処理等を追加します。 今回でチュートリアル完了です。
＜今回やること！＞ こちらの記事の続きを行います。 mmorley.hatenablog.com スクリプト（ソースコード）を書いて、アニメーション、キー入力、ループ処理等を実装します。 前回は、ゲームシーンを作成して『Canvas』に背景、地面、キャラクタを配置しまし…
＜今回やること！＞ 『Cocos Creator』のチュートリアル（『Create the first game』）をします。 チュートリアルで作成するゲームの画面です。 作成に必要なリソース（画像、音声、ビットマップフォント等の素材）は、あらかじめ用意されています。 このチ…
パズドラのチャレンジダンジョンや降臨ダンジョン等のクリア報酬の一覧です。 報酬と、何日前のメールかで検索が出来ます。 一覧の表示、検索にも時間がかかる場合があります。
紹介するのは『Cocos Studio2』です。 これはスプライトシートを作成する専用のソフトではありません。 本職はあくまで開発環境なので、容量はかなり大きいです。 インストーラが732.3MB、インストール後のアプリのサイズは1.6GBあります。 でも無料で、ユー…
以前、こちらの記事の続きです。 mmorley.hatenablog.com 前回は、『ListView』の外枠の部分を作りました。 今回は、リストの項目を作って『ListView』に追加します。
こちらの記事の続きです。 mmorley.hatenablog.com スクリプトでアニメーションを操作する方法、アニメーションイベントに関する内容です。
アニメーションを使いたいのですが、使い方がよくわからないので、とりあえずマニュアルを読んでみました。 最新版と同期が取れているのか、若干怪しいのですが、これを読むしかないですし。
以前、こちらの記事で『Cocos2d-JS』用に移植していた仮想ジョイパッドを『CocosCreator』で使えるように作り直しました。 mmorley.hatenablog.com 少し中身を整理したので、多少シンプルになりました。 動作の保証はできませんが、もしよければダウンロード…
『Cocos Creator』単独では、コードエディタに構文チェックがあるぐらいで、プレビューを行ってもあまり詳細なデバッグ情報が得られません。 実行時エラーの場合は、実行画面が止まるだけです。 これではまともにデバッグ出来ず困ってしまいます。 が、ちゃ…
パソコンのゲームプログラミング入門の『まずはコマンドラインのテキスト表示と、キーボードの操作だけでゲームを作ってみよう！』的なお題をやってみました。 見た目はかなりショボいですが、倉庫番のような動きを実装しています。 キー入力がないので、そ…
修正内容 下記の記事で作成していた仮想ジョイパッド実装用のモジュール『SneakyInput-JS』の『ColoredCircleSprite.js』に不具合があり、これに関連する部分を削除しました。 その他、ジョイパッドの機能には影響ありません。 mmorley.hatenablog.com
JSON形式のデータファイルを読み込んで、データを使用する方法です。 読み込んだデータが連想配列に変換されるので、簡単に利用できます。
ユーザー設定値等、アプリを終了しても保持したい値を保存する方法です。 Cocos2d-xのC++版の『CCUserDefault』の代替となるものを探していたのですが、JavaScript版では『cc.sys.localStorage』を使用するようです。
公式サイトで配布されているインストーラから"(BETA)"の文字が消えないので導入を見送っていたのですが、中々更新されないので試しにCocosのVersion 3.10をインストールして試してみました。
『ListView』は、複数のオブジェクトをスクロール付きのリストとして表示することが出来るオブジェクトです。今回は、『ListView』を使って下図のようなステージ選択画面を作成しました。 『Cocos Studio 2』でオブジェクトの配置とプロパティの設定等を行い…
bmGlyphはビットマップフォントの作成ソフトです。 複数の文字にまとめて、グラデーション、縁取り線、影付け等の効果を加えることが出来ます。 作成したフォントはCocos2d-x等のビットマップフォント用のラベルで使用できます。 またロゴ用に画像として出力…
Cocosの公式サイトを見たら、CocosのバージョンがV2.3.3に、そしてCocos2d-xのバージョンがV3.9に上がっていました。 １つ前のバージョンは、私の環境では『Cocos Code IDE』からのデバッグ実行（Mac OSX シミュレータ）ができず、アップデートを見送ってい…
下記の記事の続きです。 公式サイトのチュートリアルをやってみる その１ - タイルマップの作成：Cocos2d-x v3.7（JavaScript） - モーリーのメモ 公式サイトのチュートリアルをやってみる その２ - Cocos Studio 2で画面作成：Cocos2d-x v3.7（JavaScript）…
下記の記事の続きです。 公式サイトのチュートリアルをやってみる その１ - タイルマップの作成：Cocos2d-x v3.7（JavaScript） - モーリーのメモ 今回は画面の作成を行います。 公式サイトのチュートリアルは、画面もすべてコードで作成しているのですが、…
Cocos2d-xはv3.7からCocos2d-JSと統合されたため、このブログでは『Cocos2d-x v3.7（JavaScript）』と書いているのですが、調べ物をすると『Cocos2d-JS』表記の情報が多い状況です。 『Cocos2d-x』公式サイトで『Cocos2d-JS』のチュートリアルを見つけたので…
クリッピングマスクは、画像の見せたい部分だけを自由な形状で切り抜いて表示する機能です。逆に言うと見せたくない部分を透明化して隠すことが出来ます。 切り抜きたい形に色を塗ったマスク画像によって、表示する部分と隠す部分を切り分けます。 アニメー…
物理演算エンジンは、物が落下したり衝突したりしたとき等の動きを、それっぽく作るのを手助けしてくれるツールです。それっぽくと書いたのは、現実の動きは複雑すぎるので、実行する環境の処理能力に合わせて、形状や力等の条件を簡略化されているからです…
『Cocos Studio 2』には画面を作成するために利用できるオブジェクトがいくつか用意されています。 今回はその中の『ProgressBarオブジェクト』と『Sliderオブジェクト』を使用方法について調べました。 『ProgressBarオブジェクト』は進捗状況が全体の何％…
『Cocos Studio 2』には画面を作成するために利用できるオブジェクトがいくつか用意されています。 今回はその中の『CheckBoxオブジェクト』を使用方法について調べました。『CheckBoxオブジェクト』は、タップする度にチェックと非チェックの２つの状態を交…
前回の記事『Cocos Studio 2によるアニメーションの作成 その１：Cocos2d-x v3.7（JavaScript） - モーリーのメモ』の続きです 前回は『Cocos Studio 2』で『HelloCocos』プロジェクトに５つのアニメーションを作成し、『Cocos Code IDE』にパブリッシュする…
今回は『Cocos Studio 2』でアニメーションを作成する方法です。 『Cocos』にはノード（シーン、レイヤー、スプライト等）に、移動・回転・拡大縮小・変形・色や透明度を変化などの効果を加える事が出来る『Actionクラス』が用意されています。これらの効果…
『SneakyInput』というiOSに仮想ジョイパッドを実装するためのソースコードが公開されています。『Cocos2d（Objective-C）』で書かれているのですが、これを『Cocos2d-x v3.7（JavaScript）』で書き直しました。 以下、私が書き直したほうを『SneakyInput-JS…
ボタンを『Cocos Studio 2』のUIオブジェクトを使用するのではなく、コードを書いて動的に（実行時に）作成します。 数多く配置する場合などは、コード上で実装したほうが便利な場合があります。 また、ボタンに使用する画像をスプライトシート利用する方法…
ノード（シーン、レイヤー、スプライト等）にアクションを設定します。 アクションとは、ノードに移動、拡大縮小、回転等の動きや変化（アニメーション）を設定するものです。 Cocosには、いろいろな種類のアクションが用意されています。またそれらを組み合…
