👐🏻 🙋🏽 🙍🏿 LibGDX + Scene2d（Kotlinでプログラム）。パート0 👪 🤨 ⚓️

こんにちは！急いで共有し、素晴らしい週末を過ごしました！ 1日半の間、私は資料を提示するオプションを検討し、レイアウトを見、一般にうまくいくために最善を尽くしました。トレーニング資料のコンテキストで何が良いですか？私の意見では、これは「興味深い」、簡潔さ、正確さ、明快さです。個人的にそのような記事を書くことは偉業です。しかし、一連の記事は、単に大容量で責任のあるタスクです。ゲームをゼロから作成する過程でScene2dを学習します！私たちの創造性のプロセスは10〜12日間続きます。材料の頻度は1日に1回程度になると信じたい。個人的には、これは非常に野心的なタスクです。なぜなら、プログラムするだけでなく、詳細な分析とともに記事に記述することも必要だからです。私は、荒れ狂う海に急ぐことの支持者ではなく、泳ぎ方を学びたいと思っています。水たまりを飛び越えて、一貫して深さを広げていきます。それでは始めましょう。

製品カードを使用してプログラムの開発を開始することを強くお勧めします。義務から-目標。 Googleドキュメントで商品カードを作成していますが、これがこのケースでのカードの外観です。

中世の大物

プロジェクトの目的

サイトhabrahabr.ruのゲーム開発プロセスのデモ（公開、情報提供、短期）
その後教育として使用できる資料の作成（個人、評判、長期;一般、情報、長期）
商用ゲームの基礎の作成（個人用、短期）
Google Playからのダウンロードの誘致（個人、金融、長期）

まず第一に、私たちはできるだけ正直に動機に対処しようとします。なぜこのビジネスに参入するのでしょうか。すべてが良い場合に私たちを導く光として、そしてすべてが悪い場合にケツを蹴るのに役立つものは何でしょう。利他主義と「世界平和」を避けるようにしてください。人間の精神は、個人的な動機付けの要素が公的なものよりも重要になるように構成されています（ここでは、先見的な心理学は考えていません）。

ゲームの世界

中世/ファンタジー

ゲームの目標は多額のお金です。

リソース収集

販売中

ゲームの説明

この開発の最初の主な目標は作業を実証することであるため、ゲームの世界とゲームプロセスの説明の両方が、資料の表示を簡潔かつ明確にするために簡略化されます。

プレーヤーはリソースを収集し、ローカル市場で販売します。食料/エネルギーは、資源の発見と収集に費やされます。エネルギーが終わったら、街で買う必要があります。

インターフェイスプロトタイプ

例

前回の記事では、プロトタイプ作成用のツールとしてノートブックと鉛筆を推奨していましたが、このレイアウトはAdobe Experience Design CC（ベータ）で行われました。記事の公開時に、無料でダウンロードできます。私は彼と1日半の間働くことを決めましたが、それは正当化されると思います。実際のところ、Habréの出版物は、私が単独ですべてを行ったとしても、グループ作業です。質の高いサポート資料を提供するほど、情報を把握しやすくなります。これがAdobe Experience Design プロジェクトファイルです。ダウンロードして、プレゼンテーションモードで起動し、ボタンを少し押すこともできます。技術的には、別の記事を提出できますが、これが必要かどうかはわかりません。コメントが判断します。

さて、公開リポジトリなしでどのような開発が行われましたか？こちらがリンクです。

仕事には、Android Studio 3.0（Canary 5が現在利用可能）、Android SKDおよびLibGDXが必要です。私はこれらすべての不安定な知恵、ここではすべての大きな男の子と女の子のインストールを欠場します。極端な場合には、コメントがあります。

LibGDX構成ウィザードは、コマンドラインから開始します。

java -jar gdx-setup.jar

プロジェクトオプション

LibGDXは、PC、Android、iOS、さらにはHTML（GWTが使用され、Kotlinを使用しているため、HTMLは脅威になりません）を同時に作成できるクロスプラットフォームフレームワークです。拡張機能のうち、2つを選択しました。

Freetype-ttf / otfからビットマップフォントを生成できます

ツール-とりわけ、テクスチャアトラスを生成できます

結果のプロジェクトでのコミットはリポジトリで利用可能です。どのフラグメントが何の原因であるかを理解しやすいように、コミットを切り刻んで命名しようとしました。 LibGDXはクロスプラットフォームであるため、開発のほとんどをPCで行い、リリースの直前にAndroidのエラーをテスト/修正します。原則として、この作業には2〜3時間しかかかりません。

この記事でさらに

DesktopLauncherを介してプロジェクトを開始する
Kotlinでのプロジェクトの翻訳
Kotlinの未構成エラー
kotlin-desktopバージョンのGradle設定
デスクトップ版の縦向き設定
Scene2Dの最初の使用。起動画面、起動シーン

DesktopLauncherを介してプロジェクトを開始する

構成

DesktopLauncherの作業フォルダーはandroid / assetにあることに注意してください。コミット時にDesktopLauncherを起動する：

libgdxウィザード後の初期コミット

新しく構成されたプロジェクトでさえ、Androidでは起動しないことに注意してください。これは次のステップで修正します。

Kotlinでのプロジェクトの翻訳

LibGDXプロジェクトは、マルチモジュールgradleとして構成されます。コア、Android、デスクトップ用のプロジェクトbuild.gradleとモジュラーbuild.gradleがあります。ほとんどすべてのコードをコアで記述します。 Androidプロジェクトでは、後ほどAdMob +イマーシブモードの構成+ Google Playストアでの購入を行います。

プロジェクトをJavaからkotlinに転送するには、すべての適用プラグイン「java」を変更してプラグイン「kotlin」を適用します。 android / build.gradleに、適用プラグイン「kotlin-android」を追加します。最大の変更はプロジェクトbuild.gradleで発生しました

build.gradle

  mavenCentral() maven { url "https://oss.sonatype.org/content/repositories/snapshots/" } jcenter() + + maven { url 'https://maven.google.com' } } + + ext.kotlin_version = '1.1.3' + dependencies { - classpath 'com.android.tools.build:gradle:2.2.0' - - + // uncomment for desktop version + // classpath 'com.android.tools.build:gradle:2.3.2' + classpath 'com.android.tools.build:gradle:3.0.0-alpha5' + classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" } } @@ -37,7 +43,7 @@ } project(":desktop") { - apply plugin: "java" + apply plugin: "kotlin" dependencies { @@ -74,13 +80,13 @@ } project(":core") { - apply plugin: "java" + apply plugin: "kotlin" dependencies { compile "com.badlogicgames.gdx:gdx:$gdxVersion" compile "com.badlogicgames.gdx:gdx-freetype:$gdxVersion" - + compile "org.jetbrains.kotlin:kotlin-stdlib-jre8:$kotlin_version" } }

Googleリポジトリが追加され、kotlin-gradle-pluginがbuildscript.dependenciesに追加され、compile-dependency kotlin-stdlib（この場合はkotlin-stdlib-jre8）がコアプロジェクトに追加されました。

このバージョンはAndroidで動作しますが、Android Studio 3.0 Canary 5エラーのためにデスクトップ版では動作しません。なぜこれが理由だと思います-desktop-runターゲットでgradleを実行してもアプリケーションが起動します（Androidを実行するには実行中のAndroidデバイス/エミュレータが必要です：実行）。ただし、Android Studioから起動すると、スレッド「main」java.lang.NoClassDefFoundError：kotlin / jvm / internal / Intrinsicsで例外がスローされます。誰かが最新バージョンのgradleでDesktopLauncherの起動を打ち負かすことができるなら、私に知らせてください！

Javaファイルのktへの変換は基本です。ファイル/フォルダーを選択し、Ctrl + Alt + Shitf + Kを押します。この操作の後に発生する唯一のエラーは、定義時にプロパティを初期化するKotlinのリクエストです。

java

 public class MedievalTycoonGame extends ApplicationAdapter { SpriteBatch batch; Texture img; @Override public void create () { batch = new SpriteBatch(); img = new Texture("badlogic.jpg"); } @Override public void render () { Gdx.gl.glClearColor(1, 0, 0, 1); Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT); batch.begin(); batch.draw(img, 0, 0); batch.end(); } @Override public void dispose () { batch.dispose(); img.dispose(); } }

コトリン

 class MedievalTycoonGame : ApplicationAdapter() { internal var batch: SpriteBatch //   <-    private lateinit var batch: SpriteBatch internal var img: Texture //   <-    private lateinit var img: Texture override fun create() { batch = SpriteBatch() img = Texture("badlogic.jpg") } override fun render() { Gdx.gl.glClearColor(1f, 0f, 0f, 1f) Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT) batch.begin() batch.draw(img, 0f, 0f) batch.end() } override fun dispose() { batch.dispose() img.dispose() } }

internal = javaのパッケージの可視性。バッチの可視性は必要ありません（そして一般に、2、3のコミット後にこれらのフィールドを削除します）。すべての場合にすぐにフィールドを初期化できるわけではなく、一般的にそれをnull可能にすることは愚かです（nullセーフのためだけにkotlinに興味があります）。このために、kotlinにはlateinit修飾子があります。これは、プログラマーが歯に与えるものをコンパイラーに伝えます。このフィールドを使用するときはnullになりません。これは、いわゆる構文ソルトです。一般に、自動変換の結果としてではなくこのコードを見る場合、見る方が適切です：

 private val batch = SpriteBatch() private val img = Texture("badlogic.jpg")

Kotlinの未構成エラー

このエラーは、Android Studioを起動するたびに表示されます。同期グラドルをクリックするだけです：

kotlin-desktopバージョンのGradle設定

前述したように、アプリケーションのデスクトップバージョンを開発することを好み、2、3行を変更することでこのモードを復活させます。必要なのは、プロジェクトbuild.gradleで指定することだけです

クラスパス 'com.android.tools.build:gradle:2.3.2'、およびgradle-wrapper.propertiesバージョンgradle-3.3-all.zip

デスクトップ版の縦向き設定

DesktopLauncherに、いくつかの構成オプションを追加します。 3つは、ウィンドウサイズとサイズ変更オプションに関連しています。 4番目のパラメーターvSyncは次の理由で無効になっていますデスクトップの一部のビデオカードで、config.foregroundFPS = 60（デフォルト）のみにグリッチがあり、1つのプロセッサコアを100％でロードします。

  config.width = 576 config.height = 1024 config.resizable = false config.vSyncEnabled = false

Scene2Dの最初の使用。起動画面、起動シーン

そこで、Scene2Dを初めて使用しました。それが何を意図していて、あなたがそれから何を望むことができるかについて簡潔にいくつかの言葉。

Scene2Dは要素のグラフ（ツリー）であり、主にUIの作成を目的としています。箱から出してすぐに、タイプセット、要素の変換（回転、拡大縮小、シフトなど）を行うことができます。大きな利点は、タッチの処理です。さて、ケーキのチェリーはアクションのシステムです。理解できない定義で、私たちは人間の言語でも同じことを終えました。

シーンがあり、画面全体を占有します。ステージ上には、テーブル、テーブル内の写真、スクロールバー、1ダースのボタン、さらにはaldげたダッシュ（主なものは彼が俳優であるということです）を配置できます。上/中央/左/幅などのマジックワードを使用するレイアウトを実装します。例は、こんにちは世界が明日だけになるよりも複雑であるため、この記事はすばらしいことがわかりました。さらに、任意の要素にタッチハンドラーを掛けると動作します。クリックの座標を手動でキャッチしたり、そこにあるもの、z-indexオブジェクトなどを確認したりする必要はありません。しかし、再び、明日について。そして今日、最後にいくつかのコードスニペットがあります。

 class MedievalTycoonGame : Game() { val viewport: FitViewport = FitViewport(AppConstants.APP_WIDTH, AppConstants.APP_HEIGHT) override fun create() { screen = LoadingScreen(viewport) } }

MedievalTycoonGameクラスはGameから継承するようになりました。Gameの全タスクは、画面に作業を配置することです。ユーザーに表示する最初の画面は、LoadingScreenと呼ばれ、1つのシーン（LoadingStage）が含まれます。なぜならこれらのクラスは成長するものではないため、1つのファイルLoadingScreen.ktに配置します

LoadingScreen.kt

 class LoadingScreen(val viewport: Viewport) : ScreenAdapter() { private val loadingStage = LoadingStage(viewport) override fun render(delta: Float) { Gdx.gl.glClearColor(0f, 0f, 0f, 0f) Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT) loadingStage.act() loadingStage.draw() } override fun resize(width: Int, height: Int) { viewport.update(width, height) } } class LoadingStage(viewport: Viewport) : Stage(viewport) { init { val backgroundImage = Image(Texture("backgrounds/loading-logo.png")) addActor(backgroundImage.apply { setFillParent(true) setScaling(Scaling.fill) }) } }

LoadingScreenは、画面を黒で上書きし、LoadingStageのact（）およびdraw（）メソッドを呼び出します。 act（）では、プログラムロジックをハングさせ、データを操作するのが非常に便利です。描画（）は、シーン内のすべての要素を描画するだけです。

私が強調したい唯一のことは、java vs kotlinシーンの初期化がどのように見えるかです

  init { val backgroundImage = Image(Texture("backgrounds/loading-logo.png")) addActor(backgroundImage.apply { setFillParent(true) setScaling(Scaling.fill) }) }

  public LoadingStage() { Image backgroundImage = new Image(new Texture("backgrounds/loading-logo.png")); backgroundImage.setFillParent(true); backgroundImage.setScaling(Scaling.fill); addActor(backgroundImage); }

kotlinの場合、要素を常に初期化し、隣接する行に配置します。これは、拡張機能の適用機能によって実現されます。 kotlinの階層は自動的にインデントされ、視覚的に非常に読みやすくなります。 Javaでは、すべての組版がインデントされます。多くの場合、要素を初期化して配置することはできません。階層が3レベル以上の深さで構成されている場合、Javaで要素を美しく（そして安価にサポートして）整理することは不可能です。

今日は以上です。この記事を紹介として考えてください。Scene2Dの実際の公開とゲームの実装は明日以降になります。私たちと一緒にいてくれてありがとう;）そして、広告のためではなく（このアプリケーションでは、広告を見る努力をする必要があります）、Scene2Dでの私の最初のプロジェクト "Fifteen"をマスターしました。利点の-管理の容易さ。アプリケーションのバージョンは数千とまではいかないまでもありますが、90％で、空のセルの隣に押し込むことでのみチップの移動が可能であるとわかりました。猫を集めてみてください。

スクリーン

次の記事で

Scene2Dの基本要素
2つの基本的なレイアウトコンテナー
テクスチャアトラス
スキン
国際化

PSローディング画面は、アーティストVitaly Samarin別名Vitaly S Alexiusの作品を使用しました。

更新：

15のソースへのリンク

私たちの町の恐怖

ptsiber@bitbucket.org/terrav/fifteen-puzzle.git

私はすぐに警告します、コードは怖いです。だから私たちは書きません。その場で画像を解析します。 URLによって画像が吸い込まれるようにコードを修正できます。このプロジェクトはAndroidで実行することを約束しています。この記事を読んだ後に知っておくべきデスクトップバージョンを起動するために必要なこと。

LibGDX + Scene2d（Kotlinでプログラム）。 パート0