日本語 >

English

日本語

AI生成したスライドパズルのサンプル

DESCRIPTION

HOW TO MAKE/PROMPT

スライドパズルのHTML gameをつくって
#structure
- html,js,cssを１つのファイル内で
- 512ｘ512のcanvas内で実行

#script
##variable
- wlen:横の分割数、初期値３
- heln:縦の分割数、初期値３
- imgpath:画像ファイルへのパス配列、初期値"dat/0.png","dat/1.png","dat/2.png","dat/3.png",

##init
- imgpathでランダムに１つの画像をよみこむ。
- よこwlen,縦hlenで画像を分割しシャッフル
- X0,y0の１コマだけ空白で表示する
- リセットボタンを表示

##gameloop
- プレイヤーは空白に隣接するピースをクリックして、そのピースを空白位置に移動させることができます。
- 移動の制限: 移動できるのは空白位置に隣接するピースだけ。縦または横に隣接するピースしか移動できません。
- クリア条件: すべてのピースを正しい順序に並べ、元の画像や数字の配置を完成させると、ゲームクリアとなります。
- リセットで画像の選択や分割をやり直す