データが消えたり、復元させたり色々ありましたが!
前回まででカードをクリック時にカード詳細が表示される機能を実装したよ!!!
![](https://yuus01.info/wp-content/uploads/2023/11/2b46cc2295439bf7a7452bc32cf4af23-320x180.jpg)
今回はパック購入をするショップの実装をしていくよ!!
ではいくぞ!
【6日目】ショップのパック選択ボタンを作る
パック開封の機能を作ったはいいけど、
ショップがないと中途半端だよね〜
ってことで今回はショップを作っていく!!
とりあえずショップのイメージは、
- パックの画像の入ったボタンが並んでて、
- ボタンを押したらそのパック開封に進む
こんな感じなので、まずはパックの画像が入ったボタンを作っていく!!
ボタン作りが意外と難しい
ひとまずイメージだけでボタンを作ってみる!
なんかパックのボタンって横長長方形のイメージがあるので、
とりあえず作ってみたのがこれ↓
![](http://yuus01.info/wp-content/uploads/2023/12/1.jpg)
まあそれっぽくはあるかな!
とりあえず出来たので、色々な画像を使ってショップ画面に並べてみる。
![](http://yuus01.info/wp-content/uploads/2023/12/2-1024x576.jpg)
んーー、パックのボタンかな、、??
なんか納得いかなかったので、他のゲームのショップ画面を漁ってみる。。
が、あんまりそれっぽいのがない。。
ただもう少し正方形に近いのも多かったので、作り替えてみたのがこれ↓
![](http://yuus01.info/wp-content/uploads/2023/12/9.jpg)
まあそれっぽいかな??
というわけで、ショップ画面に並べてみる!!
![](http://yuus01.info/wp-content/uploads/2023/12/10-1024x577.jpg)
うん。まあ、いいのでは??!!
まあ正直レイアウトで悩んでても仕方ないので、とりあえずこれで行く!
終わりに、、
今回はひとまずパック選択のボタンを作りました!!
ただボタンを作っただけで、押しても何も起きないので次はその辺りを作っていきます!
それでは次回からは本気を出して、マジで毎日投稿しようと思っているので
明日も見ていただけると嬉しいです!
(ちなみに「見てますよー」だけでも、コメント貰えると震えるほど喜びます(´ー`))
ではではまた明日!!皆様も楽しみながらゲーム作っていきましょう!
【次の記事】↓↓
![](https://yuus01.info/wp-content/uploads/2023/12/a11b4bb3ba448d1fa402ac3dc62cc91f-1-320x180.jpg)