【コード公開！】reactでパズルゲームを作って遊ぶ
こんにちは！
今回はreactでパズルゲームを作成しました！言語はJavaScriptです。
まずは作成したもののデモ動画を見てください！
簡単に説明すると、自分の好きな写真をパズルにして遊ぶことができます！
ピース数も選択できます。
今は2×2, 3×3, 4×4だけですがコードを少し変えるだけで好きなピース数にできます！
この記事の内容
コードの全公開 :
コードは全て公開するのでコピペで遊べます。また、コメントを詳細に書いているので何をしているコードなのか分かりやすくなっています。解説△ :
コードの詳細な解説はしません。ただ上述のようにコード内のコメントはかなり詳しく書いています。
もちろん補足が必要な部分などは解説します。
他の記事で公開しているプログラミング解説でも書いていますが、コードを修正したり追加したりして自分好みにカスタマイズすることがプログラミング上達につながります。
今回の内容はそういったカスタマイズ(ピース数を変える、制限時間をつけるなど)がしやすいものだと思うのでreactに興味がある、reactを勉強している方にもおすすめです！
コード公開
では早速コードの公開から始めます！
コードを全てコピペして実行してもエラーになる場合は、ライブラリのインストールをしてないことが考えられます。
エラー文を読みながら適宜インストールをしてください！最後にまとめはします！
ここから先は
7,775字
¥ 500
この記事が気に入ったらチップで応援してみませんか？