HTMLでBINGO実装してみた


もう5ヶ月ほど前ですが、友人の結婚式の為に実装したHTMLのBINGOをgithubにあげてみました。

二次会の幹事を頼まれて、BINGOをやることになったのですが、理想的なBINGOアプリが無かったので探すのメンドクサイから作ってみました。

別にHTML5でもなんでもなくて、アニメーションはstyle.topをいじって動かしてます。

各スロットに3つずつ、数字のボックスを作って、それらを使い回すことでグルグル回っているようなアニメーションを実現しています。

音を付けていたのですが、頂いたフリー素材なので取り除いておきました。

bodyに以下の様に音源ファイルを指定すれば音がなるようになります。

挙動の確認はこちらから。

挙動はChromeでしか確認してません。。

動かないブラウザがあったら@chikathreesixまで教えて頂けると嬉しいです。プルリクも大歓迎です。