Android〜Gluonでアプリを作る10:アニメーションの基本(パラレル遷移)〜ツイートイントロダクション前回は、こちらのサイトを参考にして「パス遷移」をやりました。(参考サイトの呼び方)そして今回はその続き「パラレル遷移」をやります。パラレル遷移は単純に複数のアニメーションを組み合わせてアニメーションするというものでした。}今回はチュートリアルをコピペで変数名を多少修正してお終いだったので、まぁ楽でした。今までの実装を行なっていれば「こんな感じ」というのが掴めると思います。60);rect.setArcHeight(15);rect.setArcWidth(15);rect.setFill(Color.DARKBLUE);rect.setTranslateX(50);rect.setTranslateY(75);毎度おなじみ、四角形クラス(Rectangle)です。これを縦横60の大きさで作成します。ArcWidthを設定します。(リンクはJavaDocです)JavaDocの説明は「矩形の4隅にある弧の水平方向の直径を定義します。円弧の幅と円弧の高さの両方のプロパティが0.0より大きい場合にのみ、矩形の角が丸くなります。四角形の先っちょが丸くなるんですね(笑)そしてFill()は色を指定します。setTranslateは位置を指定します。rect);fadeTransition.setFromValue(1.0f);fadeTransition.setToValue(0.3f);fadeTransition.setCycleCount(2);fadeTransition.setAutoReverse(true);これは初めの方に出てきたアニメーションです。色をフェードアウト・インするアニメーションです。rect);translateTransition.setFromX(50);translateTransition.setToX(350);translateTransition.setCycleCount(2);translateTransition.setAutoReverse(true);TranslateTransitionクラスを使用した、四角形の移動アニメーションです。X座標が「50」〜「350」の間を移動します。JavaDocの説明は「このアニメーションのサイクル数を定義します。アニメーションを無限に繰り返す場合はcycleCountをINDEFINITEに設定できます、それ以外の場合は0より大きくする必要があります。最後のsetAutoReverseは名前から想像できますね。※動きからも見て取れると思います。余談ですが、「想像できますね」という記載をしましたが、コーディングをするときのメソッド名をつけるとき、変数名をつけるとき、処理の内容が「簡単に想像できる」というのはとても大切なことです。これがわかりづらいと結局ソースの中身を追いかけることになります。「RotateTransition」「ScaleTransition」は説明を割愛します。ParallelTransition();parallelTransition.getChildren().addAll(fadeTransition,translateTransition,rotateTransition,scaleTransition);本題の「パラレル遷移」クラスです。今まで作成したアニメーションクラスを登録しています。これでアニメーションを複合して実行しています。ここまでで、とりあえずはチュートリアルを止めようと思っております。いうと「じゃんけんゲーム」で必要なアニメーションの作成ができるようになったからです。今回の「パラレル遷移」をじゃんけんゲームで使用します。した戦いになりそうですが。追加でやって見た四角をコインのように回転してみる。追加で修正した部分は以下の「RotateTransition」の部分です。10000.0));rotateTransition.setCycleCount(RotateTransition.INDEFINITE);コンストラクタに渡している「Duration」が回転のスピードになります。値が少ないほど回転が早い。Point3Dで回転する方向を指定します。今回は横軸(Y軸)方向に回転するのでYの値のみを設定しています。Examples)でわでわ。