Redux でクソゲー作成60分チャレンジした

成果物

サイト: https://elzup.github.io/pwaa/#/
Repository: https://github.com/elzup/pwaa

ぷわーは PWA からとってます。

使ってるもの

• Flowtype
• Redux
• s2s
• react-router
• redux-persist
• create-react-app

• styled-jsx

• オレオレ boilerplate

実装しようとしたもの

• 何かゲーム
  • 記録くらいはしたい

実装したもの

• 連打ゲーム
• 最高記録を保存
• タイム表示
• 前回の記録表示

作業動画

1時間作業動画を残してみました。
https://www.youtube.com/watch?v=mQLDTdmuAB8

(後から気づいた致命的なミスなんですがエディタほとんど見切れてました笑)
動画に残す時は手元で録画するより配信してしまったほうがPCが軽そうです。

ラスト GitHubPages へのデプロイで手間取ってますが react-router 関係でした。

感想

1時間でこんなものしか作れないのかという感じです。この程度のゲームなら最低限の style まではいきたかったです。
ミニゲーム集が作りたいので、これをベースに追加していこうと思います。

本格的にゲーム作るろうとするときにいつも面倒に思うのは「ゲーム開始演出」とか「終了時の勝敗演出」です。Flux なアーキテクチャでゲームを作ったのは初めてだけどそれは変わらないなと思いました。

画面サイズ変えたの忘れてて作業動画が見切れてたの本当悲かった。