Flying Bus Game/ja: Difference between revisions
No edit summary |
Henri Vikki (talk | contribs) No edit summary |
||
| (3 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
[[Category:Developing_with_Qt::Qt Quick::Demos]] | {{Cleanup | reason=Auto-imported from ExpressionEngine.}} | ||
[[Category:Developing_with_Qt::Qt Quick::Demos]] | |||
[[Category:Learning::Demos_and_Examples]] | |||
[[Flying_Bus_Game|English]] '''日本語''' | [[Flying_Bus_Game|English]] '''日本語''' | ||
| Line 5: | Line 8: | ||
= Flying Bus ゲーム = | = Flying Bus ゲーム = | ||
[ | [https://www.youtube.com/watch?v=LTDJrMu24b8 YouTube video] | ||
== 解説 == | == 解説 == | ||
| Line 51: | Line 54: | ||
http://qt.gitorious.org/qt-labs/mobile-demos/trees/master/qtflyingbus | http://qt.gitorious.org/qt-labs/mobile-demos/trees/master/qtflyingbus | ||
flying bus や他のデモをダウンロードは以下のコマンドで行います。 | flying bus や他のデモをダウンロードは以下のコマンドで行います。 | ||
git clone git://gitorious.org/qt-labs/mobile-demos.git | |||
=== バイナリ === | === バイナリ === | ||
Mac: http://get.qt.nokia.com/demos/mac/qtflyingbus.dmg<br | Mac: http://get.qt.nokia.com/demos/mac/qtflyingbus.dmg <br> | ||
Maemo: http://get.qt.nokia.com/demos/maemo/qtflyingbus_0.1-1_armel.deb <br> | |||
Symbian: http://get.qt.nokia.com/demos/symbian/qtflyingbus_installer.sis <br> | |||
Windows: http://get.qt.nokia.com/demos/windows/qtflyingbus_setup.exe | |||
'''注意：''' Symbian | '''注意：''' Symbian 端末にこの Qt Quick のデモアプリをインストールする場合、Qt 4.7.1 のベータ版が必要で、これをインストールすると Ovi Store クライアントや他の Qt アプリが動かなくなる可能性があります。Qt が 4.7.2 になるまでは個人携帯では試さない方がいいと思います。 | ||
Latest revision as of 10:30, 19 March 2015
| This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine. Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean. |
English 日本語
Flying Bus ゲーム
解説
QML の力を試すために、C++ を一切使わずにこのゲームを作りました。ゲームエンジンは全て JavaScript で書かれ、(コメントを含め)たったの 300 行以下で動いています。
ゲームのコンセプトを決めるにあたり、デザインチームが一通りの画像を用意し、いくつかのアニメーションのイメージをフラッシュで作成しました。コンセプトが決まってから、このゲームの最初のバージョンを QML で作るまでは一日もかかりませんでした。この後、新しい要素を作成したり振る舞いを設定したりしたりという作業を行いました。
このゲームのフォルダ構造は、リソース、レベル、ソースの３つのフォルダに分かれています。
リソースフォルダにはゲーム用に使われるファイルが含まれています。このゲームでは画像形式のファイルのみになります。レベルフォルダには各レベルの情報が記載された XML ファイルがあり、ソースフォルダには QML ファイルと JavaScript が含まれます。
このゲームのような構成は他のアプリにも適用できるでしょう。このゲームは、キャンバス、スプライト、レベルローダー、ゲームエンジンの４つの要素から成り立っています。
キャンバス
QML ではキャンバスは他の QML アイテムを含むシンプルな QML アイテムです。このゲームの場合、キャンバスは背景と前景の２つのレイヤから構成されます。
背景レイヤには雲や山、太陽などプレイヤーと関係しない全ての要素が含まれます。前景レイヤには敵やボーナスアイテム、障害物などのプレイヤーと関係する要素が含まれます。
スプライト
プレイヤー、敵、ボーナスアイテム、障害物がスプライトです。全てのスプライトは共通の QML 要素を親に持ち、位置、大きさ、不透明度、速度などのプロパティを持ちます。それぞれのスプライトは別々のファイルのため、状態やアニメーションなどを好きなように変更できます。
レベルローダー
レベルローダーは (XML 形式の) レベルファイルを管理し、ゲームエンジンに適切な情報を渡します。この情報を元にスプライトが生成されます。QML では XML ファイルを読むための XmlListModel という簡単な方法があり、レベルローダーではこれを使用しています。
ゲームエンジン
ゲームエンジンはこのゲームのコアロジックです。レベル情報を元にスプライトを動的に生成し、シーンの移動、衝突判定、ゲームの状態の制御などのロジックを処理します。このゲームではとても簡単な物理計算を使用しているためエンジン自体もとても小さいです。エンジンでより複雑なことをしたい場合には C++ と QML を組み合わせたアプリケーションも選択肢になります。
この経験から言えることは、QML での開発は UI を作成する上では命令的な API に対して大きなアドバンテージがあるということです。QML では UI を作成するのに必要なコードの行数を大きく減らすことができることが分かるでしょう。
一例として、私が以前に作った C++ のアプリケーションを QML で作り直したところ、行数は 75% 少なく済みました。
ゲーム開発では、QML はこのゲームのようなシンプルなものを作成するにはとてもよい選択となるでしょう。強力な状態管理／アニメーションのサポートとコンパクトな文法により、このようなゲームの開発がとても簡単にできます。
多くのゲームロジックをゲームエンジンから QML 側に移すことができ、エンジンの複雑さを大幅に減らせます。この UI でも、作成に必要なコードの行数を大幅に減らせました。
ダウンロード
ソースコード
http://qt.gitorious.org/qt-labs/mobile-demos/trees/master/qtflyingbus
flying bus や他のデモをダウンロードは以下のコマンドで行います。 git clone git://gitorious.org/qt-labs/mobile-demos.git
バイナリ
Mac: http://get.qt.nokia.com/demos/mac/qtflyingbus.dmg
Maemo: http://get.qt.nokia.com/demos/maemo/qtflyingbus_0.1-1_armel.deb
Symbian: http://get.qt.nokia.com/demos/symbian/qtflyingbus_installer.sis
Windows: http://get.qt.nokia.com/demos/windows/qtflyingbus_setup.exe
注意： Symbian 端末にこの Qt Quick のデモアプリをインストールする場合、Qt 4.7.1 のベータ版が必要で、これをインストールすると Ovi Store クライアントや他の Qt アプリが動かなくなる可能性があります。Qt が 4.7.2 になるまでは個人携帯では試さない方がいいと思います。