GluonApp起動方法〜カスタムしてスマホアプリを作ろう〜ツイートイントロダクションJavaFX(+Gluon)を使用して、クロスプラットホーム開発を行いました。サンプルとして「じゃんけんゲーム」を作成しました。(リンク先にセットアップ手順あり)このじゃんけんゲームを作成するためにやった事をまとめました。開発環境の構築方法サンプルをGitから取得して起動する方法じゃんけんゲームの処理詳細に関してはリンク先に記載しています。作り始める初めに「前提」になる部分があります。JavaFXについて理解しているかどうかの部分です。自分の場合はJavaFXでのアプリケーションはちょっとOpenCVとか使うために作成した程度にやったことはあったのですが、アニメーションや3Dモデルなどの作成、操作はやったことがなかったのでJavaFXの理解をすることが必要でした。アニメーションの概要と実装に必要な技術についての学習(記事)をここで一覧できます。自分はすでに作成したので、やってみて反省するところが以下になります。前提として自分は手探りでこのアプリを作成したので、作り終わってからできた「仕様」になります。部品を作成するメソッド(関数)、画面(見た目)を作成するコンストラクタ(もしくはメソッド)を計画的に住み分けしていないので、最終的にソースがぐちゃぐちゃになってしまった。アニメーション処理に使用する「AnimationTimer」などのクラスの扱い方をちゃんと理解していなかったのでユーザー入力とアニメーションの処理タイミングが合わずアニメーションが想定通りにいかなかった作成するときは上の部分に留意して、ちゃんと設計しましょうということが言いたかった次第です。手順1:画面(見た目)の作成じゃんけんゲームの大まかな設計に関しては、こちらのページに記載しています。画面に表示するものを1つずつ作成していきます。必要な画面の部品は以下の通りです。VBox)イメージ(画像)ファイルの表示部品(ImageView)アニメーション(部品が色々ある)(英語です。)実際作業を行うのに、英語のドキュメントや、日本語のドキュメントはある程度仕組みなどを理解している人にはわかる内容なのですが、いかんせん初めて学習する人間にはわからないことの方が多いです(経験上)。サンプルコードなどをみながら実際に作成してみて動かして。Android〜Gluonでアプリを作る10:アニメーションの基本(パラレル遷移)〜こんな感じで「わからない部分」に対しては理解していきます。RPGなどのゲームで「〜が現れた!」的な感じなので普段から不明点やわからないこと、問題などのことを「モンスター」と呼んでいます(笑)。最終的にはコードを見てカスタムするのが早いのですが「考え方」という部分で記載しました。アプリをカスタムする自分の作成したソースはこちらにあるのでこいつをPULLして自分のワークスペースへインポートして、とりあえずはアプリを起動します。そのために下の手順を踏んでください。pluginのインストールGitからソースをPULLh方法(PULLするのではなく、ソースをダウンロードしてください。Gitに上がっている環境は自分の環境になるので動きません。)【注意】上記の手順でGitからソースをPULLするのではなくダウンロードしてください。GItのソースはここからダウンロードできます。BasicView.javaJankenGame.javaTestingView.javautil/Judgement.javaソースをダウンロードしてとりあえずは起動してください。下のような動きをするはずです。Ver1.0では「アイコ」時も処理が一度ストップします。問題としては本来はマルチスレッド(2つの処理が同時に動いているように見せる実装方法、主にアニメーションなどの処理はこの実装方法を使用します。)がうまく動いていないためです。これには使用している部品に対する理解が足りなかったため上のような実装になっています。Ver1.0以降この部分を修正しようと思っています。環境を作って、ソースをダウンロードして動かして見てください。