HTML5 : 考驗加減能力的 Zlizer 小遊戲

HTML5 FUN 的程式幾乎是是使用 LimeJS 來開發的，雖然該專案已經沒有在維護了，但是使用多年，HTML5 FUN 有了自己的模式，小臭蟲大概也除得差不多，所以二月時，將調整過後， LimeJS 目前可以運作的版本，放了一份在 GitHub 中。

LimeJS 的 lime/demos 目錄中，有一個範例遊戲，名為 Zlizer，它是一個利用數學加、減法來闖關的益智遊戲，滿好玩的。這兩天認真地研究了程式碼，解決了動不動就因錯誤而掛掉的問題，界面可自動依瀏覽器的設定顯示中文，另外還增強了一些功能。

▋  考驗加減能力的 Zlizer

Zlizer 的遊戲畫面中會出現很多帶有數字的泡泡，玩的時候必須使用滑鼠，或是在觸控螢幕畫線，可以將泡泡分解或合併，必須在泡泡落地，或是超過左右範圍之前，使泡泡數字能和右上角的目標數字一樣。答對會加與泡泡上數字等值的分數，超過範圍也會扣與數字等值的分數。

👉 在多個泡泡外畫線，可以將它們合部合併為一個。

[圖1] 將多個泡泡畫線圈起來，合併為一個

👉 在泡泡中間畫線，可以分解為多個泡泡。

[圖2] 在泡泡上畫線，分解泡泡

👐 如果是在支援多點觸控的平板，或是大屏，可以多人同時操作，合作破關哦！

▋ 啟動程式開始玩

按底下的圖示，或是紅色按鈕，即可開啟遊戲。

▋ 版權聲明

Zlizer 的原始碼來自於 LimeJS 的 Demos：

• 原始的版本: 
  GitHub / digitalfruit / limejs (https://github.com/digitalfruit/limejs)
• 修改過的版本: 
  GitHub / gsyan888 / limejs (https://github.com/gsyan888/limejs)

▋ 相關連結

• 雄:HTML5 FUN 精選集

• HTML5 FUN

▋ 更新記錄

• 2025.03.17 解決泡泡內的數字，或是部份的文字因為字型大小的關係，而自動變成兩行字的問題。
• 2025.03.15 加入音效；各模組補充 JSDoc 缺漏的部份，解決 compile 的時候會出現的一堆警告訊息 ( 一整個寫程式的潔癖 XDDD )。
• 2025.03.14 除蟲；可自動偵測是否為中文環境，language 為 zh 開頭者，就進行中文化；遊戲說明對話框右上角多一個叉叉按鈕，可以跳過說明。