2019.01/03に公開した「新春 XDおみくじ」。
その名の通り「ただAdobe XDで作ったおみくじ」というだけで、中身に関しては何の根拠もご利益もない、おみくじです（汗

今回は、この作り方について、Adobe XDユーザー向けに解説しようと思います。

まずは下記リンクより、実際の「XDおみくじ」をお試しください。ちゃんと「大吉」「大凶」は出現率を下げてあります！

解説

さて、ただのおみくじですが、Adobe XDをご存知の方であれば、気になる点があるハズ。そう、

「どうやって、出現率を操作しているのか？」

このおみくじ、繰り返し引くと違う結果が出てきます。
1つの「おみくじを引く」ボタンから、複数の結果をどうやって操作しているのか？
その答えは「瞬間移動をし続けているから」です！

では、順を追って説明しましょう。

まずは、「くじを引き」→「結果が出る」までの、1通り目を完成させます。（図参照）

①左：扉でくじを引く
②真ん中：結果が出るまでの「ホワイトアウト（アニメーション）」
③右：「結果」が出る

この1通り目を「グループ」としましょう。

次に、この「グループ」を複製し、2通り目の「グループ」を作ります。

この時、ポイントが2つあります。
①「扉」は全く同じものにする
②図の一番左の「1通り目の扉」と「2通り目の扉」を「トランジション」で繋ぐ。（赤丸部分）

・トリガー：時間
・ディレイ：0秒
・アクション：トランジション
・アニメーション：なし

これで、「扉」の見た目は変わりませんが、指定した時間で自動的に他の「グループ」へ移動し続けることができます。（←ここがポイント！）
これを結果の数だけ複製していきます。

最後の「グループ」までいったら、最初の「グループ」に戻るようにトランジションを繋ぎ、トランジションがループするように設定します。

これで、プレビューしてみると、「扉」の見た目は変わりませんが、複数の扉を移動し続けることになります。

この時、「扉同士を繋ぐ時間」に差をつけると、出現率を可変させることができます。

・トリガーの時間が短い＝出現率が低い（大吉、大凶）
・トリガーの時間が長い＝出現率が高い（中吉など、その他）

つまり、裏では下記のような動きをしています。

このように、常に「扉」が入れ替わっている中で、どのタイミングで「扉のボタンを押したか」で結果が変わる（出現率を可変する）仕組みになっているのです。
お分かりいただけたでしょうか？

操作に慣れた方なら、（デザイン的な部分は別にして）仕組みだけなら、5分くらいでできてしまうと思います。
ぜひ、みなさんも「XDで確率変動コンテンツ」を作って遊んでみては！