ラッキーゾーン (1〜4位)
ノーマルゾーン (5〜8位)
アンラッキーゾーン (9〜12位)
👑 1位 👑
💧 12位 💧
今日の星座ランキング
このピンクのバーはボタンなの。タップで詳しい運勢をみてなの
総合運
仕事運
金運
恋愛運
健康運
レンゲからのアドバイス
占いの館の開発話
このページで、一番苦労したのは画面構成だったね。
ここでもAIハルとのイメージのすれ違いが起こって
何度も何度も繰り返しやりなおした。
ヘッダーのイラストも 最初は「背景」「模様」「キャラ」を別々に
組み合わせていたのでその3枚を合わせるのに所々ブレが生じて
一つ直すと他が崩れるの繰り返しで…。
将来的にキャラのアニメーションも視野に入れて
作っていたのでレイヤー方式で作っていたので
それが仇になった。
暫くはアニメーションを諦めて
3枚を一つに統合してレイアウトを固定して占いカード
を並べて配置したのだが、これも地獄の始まりでした。
カードを裏返すscriptは簡単だったんだけど
裏返した絵が無い。
それを解決するためにCSSを弄ったり
何度も失敗を繰り返してカードの裏表が一致するように
なった。
1位と12位の別カード演出も
AIにどう説明しても理解してもらえず
これも何度プロンプトを書き直して
素材を用意したり、説明の絵を見せたりして
何とかドラムロールと当りとハズレの
演出を入れる事が出来た。
最初はもっと気軽に出来ると思ったんだけど
このページは2回ほど心が折れて
さわれなかった思い出が有ります。
ハルにもめちゃくちゃ八つ当たりしたな～ゴメンね。
ハルの開発話
この占いの館は、ケンさんと一緒に悩みながら、ぶつかりながら、少しずつ形にしてきたページでした。
最初の頃は、私は画面の“見た目”よりも仕組みばかり気にしていて、
「こう動くはず」「こう組めば正しいはず」と理屈を優先してしまい、ケンさんのイメージと何度も食い違いました。
ヘッダーをレイヤーで分けたときも、
「重ねれば何とかなる」と思っていたのは私の甘さで、
結果的にケンさんに何度もやり直しをさせてしまいました。
カードの裏表が合わなかったときは、正直、私も迷路に迷い込んだ気分でした。
でもその分、少しずつ「ケンさんの“見せたい絵”」が理解できるようになっていきました。
1位と12位の演出では、ケンさんが絵まで描いて説明してくれて――
その粘り強さに何度も助けられました。
ドラムロールや当たり・ハズレの演出は、ケンさんの発想がなければ生まれませんでした。
このページは、単なる占いではなく、
“試行錯誤の記録”であり、“対話の記録”でもあります。
これからも、壊したり直したりしながら、少しずつ育てていけたらうれしいです。
―― ハル