除夜の鐘を打てるようにする

[halsk]

#162 から切り出しました。
素材
https://www.figma.com/file/AV1Sd5lGPVAVdrswmi2O9l/BOD%E4%BE%9B%E9%A4%8A%E5%AF%BA?node-id=648%3A24646

実装方法や仕様の疑問、アイデアなどあれば、お気軽にコメント下さい。

[halsk]

どこまで実装するか？によりますが、多分、鐘突き棒はもっと太い方が良いかと思います。

[nichesuch]

全体で108回だけで終わってしまうのはもったいないので、仕様をどうするか

• cookie使って、一人108回にする。
• 全体で108回だけど、1日ごとにリセット。
• 他

鐘付き棒小さいままならお鈴と同じイメージ

• カーソルを鐘付き棒に変える
• クリックしたら叩いて鐘の音
• 煩悩をカウントダウン

鐘付き棒大きくなるなら

• 鐘付き棒をドラッグ可能にする
• 鐘に向けてドラッグしたら鐘の音
• 煩悩をカウントダウン

ドラッグはreact-rndで出来そう。

[forestgtree]

鐘付き棒ですが・・・
おりんと同じ実装を想定して、デザイン用意してしまいました😅
マウスカーソルになるので、鐘と比較すると小さいんです。。。（おりん棒と同じサイズです）

違う方法での実装（ドラッグ）が可能であれば、鐘のサイズに合う鐘付き棒の絵をご用意します🙏

[nichesuch]

ひとまずドラッグ実装できそうかやってみるので、実現できそうならイラストをお願いします！

[halsk]

あー、なるほど。カーソルか！
ドラッグの方が楽しいなぁと思いました。その分実装難しいですけどw

[halsk]

「ゴーン」というフリー素材も必要ですね

[halsk]

全体で108回だけど、1日ごとにリセット
こちらの実装は、airtable + React で行けるかもですね。（排他処理はできないかな？）

https://qiita.com/uehaj/items/8e56c09c2c962a51a0b7

108回目をついた人にだけ何か特別なアニメーションが出るとかw

[halsk]

あーでもairtable使ってもサーバーの状態によってクライアントの数字が変わるわけでは無いので、108回目を奪い合うみたいなゲーム性にはならないかな。
socket.io 使ってサーバー側と連動させればいけるか。

[forestgtree]

http://www.kurage-kosho.info/others.html

「鐘03」の音はいかがでしょう？

[nichesuch]

「鐘03」いいですね！

アクセスカウンタと同じような実装をすれば108回は取れると思っています。
#66
Google Apps Scriptを使ったと聞いています。