ガチャゲーム UI モックアップ

中央のキャラクター表示、アクションボタン、ナビゲーション要素を備えた、ブラインドボックスやガチャゲーム向けのモバイルアプリ UI モックアップを生成します。

プロンプト

{ "type": "モバイルゲーム UI モックアップ", "theme": "SF、キュート、グラスモーフィズム、ネオンブルーとパープルのカラーパレット", "header": { "status_bar": "上部に標準的な iOS ステータスバー", "top_controls": "左側にバックボタン、右側にダイヤモンドアイコンと「128」を表示した通貨表示", "title": "ロボットブラインドボックス", "subtitle": "幸運のパートナーを引き当てよう" }, "layout": { "side_menu": { "position": "通貨表示の下、右上", "count": 2, "items": [ {"icon": "gift", "label": "景品一覧"}, {"icon": "document", "label": "獲得履歴"} ] }, "centerpiece": { "description": "メインの景品が入った透明なガラス製ディスプレイケース", "subject": "青く光る目と白い光沢のある装甲を持つ、キュートなちびキャラ風ロボット", "case_details": [ "左上に『NO.001』のラベル", "右下に『レアアイテム確率UP!』のスターバーストステッカー", "下部に『あと 6 回でレア確定』および『4/10』と書かれたプログレスバー" ] }, "background_elements": { "description": "ぼかしたおもちゃ屋の背景", "floating_items": { "count": 3, "description": "『BLIND BOX』と書かれ、ロボットの顔が描かれた四角い箱（1つは『?』マーク付き）" } }, "action_buttons": { "position": "ナビゲーションバーの上、中央下部", "count": 2, "buttons": [ {"color": "blue", "text": "1回引く", "cost": "x 30"}, {"color": "purple", "text": "10回引く", "cost": "x 270", "tag": "10% OFF"} ] }, "bottom_navigation": { "count": 4, "items": [ {"icon": "home", "label": "ガチャ", "state": "active"}, {"icon": "store", "label": "ショップ"}, {"icon": "star", "label": "コレクション"}, {"icon": "smiley", "label": "マイページ"} ] } } }