スライドパズル

概要

React.js + TypeScriptによるスライドパズル実装です。 動作サンプルは一旦pagesの方へ。

https://gyoza-daydream.github.io/20240704_slidepazzle/20240705_2320_proto/

pages側のトップページにも軽く紹介を添えました。

https://gyoza-daydream.github.io/20240704_slidepazzle/

このアプリはCreate React Appで作成されました。 TypeScriptを有効にしています。

操作方法

空白セルに隣接するセルをマウスクリックorスマホのタップ操作すると移動します。

特に現状では正解系に達してもなんの反応もしていない実装です。

reactのメモ: npm start

開発モードでローカルサーバを起動します。 http://localhost:3000

reactのメモ: npm run build

build フォルダにビルドします。

ライセンス

CC0です。

リポジトリに同梱している画像は全てStable Diffusionで生成した画像です。利用モデルは「みんさん」によるHimawari Mix XL v6です。

---

end of contents.