用您的圖片做成拼圖：玩家用手指或滑鼠把拼圖片拖到正確位置

成果範例

標準版方案範例顯示全部

"Bean Catcher" game for a coffee shop's website

The game on a computer

The same game on a phone

Files: a ZIP archive with index.html, the styles, script.js and 4 pictures drawn for the game. It works with a mouse, a finger and the arrow keys, keeps the best score on the player's device, and goes on the client's own hosting or in an iframe on their site. The pictures here are screenshots of the game.

Client: Maple Bean, a coffee shop that wanted a little game for its website and social pages to tell people about its autumn blend. Task: a catching game in warm autumn colours: the player moves a cup, catches coffee beans (+1), golden beans (+5), dodges ice cubes, has 3 lives and 2 levels; the end screen links to the menu.

客戶與所有細節皆為虛構。

關於此服務

用您挑選的圖片做成拼圖：新系列的照片、您的店面、一項產品或活動海報都可以。遊戲把圖片切成小塊並打散，玩家用手指或滑鼠把每一塊拖到正確位置，直到拼出完整圖片。這是一款悠閒的遊戲，能讓大家盯著您的圖片看上一兩分鐘。請提供您有權使用的圖片，我們會處理圖片、以您的配色繪製背景和外框，並撰寫程式碼；如果您沒有圖片，我們可以依您的描述畫一張。拼圖片是會吸附定位的簡單方塊，而非傳統的異形拼圖。遊戲沒有伺服器：最快時間保存在玩家的裝置上，沒有共用排行榜或登入功能。進階版中，完成拼圖的玩家會看到您的優惠碼。

包含內容

• 您會得到一個 ZIP 壓縮檔，內含拼圖的 index.html、styles.css、script.js 和圖片，以及一份簡短說明，另外在訂單頁面上還有可試玩的預覽。
• 您的圖片您提供的照片，或我們繪製的圖片
• 拼圖片會吸附定位拼圖片靠得夠近就會卡進位置
• 每關拼圖片更多最難的拼圖最多 36 片
• 手指或滑鼠手機和電腦都能拖曳
• 計時與最快時間保存在玩家的裝置上

服務流程

1. 1
   圖片您提供圖片或描述想要的畫面
2. 2
   拼圖我們處理圖片、繪製外框並製作遊戲
3. 3
   試玩您在訂單頁面上用電腦和手機試玩
4. 4
   壓縮檔您下載壓縮檔，並可在方案範圍內提出修改

需要您提供的資料

每幅拼圖要用的圖片，格式為 PNG、JPEG 或 WebP，須為您有權使用的圖片；如果要我們繪製，請提供描述。形狀大、色彩鮮明的清晰圖片最適合做拼圖。難度要多高、誰會來玩。您的配色和 Logo、開始和結束畫面的文字，以及結束畫面按鈕要連到哪裡。進階版請提供優惠碼。

我們會詢問您：

• 要用哪張圖片做成拼圖？
• 誰會來玩、難度要多高？
• 您的配色與風格
• 結束畫面要連到哪裡？

比較方案

常見問題

沒有找到您要的答案？ 詢問我們