🔧 👩🏿‍🤝‍👩🏾 👡 Libgdxで物理パズルを作成した方法 💅🏼 🔙 👰🏾

こんにちは

シードのスクリーンショット：

他の誰かが写真のヒントを読みますか

どういうわけか、ぼんやりとインターネットに座って、「チェーン、ボール、ゾンビ」というゲームに出会いました。理由はわかりませんが、彼女は強く私を夢中にさせました。シンプルでありながら興味深いゲームプレイといくつかの非線形性-レベルはいくつかの方法で完了することができます。ある意味で、彼女は私がかつて苦しんでいた悪名高いクレイジーマシンを思い出させてくれました。

ゾンビを殺した後、私は自分のゲームを書くというアイデアを得ました- ~~詩人と好みの~~ボールとゾンビで、より良いだけです~~（コロバンを奪うことができます）~~ 。すぐに言ってやった。数週間の結果、ゲームが作成され、Google Playに投稿されました。もっと詳しく知りたい場合は、猫をお願いします。

数年前から、Android上のモバイルデバイス用のゲームを書いています。 libGDXエンジンを使用します。その前に、AndEngineを試し、小さなおもちゃのプロトタイプを作成しました-しかし、私はlibGDXに移行しましたが、今は後悔していません。主な機能は、デスクトップでコードを記述およびデバッグし、最小限の変更でゲームをAndroidに転送できることです。バグのある低速のエミュレータが起動するのを待つ必要はありません。したがって、ゲームの作成にこのエンジンを選択したのは非常に理にかなっています。

アイデア

ご存知のように、すべてはアイデアから始まります。私の場合、イデオロギーのインスピレーションは、ゲーム「チェーン、ボール、ゾンビ」、「クレイジーマシン」（このゲームには非常に平凡）、「愚かなゾンビ」でした。簡単に言えば、ゲームの目標-手元にあるすべての手段を使用して、レベルのすべてのゾンビを破壊します。チェーン、爆弾、箱、ボード、鉱山、車の車輪に吊るされた重金属のボールが、即興の手段として機能しました。チェーンを切断して、ボールをゾンビに落とします-利益、緑の生き物は死んでいます。より複雑なバージョンでは、爆弾を爆発させ、適切なタイミングでチェーンを切る必要があります-アーケード要素があります。ゲームをもっと楽しくするために、ゲームの時間が刻々と過ぎています。レベルを早くクリアするほど、より多くの星を獲得できます。

私はこのゲームにUgly Zombiesという名前を付けることにしました。これは一種のリファレンスであり、Stupid Zombiesでプレイする試みです。

典型的なゲームプレイ-チェーンを再実行し、爆弾を箱に転がし、破壊し、爆発し、箱がゾンビを殺します。

ビデオゲーム：

ゲーム構造

構造的に、ゲームは「メニュー」と「ゲーム」に分かれています。「メニュー」から「ボックス画面」に移動し、そこから「レベル画面」に移動できます。メニューから「ショップ」にアクセスすることもできます。つまり、構造は伝統的です。ゲームには4つのボックスがあり、各ボックスには18レベル（グリッド6 * 3）があります。レベルは、前のレベルを通過した後にのみ使用可能になります。ストアでは、追加のレベルを購入し（詳細は後で説明します）、広告を無効にすることができます。

ボックス選択の例。各ボックスは一意です（独自の画像とアニメーション）

運営管理

実際、ゲーム内のすべての制御は、チェーンを切断し、爆弾をクリックすることになります。最初のバージョンでは、デスクトップでゲームをデバッグしたときに、チェーンを削除し、クリックして爆弾を爆発させました。それから私は電話でゲームを開始しました-それは悪いことでした。チェーンは一度切断され、爆弾は爆発しませんでした。私は頭をかいて、動作をクリックからタッチに変更しました（つまり、タッチし、まだ画面から指を離していませんでしたが、アクションは発生していました）。助けにはなりましたが、それほどではありません。デスクトップは問題ありませんでしたが、電話はまだ悪かったです。小さな画面により、コントロールが不快になりました。何かをする必要がありました。

それからアイデアが私の頭に浮かんだ-あなたがカットした場合、あなたはカットすることができます！つまり、画面全体をスワイプします-これは、Fruit Ninjaの場合と同じです。私がやった、試した-はい、それでした！確かに、爆弾はまだ同じように爆破されました。しばらくして、スワイプでも爆撃をしました-より便利でした。操作の容易さとゲームの明快さのいくつかの証拠は次のとおりです-私は10歳のversionにゲームのドラフト版をプレイさせ、彼は1時間半で1箱半を通過しました。私は本当に比較するものは何もありませんが、少なくとも大人は問題なくゲームを理解する必要があります。

芸術

ゲーム内のアートは事前に作成されています。インターネットで掘った無料セットからメニューのインターフェースを取りました。私はまだそのような良いカジュアルなセット、そして無料であることに驚きました。予想される無料のグラフィックスでは、十分ではありませんでした。したがって、Gimp ~~と厳密に検閲された単語~~を使用して、ダウンロードしたパックに基づいて、メニューの残りのグラフィックを描画しました。ゲームのメインメニューは次のとおりです。

ゲーム画面のグラフィックの一部は自分で作成し、一部はインターネットから取得しました。ボードはGimpで描画され、ボックスはOpenGameArt.orgから取得され、爆弾、車輪、ゾンビはインターネットから安全にダウンロードされます。同じことがゲームの背景にも当てはまります。すべての写真は後処理され、透明な背景に配置され、トリミングされ、サイズが変更されました。

ゾンビに関しては、彼にとってはより困難でした。写真全体をダウンロードし、断片に切り取りました。これは、この写真からラグドールを作成しなければならなかったためです。ゾンビは最も困難で苦痛な部分であり、これはゲームの最も開発が遅れた部分だと思います。アーティストの不足は、ゲームのグラフィックコンポーネントに大きな影響を与えました。私のガールフレンドは、ゲームはきれいに見えると言った-しかし、彼女はそう言うことができませんでした:)

Gimpで自分でGoogle Playのグラフィック（アイコンとプロモーション画像）を描きました。拷問と裁判を使用して、これが作成されました。

Youtube用のビデオをvokoscreenプログラムで記録し、OpenShot Video Editorプログラムで編集（必要な部分を切り取り、音楽を挿入）しました。その前に、Avidemux（以前使用した）とLiVESを試しましたが、ビデオをエクスポートしようとすると両方がクラッシュしました。しかし、その曲がった制御にもかかわらず、OpenShotは管理しました。

おそらくこれに関するグラフィックスの問題は解決できます。グラフィックスは私にとって苦痛なプロセスであり、アーティストがいないためにGimpでの作業の基本原則と、自分自身の不完全さの実現を教えられました。

音

サウンドの一部はOpenGameArt.orgから取得され、一部は上記のフラッシュゲームから引き裂かれました。フラッシュをアンパックするために、Javaで書かれた何らかのプログラムを使用しました。名前を覚えていません。誰かが興味を持っているなら、私は見ます。勝利の音（ゴング）は、Audacityでカットされたインターネットで見つかりました。大きな緊張の音は、特にそれらの数が比較的少なく、数十個だったので、引き起こしませんでした。

ミュージック

OpenGameArt.orgで音楽を見つけました。私はゲームにぴったりの元気いっぱいのロックトラックを見つけました（この音楽でおもちゃを遊んでソファに横たわっていました）。一般的に、音楽にも大きな問題はありませんでした。まだループしていなければなりませんでしたが、Audacityでの私の知識は十分ではなく、特にゲームプレイにあまり影響を与えないため、気にすることはありませんでした。

コード

プログラマーにとって最も興味深いコードに移りましょう。

ゲームはEclipseで書かれており、libGDX用の独自のアドインエンジン-DDE（Dark Dream Engine）を使用しました。私のエンジンの機能から：

-画面の視覚的な編集（開発を大幅に加速しました）;

-リソース（サウンド、グラフィックス）への便利なアクセス-それらを適切なフォルダーに入れるだけで、ロードされます。さらに、リソースのロードは「遅延」です-リソースにアクセスし、まだロードされていない場合-ロードされ、キャッシュされ、返されます。

-拡張機能のサポート（実際、画面のビジュアルエディター-これは拡張機能です）

-実行するゲームの解像度を選択できる便利なスタートパネル-マルチスクリーンのテストに便利。

-スタートパネルからapkとアプリケーションデスクトップをエクスポートする機能-すべてのパラメーターを設定したら、[収集]をクリックするだけです。曲がって動作するため、使用しませんでした。

「...その他にもたくさんのグッズ」ドラフトバージョンをGitHubに投稿しましたが、それはかなり前のことであり、真実ではありません。時間が経つにつれて、私はDDEを人間の形に仕上げ、一連のチュートリアルを書きたいと思っています。いくつかのプロジェクトで使用しましたが、それでも便利です。

物理学では、予想どおり、Box2Dを使用しました。これはlibGDXに非常によく統合されているため、質問はありませんでした。デバッグには、Box2dDebugRendererクラスを使用しました。これにより、画面上の線で物理的な身体を視覚化できます。

構造的に、ゲームは次の部分に分かれています。

-メインコントローラークラス-私はそれをゾンビと呼びました。これは、すべてのリソースへのリンクを保存するシングルトンです。どこからでもアクセスできます。これは神のオブジェクトだと思うかもしれませんが、そうではありません。これは135行の単純なクラスで、その90％はゲッターとセッターです。私が意味することを理解できるように、クラスコード全体を提供します。

Zombie.java

package ua.com.integer.labs.zombie; import ua.com.integer.dde.kernel.DDKernel; import ua.com.integer.dde.res.screen.AbstractScreen; import ua.com.integer.dde.res.sound.SoundManager; import ua.com.integer.labs.zombie.screen.LoadingScreen; import ua.com.integer.labs.zombie.screen.game.GameController; import ua.com.integer.labs.zombie.screen.game.Level; import com.badlogic.gdx.Gdx; import com.badlogic.gdx.graphics.g2d.SpriteBatch; import com.badlogic.gdx.graphics.glutils.ShapeRenderer; import com.badlogic.gdx.utils.Logger; public class Zombie extends DDKernel { private static Zombie instance = new Zombie(); private SpriteBatch spriteBatch; private ShapeRenderer sRenderer; private Settings sets; private Level level; private Sounds sounds; private GameController gameController; private PlatformInterface platformInterface; private Zombie() { getConfig().relativeDirectory = "../zombie-android/assets/"; } public static Zombie getInstance() { return instance; } @Override public void create() { super.create(); getResourceManager().getManager(SoundManager.class).loadAll(); Gdx.app.setLogLevel(Logger.DEBUG); gameController = new GameController(); sets = new Settings(); sounds = new Sounds(); spriteBatch = new SpriteBatch(); AbstractScreen.batch = spriteBatch; sRenderer = new ShapeRenderer(); showScreen(LoadingScreen.class); } @Override public void dispose() { super.dispose(); getResourceManager().dispose(); sRenderer.dispose(); } public void setPlayLevel(Level level) { this.level = level; } public Level getLevel() { return level; } public ShapeRenderer getShapeRenderer() { return sRenderer; } public Settings getSettings() { return sets; } public void setPlatformInterface(PlatformInterface platformInterface) { this.platformInterface = platformInterface; } public PlatformInterface getPlatformInterface() { if (platformInterface == null) { platformInterface = new PlatformInterface() { @Override public void showAds() { System.out.println("Show ads."); } @Override public void hideAds() { System.out.println("Hide ads."); } @Override public void buyUnlockAds() { System.out.println("Buy unlock ads."); } @Override public void buyLevels() { sets.setBoxesOpened(true); System.out.println("Buy levels."); } @Override public void showInterstitial() { System.out.println("Show interstitial!"); } @Override public void rateForGame() { System.out.println("Rate for game"); } @Override public void shareViaFacebook() { System.out.println("Share via facebook"); } @Override public void shareViaTwitter() { System.out.println("Share via twitter"); } @Override public void updatePurchases() { System.out.println("Update purchase state"); } }; } return platformInterface; } public GameController getGameController() { return gameController; } public Sounds getSounds() { return sounds; } }

さらに、リソースマネージャーへの分割がありました。リソースは、ゲーム内のほぼすべてのものです。これは、音、音楽、テクスチャ、画面-パーツに分割して編集できるすべてのものです。したがって、サウンドマネージャ、テクスチャマネージャ、スクリーンマネージャがあります。

画面に関する詳細。 1つの画面は1つのクラスです。

ストアのスクリーンショット：

そして、これがショッピングストアクラスのスクリーンコードです。

StoreScreen.java

  package ua.com.integer.labs.zombie.screen.menu; public class StoreScreen extends AbstractScreen { public StoreScreen() { addScreenEventListener(new ScreenListener() { @Override public void eventHappened(AbstractScreen screen, ScreenEvent event) { switch(event) { case SHOW: findByName("all-boxes").setVisible(!Zombie.getInstance().getSettings().isBoxesOpened()); findByName("no-ads").setVisible(!Zombie.getInstance().getSettings().isAdwareDisabled()); break; case BACK_OR_ESCAPE_PRESSED: getKernel().showScreen(MenuScreen.class); break; default: break; } } }); ActorUtils.deployConfigToScreen(this, Actors.getInstance().getConfig("store-screen")); findByName("back-button").addListener(new ClickListener() { @Override public void clicked(InputEvent event, float x, float y) { Zombie.getInstance().getSounds().playClick(); getKernel().showScreen(MenuScreen.class); } }); findByName("all-boxes").addListener(new ScaleActorListener(0.05f).setTime(0.1f)); findByName("all-boxes").addListener(new ClickListener() { @Override public void clicked(InputEvent event, float x, float y) { Zombie.getInstance().getSounds().playClick(); Zombie.getInstance().getPlatformInterface().buyLevels(); } }); findByName("no-ads").addListener(new ScaleActorListener(0.05f).setTime(0.1f)); findByName("no-ads").addListener(new ClickListener() { @Override public void clicked(InputEvent event, float x, float y) { Zombie.getInstance().getSounds().playClick(); Zombie.getInstance().getPlatformInterface().buyUnlockAds(); } }); } }

ご覧のとおり、コードは非常に短いです。詳細は説明せず、2、3の点のみを説明します。

1）

  ActorUtils.deployConfigToScreen(this, Actors.getInstance().getConfig("store-screen"));

-画面構成を展開します（独自の画面エディターを持っています、覚えていますか？）。背景、ボタン-それはすべて視覚的にハングアップし、この行は残りを行います。

2）

  findByName("all-boxes").addListener(new ClickListener()...

-指定された名前のオブジェクトを見つけ、ハンドラーを割り当てます。インターフェイスエディターで指定するオブジェクトの名前（libGDXの用語では、actor）。

つまり、このような日常的な操作の作成は私と一緒に自動化されたので、ゲームにもっと集中することができました。

軽食

お菓子のないなんてゲーム！それらによって私はあなたが視覚的にゲームを「復活させる」ことを可能にする小さな装飾を意味します。私はこれらの作品のいくつかを作りました、それらの説明は以下にあります。

アニメーションボックス。 各ボックスは「ライブ」である必要があります-これは、ゲームの精緻化の感覚を作成します。そのため、それぞれにシンプルなアニメーションのユニークな描画があります-手が増えたり減ったり、頭蓋骨が点滅し、爆弾が回転し、星が上を回転します。これらは非常に単純な効果であり、開発されたアクションシステムのおかげでlibGDXを使用するのは楽しいことです。たとえば、点滅するアニメーションを頭蓋骨に追加するコードは次のとおりです。

  findByName("head-item").addAction(Actions.forever(Actions.sequence(Actions.color(Color.WHITE, 0.4f), Actions.color(Color.BLACK, 0.4f))));

アニメーション化されたダイアログ。 ゲームにはいくつかのダイアログボックスがあります-勝利、購入レベルなど。それらを表示するのはいだけでした-2行のコードを使用して、アニメーションの外観を作成します。ここでも、コードはできるだけシンプルです（\を表示して購入ウィンドウを閉じます）-

  private void hideBuyDialog() { Actor dialogContent = findByName("dialog-content"); if (dialogContent != null) { findByName("dialog-content").addAction(Actions.scaleTo(0f, 0f, 0.1f)); } } private void showBuyDialog() { Actor dialogContent = findByName("dialog-content"); if (dialogContent != null) { dialogContent.addAction(Actions.scaleTo(1f, 1f, 0.1f)); } }

設定を保存するために、別のクラス-設定を選択しました。このクラスへのアクセスは、Zombieクラスを通じて取得できます。音楽のオン/オフ、レベルの購入、広告のオフ-これが彼の仕事です。

メインプロジェクトのAndroidコードとやり取りするために、インターフェイスを（Javaの用語で）作成し、Androidパーツに実装して、メインプロジェクトに転送しました。インターフェイスコード-

 package ua.com.integer.labs.zombie; public interface PlatformInterface { public void buyLevels(); public void buyUnlockAds(); public void showAds(); public void hideAds(); public void showInterstitial(); public void rateForGame(); public void shareViaFacebook(); public void shareViaTwitter(); public void updatePurchases(); }

ご覧のとおり、パラメーターのないメソッドのセットのみです。詳細はすべて、Androidプロジェクト、デスクトッププロジェクトのみのスタブに実装されています。

ゲーム画面

ゲーム画面は、残りの部分ではより複雑でした。私はそれをHUDとフィジカルに分けました。モデル。物理モデルはModel.javaと呼ばれていました。抽象化が導入されました-GameObject。この同じGameObjectには、物理ボディ、レンダリング用のスプライト、およびスプライトをレンダリングするためのupdate（）メソッドが含まれていました。モデル管理オブジェクト-追加、削除、update（）の呼び出し、start \ stop nat。世界は彼女だけです。ある種のマネージャーが判明しました。

さまざまなオブジェクト（ボール、ボックスなど）を実装するために、GameObjectのサブクラスが作成されました。 GameObjectsをロードできるObjectLoaderが作成されました。したがって、新しいオブジェクトを追加する場合は、GameObjectからサブクラスを作成し、ObjectLoaderからサブクラスを作成しました。おそらくこれは少しオーバーヘッドですが、これによりゲーム画面とモデルを比較的きれいに保つことができました-比較的小さなクラスの数だけが増えました。

レベルを作成するために、レベルエディターが作成されました。 Javaで書かれた、古き良きSwing。レベルはJSONで保存され、1つのレベルの重みは約2キロバイトです。組み込みのlibGDX JSONワーカーを使用して、\保存したレベルを1行のファイルからロードしました。

72レベルすべてを手動で実行すると、気が狂ってしまうのではないかと疑っています。レベルのあるゲームを作成する人-エディタをできるだけ早く作成することを考えれば、hemoは少なくなります。これはおそらく一般的な真実ですが、それでもです。

物理的な衝突の処理、ラグドールの作成、さまざまな画面解像度への適応の説明など、かなりの数のオーバーボードが残っていますが、これは記事ではなく、記事に基づいています。誰かが興味があるなら-コメントを書いて、私は何かを描くことができます。そして次に進みます。

収益化

他の人と同じように、私は食べたいです。したがって、私は少なくともゲームからの収入について考えました。インターネットで記事を読んだ後、広告とゲーム内購入で収益化することにしました。

広告。下のバナー（ゲーム画面には表示されません）、および勝者の画面にインタースティシャル広告（インタースティシャル広告）。広告は1ドルでオフにできます。

購入レベル。最初は、ゲームで2つのボックスを使用できます-これは半分のレベルです。残りは1.99ドルかかります。私は「天井から」価格を取った、私は知識のある人々からこの主題に関するコメントのレビューで聞いてうれしいです。

基本的に、それはすべて収益化です。閉じたボックスをクリックすると、ボックスを購入するためのオファーが表示され、メインメニューからアクセスできる別のストア画面もあります。この分野での経験はあまりありませんが、これを専門的に行っている人々のコメントを読んでうれしいです。

ローカリゼーション

ローカライズはしませんでした。ゲームには最小限のテキストが含まれており、これらは不当なコストだと思いました。したがって、ゲームはもともと英語であったため、そのままでした。

プロモーション

私はあまり進歩しませんでした。ここに投稿します（リンクなしで、誰でも構いません-個人のメールを書いて、ドロップしてください）。 w3bsit3-dns.com、サイトlibGDX、サイトgcup.ruに投稿します。フォーラムでさらに増やす予定です。もちろん、ブログに投稿します（ここにリンクを指定できるかどうかはわかりません。ブログは非営利で、広告はありません。ゲームビルドに関するブログがあり、かなりの数がlibGDXにあります）。知識のある人からのアドバイスを喜んでいます。

Google Playにゲームを投稿しました。原則として、デスクトップバージョンを組み立てるのに大きな困難はありません-ちょうどそれをどこに置くのか、なぜ-私は知りません。誰かがこれを行うのが理にかなっているかどうかを知ることができれば、私は非常に感謝します

結論

ゲームには数週間かかりました。主な作業は1週間で完了しました-夕方8時から朝3時まで。動機は非常に重要です。働くように設定されている場合、すべてを非常に迅速に行います。

チームにアーティストがいればとてもいいです。それ以外の場合は、ゲーム用の無料リソースがあるサイトがすべてです。 GimpまたはPhotoshopを所有することは非常に役立ちます。これには、オーディオおよびビデオエディターの所有権も含まれます。

このゲームは私の試用プロジェクトです。それから何らかの排気、何らかの人気があるのだろうか。つまり、水のかかとを注意深く試してみます-寒いですか？私はあなたのコメントを聞いてうれしいです、この主題に関する議論を歓迎します。

みんなのようです。フィードバックを待っています！

UPD：最初にゲームのビデオを追加しました

Libgdxで物理パズルを作成した方法