PORTFOLIO

企業課題

株式会社Sekappy様の課題として作成したもの。

URL

Deck Shuffle Tool

担当

デザイン・コーディング

サイトの目的

カードゲームにおける大事な事柄であるシャッフル。シャッフル方法にも様々なものがあり、シャッフルした際に、どのようにカードの順番が変化するのか、それを可視化できるサイトです。

制作時期

2022/8 2日間

コーディングについて

このサイトは、JavaScriptを使用して、カードの枚数やシャッフルの方法、回数を入力すると、それに応じたシャッフルを行い、結果としてどのように順番が変化するのかがひと目見てわかるようになっています。これは自分が実際にカードを使ってシャッフルをしてみた時に、カードがどのような動き方をするのかを観察し、それを元に配列に入れた番号の順番を変化させることによって、シャッフルを再現しています。 ショット・ガン・シャッフルが選ばれた場合は、遊戯王の有名なセリフを表示させるなどもしています。

コード

Github
Return to Work