スイカ割りゲームを作りました

「バケーション」といえば「夏休み」、「夏休み」といえば「スイカ割り」、ということで、スイカ割りを楽しめるゲームを作りました。

大勢で集まることのできないこのご時世、ステイホームでスイカ割りを楽しめます。

ゲームはこちらから遊べます
→ https://okmr-d.github.io/suikawari/

ゲームの様子

ルールは簡単、動くスイカをタップ(またはクリック)して割るゲームです。

え？想像してたスイカ割りと違うって？ドンマイです。

簡単すぎると感じた方は、目隠しをしてお楽しみください。激ムズすぎる上、音が出ないので割れたかどうかわからないと思います。ドンマイです。

技術解説

スイカ(divタグ)をtransformで移動&回転させて壁に当たったら反射させてるだけです。特に canvas 等も使ってません。解説することがなかった。

ソースコードはこちら
→ https://github.com/okmr-d/suikawari

感想

本当はVRみたいに振ってスイカ割りしたかったんですけどね。。気付いたらスイカがブロック崩しみたいな動きしてました。音とかも付けたかったですが、今回はここまで！