前回までのあらすじ シェフィの実装を始めた俺達はようやく仮UIをまともにしようと活動を始めたばかり。何となくそれっぽい感じにカードを表示してみたものの、まだまだやることは沢山残っている。 果たしてよりカッコイイ見た目にできるのであろうか……? (※ソースコードはGitHubで公開されておりすぐに遊ぶこともできます) 今回のあらすじ 前回、個々のカードをそれっぽく表示するところまでは行いましたが、いくつか改善すべき点が残っていました: 捨て山や追放領域はそれっぽいカードが並ぶ形になったものの、いささかスペースを取り過ぎです。実物で遊ぶ時はカードを重ねて置くことの方が多いので、それに倣った表示にしたいものです。山札やひつじ山の表示は無機質な数字のままでした。これは暖かみのあるカードっぽい何かの束で表示したいものです。 と言う訳で順番に片付けていきましょう。 事前準備 – 個別のカードの表現方法
![JavaScriptでシェフィを実装する(UI本格化編/カードスタック可視化の巻) | Webシステム開発/教育ソリューションのタイムインターメディア](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3914fd88da2cb1aaf2848cd0cb3b834d3331b80/height=288;version=1;width=512/https%3A%2F%2Fwww.timedia.co.jp%2Fwp-content%2Fuploads%2F2022%2F04%2F13336.png)