Reactでノベルゲームっぽいのを作ってみました

2021-07-16

フロントエンド初心者 slack ワークスペースにて、React でノベルゲームっぽいのを作ってみたいという声が上がったので試しに基盤だけ作ってみました。

音すら流れないものすごくシンプルな状態ですが、こんなもんかなと。

一応使用した主なパッケージをば。


axios

テキストデータを引っ張ってくるために使用しています。

json の作り次第でかなり本格的なゲームまで作れそう。

framer-motion

タイプライター以外のアニメーション全般に使用しています。

画面のトランジションに対応しているのは神。

react-howler

サウンドを流すのに使用する予定です。

現時点では組み込んでいません。

typewriter-effect

タイプライター風のエフェクトに使用しています。

使い勝手はそこまで良くなくカスタマイズ性も微妙なため、実装する際はかなり工夫が必要。


そんな感じです。

今回 PWA は対応しなかったのですが、PWA まで対応すれば簡単にアプリ対応のノベルゲームが作れそうです。

需要があれば基盤部分を npm パッケージにするのもアリかもですが、面倒なので多分やらないです。

React でさくっとゲームが作れたので、本当に良い時代になったなぁと思う今日このごろです。

© 2018 kk-web