Video slide puzzle game made from a self-made music video
Opus5.5で、自作MVを使ったゲーム……思いつかないので、Opusさんおススメのスライドパズルゲームをお願い けっきょく解けなかったので、成功するとどうなるか分からずじまい💦 プロンプト: ①「動画を3×3や4×4に分割し、各ピースの中で動画が再生され続けるスライドパズル」 ②実装のポイント：1本の<video>を再生し、各ピースのcanvasにdrawImageでその区画だけを毎フレーム描画する ③解ける配置にするため、完成状態からランダムに空きマスを動かしてシャッフルする 音楽がついてなかったので、後から音楽をループしてつけてもらいました🌟(最初は容量を超えそうだったのでつけなかったとのことでした)
— 咲山(AIイラスト・AI動画垢) (@z933TfmXkaISSVc) Sep 27, 2026
Prompt
The author shared the full prompt.
①「動画を3×3や4×4に分割し、各ピースの中で動画が再生され続けるスライドパズル」 ②実装のポイント：1本の<video>を再生し、各ピースのcanvasにdrawImageでその区画だけを毎フレーム描画する ③解ける配置にするため、完成状態からランダムに空きマスを動かしてシャッフルする
Prompt by @z933TfmXkaISSVc, from the post
- Category
- Games
- Stack
- Canvas
- Made with
- Canvas, drawImage
- From the author
- Music was added later as a loop due capacity limits.
- On X
- 48 likes · 1.7K views · 13 saves
More games
GamesPrompt0:23Playable Minecraft-style browser game with advanced shaders
@noahwachnik♥ 5.3K
GamesPrompt1:023D computer simulation with logic gates, OS, and a running game
@mattshumer_♥ 1.8K
GamesPart of prompt2:08First-person three.js game scene polish and lighting pass
@maxt3chno♥ 1.6K
GamesPrompt0:18Single-file HTML game reward animation with 3D chests and effects
@op7418♥ 1.2K
GamesPart of prompt1:30Roblox Minecraft-style game prototype built overnight
@albie_io♥ 1K
GamesPart of prompt0:18Interactive 3D gummy octopus you can grab and stretch
@vib3coded♥ 712
GamesPrompt1:21Cute three.js mini-game with seasonal mode switches
@studio_veco♥ 677
GamesPart of prompt3:09Browser-based first-person Three.js game with swimming, boat, and inventory mechanics
@maxt3chno♥ 607