Black FridayGame templates at Black Friday pricesEnds in See the deals

パズル · HTML5

Sandy Puzzle

HTML5 Beach Jigsaw Game With 50 Levels

制作: Polar Gamesバージョン 1.0.0更新日 2026年11月14日

  • ソースコード
  • ライブデモ
  • ドキュメント付き
永続ライセンス$39 $33.15 -15%今すぐ購入
A level in Sunny Beach: drag a piece onto another to swap them, with the moves and the par on the left.Title screen: the Sandy Puzzle logo, the crab in sunglasses on a sandcastle and Tap to start, which also turns on the sound.Home screen: the Sunny Beach scene with one shell coloured per finished level (7 of 10), next to Play, Map and Settings.Level map of Sunny Beach: postcards with the stars earned, the next level glowing and locked levels in closed shells.Pirate Cove, chapter 4: arrows on both sides switch between the chapter pages.Coral Reef: the manta ray picture is almost complete; two pieces are still to go.Tropical Island: the volcano at the top has fused into one group and the loose pieces wait below.Sunset Harbor: a 6×6 grid in the last chapter, with the Hint and Peek buttons on the left.Peek: while the button is held, the whole finished picture shows on the board.Picture complete: 9 moves against a par of 10, 3 stars, Perfect! and +1 hint.Settings: music and effects volume, vibration, reduced motion, language and full screen.Pause: resume, go home or restart the level, with the same settings at hand.

Drag, swap and fuse. Complete the sunny beach pictures.

Sandy Puzzle is a cheerful beach jigsaw puzzle game for phones, tablets and computers, with a crab in sunglasses as its mascot. Every level is a colourful picture cut into square pieces: drag one piece onto another to swap them, and pieces that end up next to their true neighbours fuse with a line of light and move as one group. You get a finished game with 50 levels, a chapter map, saved progress, music and sound effects, plus the complete source code to change the pictures, translate and publish as your own.

Sandy Puzzle: A Sunny Day of Beach Puzzles, the crab in sunglasses on a sandcastle next to a sea turtle puzzle.

Drag, swap and fuse

Drop a piece on another and the two change places. When a piece lands next to the right neighbour, both fuse into a group that moves together, so the picture comes back piece by piece. Every level has a par, the fewest moves: finish at or under par for 3 stars, and the first 3 stars on a level give an extra hint. Captions on the first three levels teach the rules in one line each.

Drag, Swap and Fuse: the three steps of a move on a sandcastle picture.
Real gameplay: a Coral Reef level with the manta ray picture almost complete and two pieces left to place.

50 levels in 5 chapters

Sunny Beach, Coral Reef, Tropical Island, Pirate Cove and Sunset Harbor, 10 pictures each, with grids that grow from 2×2 to 6×6 and bigger pictures on the 5th and 10th level of every chapter. The level map has one page per chapter, with postcards for finished levels, closed shells for locked ones, arrows and side swipe; locked chapters can be viewed before they open. On the home screen the chapter scene gains colour and one shell is coloured for each finished level.

50 Levels in 5 Chapters: Sunny Beach, Coral Reef, Tropical Island, Pirate Cove and Sunset Harbor.

Hints and Peek

The player starts with 3 hints, and a level's first 3-star finish gives one more. A hint makes one correct move. Holding the Peek button shows the whole finished picture on the board. On phones and computers, upright or sideways: turning the device during a level rearranges the grid and keeps the moves already made.

Real gameplay: Peek shows the whole tropical island picture while the button is held.

One picture = one level

Levels come from a simple list of pictures in assets/levels.json. Add your own photos or drawings, create new chapters, give a chapter its own scene and map background, and reorder levels without writing code. Any picture size works: the game crops the centre to each grid.

One Picture = One Level: three pictures turning into a lighthouse puzzle level.

14 languages

The interface comes in English, Portuguese, Spanish, French, German, Italian, Dutch, Polish, Turkish, Russian, Indonesian, Japanese, Korean and Simplified Chinese. The language follows the browser and can be changed in Settings, next to the music and effects volume, vibration, reduced motion and full screen.

14 Languages: greetings in the fourteen languages of the game around the crab's sandcastle.

Yours to customise

Plain HTML, CSS and JavaScript modules with no dependencies: upload the game folder to any static host and it runs. The full editable source comes with tests, a build script, a local server script, an illustrated guide in 14 languages and a step-by-step customisation guide. No ads, no purchases, no accounts and no server.

Full Source Code Included: 50 levels, 14 languages, hints and Peek, portrait and landscape, your own pictures and no ads.

このエディションの画面

こちらで販売しているエディションから撮影しました。

含まれるもの

  • Ready-to-upload HTML5 game (game/ folder) with 50 beach levels in 5 chapters
  • Full editable source in plain HTML, CSS and JavaScript, with no dependencies
  • Tests, a build script and a local server script
  • Levels in one file, assets/levels.json: change the pictures, add chapters and optionally give a chapter its own scene and map background without writing code
  • Swap-and-fuse play, 3 stars for the par, 3 starting hints (+1 the first time each level gets 3 stars), Peek and a chapter map
  • Phones and computers, in portrait and landscape; turning the device during a level keeps the moves already made
  • 14 interface languages, two music tracks and sound effects
  • Offline illustrated guide in 14 languages with installation, customisation, cache and FAQ
  • Separate step-by-step customisation guide for people who do not program, with numbered screenshots of the game (in English)
  • Third-party licence notices (Fredoka font)

このエディションに含まれないもの

  • Online multiplayer, rankings or accounts
  • Advertising SDKs, in-app purchases, store, payments or analytics
  • Native apps, hosting or hosted services

ZIPに入っているもの

ダウンロードするパッケージの実際のフォルダ構成です。名前とサイズは、パッケージから直接読み取っています。

sandy-1.0.0-complete.zip300 ファイル · 55.4 MB
  • sandy-static-1.0.0/299 ファイル · 55.4 MB
    • documentation/HTMLガイド(購入前にお読みください)19 ファイル · 4.2 MB
      • img/JPG · PNG · 17 ファイル · 3.7 MB
      • customization.html46 KB
      • index.html505 KB
    • game/そのままホスティング可能:このフォルダをアップロードしてください133 ファイル · 25.6 MB
      • assets/画像、音声、フォントJPG · JSON · MP3 · TXT · WEBP · WOFF2 · 117 ファイル · 25.4 MB
      • src/ソースモジュールJS · 13 ファイル · 92 KB
      • DOCUMENTATION.txt1 KB
      • index.html5 KB
      • style.css47 KB
    • source/読みやすいソースコード141 ファイル · 25.6 MB
      • assets/画像、音声、フォントJPG · JSON · MP3 · TXT · WEBP · WOFF2 · 117 ファイル · 25.4 MB
      • src/ソースモジュールJS · 13 ファイル · 92 KB
      • test/自動テストMJS · 4 ファイル · 7 KB
      • tools/ビルド・チェック用スクリプトMJS · 2 ファイル · 5 KB
      • index.html5 KB
      • package-lock.json1 KB
      • package.json1 KB
      • README.md6 KB
      • style.css47 KB
    • THIRD-PARTY-LICENSES/ゲームと一緒に保管するライセンス表記2 ファイル · 5 KB
      • fredoka-OFL.txt4 KB
      • README.txt1 KB
    • CHANGELOG.txtバージョン履歴1 KB
    • CUSTOMIZATION.html1 KB
    • DOCUMENTATION.htmlガイドを開きます1 KB
    • START-HERE.txtクイックスタート1 KB
  • POLAR-MARKETPLACE-START-HERE.txt最初にお読みください:ライセンス、サポート、最初の手順1 KB

商品の詳細

エディション
Complete Browser Edition
バージョン
1.0.0
公開日
2026年11月14日
更新日
2026年11月14日
カテゴリー
パズル
対応言語
英語, ポルトガル語 (ブラジル), スペイン語, フランス語, ドイツ語, イタリア語, オランダ語, ポーランド語, トルコ語, ロシア語, インドネシア語, 日本語, 韓国語, 簡体中国語
同梱ファイル
HTML, CSS, JavaScript, JSON
使用技術
HTML5, Web Audio, ES modules
ブラウザ
WebGL2対応の最新ブラウザ
ドキュメント
ドキュメント

制作者

Polar Games

ブラウザゲームを制作するブラジルのスタジオです。ここにあるテンプレートはすべて、私たち自身が制作・公開したゲームです。

ゲームを見る

動作要件

  • A modern browser with JavaScript and ES modules
  • Any HTTP(S) web host that serves static files (opening index.html straight from the disk does not work)
  • No PHP, database, account or Node.js server to play
  • Node.js 26.13.1 or newer only for the optional tools: tests, build and local server

サポートの対象は、提供されたゲームに関する技術的なご質問と、再現可能な不具合です。インストールとカスタマイズは別サービスとなります。

更新履歴

  1. 1.0.02026年11月14日

ご質問

Do I need a server or database?

No. Upload the contents of the game/ folder to any static HTTP(S) host. Progress is saved in the player's browser.

Can I use my own pictures?

Yes. Every level is one picture listed in assets/levels.json. Replace the pictures, reorder them, add chapters and, if you like, give each chapter its own scene and map background; the game crops the centre of each picture to the grid.

How are the stars earned?

Every level has a par, the fewest moves. Finishing at or under par gives 3 stars, and the first 3 stars on a level give one extra hint.

Can I edit the texts and translations?

Yes. The texts of the 14 languages live in two files, and the chapter names come from levels.json. The music can be replaced keeping the same file names or removed.

Does it work on phones?

Yes. It has layouts for phones, tablets and computers, upright or sideways, with touch or mouse. A tap-to-start screen turns on the sound, as mobile browsers require.

ライセンス、サポート、返金、プライバシーに関する規約の全文を読む

Before you buy: guides and reviews

ブラジルから世界へ

25か国の購入者

ソースコード付きの完成したHTML5ゲームを、あなたのサイト、アプリ、ブランド向けにライセンスできます。

  • 900+件の販売
  • 25か国
  • 2016販売開始
販売実績のある国: ブラジル, アメリカ合衆国, イギリス, ドイツ, カナダ, オーストラリア, フランス, インド, オランダ, スペイン, イタリア, 日本, 韓国, ポーランド, メキシコ, スウェーデン, スイス, シンガポール, アラブ首長国連邦, サウジアラビア, インドネシア, トルコ, ポルトガル, フィリピン, ベトナム.

Polar Gamesのその他の商品

Sandy Puzzle$39 $33.15 -15%
今すぐ購入