現成的貪食蛇遊戲，放在您的網站上：蛇吃到您的物品就變長，用方向鍵或滑動操控

成果範例

標準版方案範例顯示全部

"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 與圖片，以及簡短的指南，另在訂單頁面提供可試玩的預覽。
• 您的主題火車、毛毛蟲或您的吉祥物
• 方向鍵或滑動電腦與手機都能玩
• 速度越來越快標準版起提供有牆壁的更快關卡
• 為遊戲繪製蛇頭、蛇身、物品與場地採用統一風格
• 容易修改速度、分數與文字放在 script.js 的最上方

服務流程

1. 1
   細節您寄來主題、蛇收集的東西與您的顏色
2. 2
   遊戲我們調整現成的遊戲、繪製圖片並製作
3. 3
   試玩您在訂單頁面上用電腦和手機試玩
4. 4
   壓縮檔您下載壓縮檔，並在方案範圍內提出修改

需要您提供的資料

主題：蛇是什麼、收集什麼，例如收集包裹的送貨車。遊戲的名稱、開頭與結尾文字，以及您的顏色。結束畫面的按鈕連到哪裡；進階版另需優惠碼與獲得它所需的分數。也可附上最多 5 張 PNG、JPEG 或 WebP 圖片（例如您的標誌、吉祥物或商品，且您有權使用）。

我們會詢問您：

• 蛇是什麼？它收集什麼？
• 這個遊戲的用途是什麼？
• 您的顏色與風格
• 結束畫面要連到哪裡？

比較方案

常見問題

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