クロノス・クラウン - 記事検索

ツイート @rutenさんをフォロー
クロクロ ショップ 本、ゲーム、同人誌他を販売
クロクロ ツールズ 便利なWebアプリを多数収録
IT用語大辞典 IT用語を解説
ソフトウェア
めもりーくりーなー Winのメモリーをお掃除するソフト
Novel Supporter 小説推敲補助ソフト
PCソフト 便利なソフトを多数公開
Webサービス 便利で楽しいサービス多数
レトロゲームファクトリー レトロゲーム移植会社のお仕事小説
#電書ハック 電子書籍編集部のお仕事小説
顔貌売人 IT系ミステリ
裏切りのプログラム IT系ミステリ
ゲーム
Little Bit War Switch向け高速RTS
TinyWar high-speed 1ステージ数分の8bit風RTS
EX リバーシ 変形盤面、ステージ多数
PuzzleAndGame.com ブラウザで遊べるパズルやゲーム
no link
2011年09月14日 04:09:55
 気付くと新しい物を作っているというのが、私のよくあるパターンなのですが、この2週間ほどはHTML5でのゲーム制作の勉強ということで、「HTML5用ゲームエンジン」を作成していました。

 これまでも何度か、Javaで自前ゲーム開発ライブラリを作っていたのですが、そのJavaScript版です。これまでの経験を生かした作りになっています。

 今回のゲームエンジンは、普通のゲームエンジンと違い、かなり構造化されたライブラリになっています。

 そして、アクションゲームというよりは、シミュレーション・ゲームやノベル・ゲームといった、静的なゲームを開発するためのライブラリになっています。

HTML5用ゲームエンジン スクリーンショット6

 これはまあ、私の普段作っているゲームがシミュレーション・ゲームだからです。

 ノベル・ゲームに関しては、ステージ間のイベント・シーン用のノベル・ビューを作ったら、そのままノベル・ゲームに使えそうなものが出来てしまったからです。

 まあ、何というか、自分が使いやすいライブラリが一番なわけでして。基本的にアクション・ゲームを作らないので、普通のゲーム・ライブラリに、必要なパーツがほとんどないわけです。

 とりあえず、一通り実装できたので、明日ぐらいにでも仮公開しようかなと思います。



 さて、このライブラリでできることを、ざっと簡単に書いておきます。

・ループ管理。
・シーン管理。
・描画オブジェクト管理
・画像や音声のリソースの先読み(グローバル系とシーン・ローカル系)。
・デバッグ用コンソール出力。
・PC(マウス)とスマフォ(タッチ)の処理共通化。
・文字列の自動折り返しやタイプライター風表示。
・ボタンやくり返し背景を簡単に作成できる擬似9patch。

 そして、このライブラリの肝は描画オブジェクトになります。

 ペインターをルートとしたクラス階層を持っており、クリッカブル、ドラッガブル、スクローラブルなどの各種派生クラスがあります。

 また、インクルーダブルをセットすることで、オブジェクトのネストが簡単に行えます。なので、スクローラブルの中にマップやユニットを表示するなどといったことが、システマティックにできます。

 以下、プリセットで用意している描画オブジェクトです。

・ペインター
・黒背景
・ラベル
・イメージ
・フェード・イン
・フェード・アウト
・クリッカブル
・ボタン
・ボタン画像
・タイプライター
・ドラッガブル
・スクローラブル
・リスト
・マップ
・ダイアログ
・ノベル・ビュー

 これで、シミュレーション・ゲームとかなら、ガシガシと作ることができます。



 というわけで、最後に開発履歴を掲載しておきます。こんな手順で作成していきました。

2011.08.30
 ・作成開始。
 ・チェーン・メソッドの作成。

2011.08.31
 ・サウンドの読み込み。
 ・イメージの読み込み。
 ・イベント。
 ・クラス構造。

2011.09.01
 ・ループ処理。
 ・擬似9patch描画。
 ・文字列描画。

2011.09.02
 ・ペインターの実装開始。
 ・シーンの実装開始。

2011.09.03
 ・クリッカブル。
 ・ボタン。
 ・ドラッガブル。
 ・フェード・イン、アウト。
 ・シーン遷移。
 ・データ入出力。

2011.09.04
 ・高速化。
 ・スクローラブル。

2011.09.05
 ・リストの実装。
 ・リストの選択。

2011.09.06
 ・セキュリティ対策。
 ・ラベルの追加。
 ・ダイアログの実装。
 ・タイプライターの実装。

2011.09.08
 ・インクルーダブルの構造を整理。

2011.09.09
 ・スクロールの改良。
 ・内包オブジェクトの完全なネストを実装。
 ・イメージの実装。
 ・ノベルビューの基本的な部分を実装。

2011.09.11
 ・Painterとその継承クラスの初期化の方法を変更。
 ・クラス構成の整理。
 ・ノベル・ビューの画像フェード処理を実装。
 ・ノベル・ビューに、ジャンプとエンドを実装。
 ・サウンド管理の実装。
 ・ドラッグアイテムとドロップアイテムの相互参照を実装。
 ・ノベル・ビューで、指定IDにジャンプする仕様を実装。
 ・描画子に、廃棄開始命令を実装。
 ・ノベル・ビューに、描画オブジェクトを直接代入できるように拡張。

2011.09.12
 ・内包オブジェクトの絶対位置と表示位置を自動計算するメソッドを実装。
 ・内包オブジェクトの重なり判定を実装。
 ・当たり判定の実装。
 ・実験ページに簡単な解説を追加。

2011.09.13
 ・シーン間でのファイルの読み込みを実装。
 ・シーン・ローカルでの画像や音声の読み込みに対応。
 ・ローダー画面の実装。
 ・フェード・アウトの色を黒に変更。
 ・マップ描画を実装。
 ・FireFoxで、再生終了後にシークを0にすると、自動で音が鳴り始めてしまうバグに対応。
 ・Safariの対応を確認。
 ・Operaでは音声読み込みをスキップする仕様にする。
 ・iOSでは音声読み込みをスキップする仕様にする。
 ・Androidでの動作を確認。
 ・ライセンス表記を実装。
 ・仮公開用のドキュメントを作成。
最新20件 (全て見る)

柳井が執筆した本や商品 (全て見る

マンガでわかるJavaScriptのPromise
JavaScriptのPromiseをマンガで解説。無料。
レトロ風RPG 全コード
JSのレトロゲーム風RPGの全コードを掲載&解説。
タワーディフェンス 全コード
JSのタワーディフェンスの全コードを掲載&解説。
レトロゲームファクトリー
過去のゲームを最新機用に移植する会社のお仕事小説。新潮社より発売中。
#電書ハック
電子書籍編集部のお仕事小説。文藝春秋より発売中。
顔貌売人 ハッカー探偵 鹿敷堂桂馬
シリーズ第2弾。文藝春秋より発売中。
裏切りのプログラム ハッカー探偵 鹿敷堂桂馬
松本清張賞の最終候補に残った拙作小説(デビュー作)。

サイト目次

PCソフト/Webアプリ/ゲーム

記事/マンガ

柳井の同人活動

開発

携帯・スマホ

アナログ・ゲーム

Cronus Crown(クロノス・クラウン)のトップページに戻る
(c)2002-2024 Cronus Crown (c)1997-2024 Masakazu Yanai
ご意見・お問い合わせはサイト情報 弊社への連絡までお願いします
個人情報の取り扱い、利用者情報の外部送信について