/spin-the-wheel

Primary LanguageTypeScriptMIT LicenseMIT

幸運輪盤 (Spin The Wheel)

特色

新增/自定輪盤、隨機選擇、佈景主題切換、字型調整、跨平台、無廣告、開放原始碼。

說明

幸運輪盤 (Spin The Wheel) app 將設定好的選項平均分配一個圓形輪盤。轉動輪盤、停止後,app 會顯示輪盤上的一個箭頭指到的選項,具有隨機性,可作為娛樂用途。

  • 功能

    1. 轉動可連續執行。
    2. 可新增、自定多個輪盤。
    3. 輪盤設定檔匯出、匯入。
  • 佈景主題切換

  • 字型調整

    1. 提供最大 128 px 的字型設定。
  • 網址分享

    1. 用開啟任一輪盤,按右上角分享,可複製其網址分享給別人開啟。開啟後會新增該輪盤。
  • App異常回報

    App設定頁的異常回報鈕使用方法為:執行會造成app異常的步驟後,再至設定頁按下異常回報鈕,即會自動產生一封E-mail,包含異常的記錄,發送此E-mail給我們即可。

程式碼為開放 (MIT License),可自由下載修改、重新發佈。

安裝

此app目前有2種取得、安裝方式:

  1. Chrome, Safari 網頁瀏覽器。
  2. App 商店

從瀏覽器開啟/安裝

請用Chrome (Windows, macOS, Linux, Android作業系統使用者)、Safari (iOS (iPhone, iPad)使用者)瀏覽器開啟以下網址:

https://myhpwa.github.io/spin-the-wheel

或:

此 progressive web app (PWA),可不安裝直接在網頁瀏覽器執行,或安裝至手機、平板、筆電、桌機。建議安裝,以避免瀏覽器定期清除快取,導致 app 設定不見!

Windows, macOS, Linux, Android - 使用 Chrome 安裝

使用 Chrome 瀏覧器(建議最新版)開啟上述 PWA 網址後,網址列會出現一個加號,如圖所示:

點擊它,以完成安裝。安裝完後會在桌面出現 "spin-the-wheel" app 圖示。

iOS - 使用 Safari 安裝

  1. 使用Safari開啟web app網址,再點擊下方中間的"分享"圖示:

  1. 滑動頁面至下方,點選"加入主畫面"(Add to Home Screen):

  1. App安裝完,出現在主畫面的圖示:

從 App 商店安裝

Android - 使用 Google Play Store

Google Play立即下載

iOS 14.0+ (iPhone), iPadOS 14.0+ (iPad) - 使用 Apple App Store

macOS 10.10+ - 使用 Apple App Store

Windows 10 - 使用 Microsoft Store

Chinese Traditional badge

Linux - 使用 Snap Store

已知問題

  1. iOS Safari 13.4 以上才支援"分享此頁"功能。

版本歷史

  • PWA 2.1.3:

    • [修正] Chrome 115 下拉選單顯示異常。
  • PWA 2.1.2:

    • [修正] Chrome 瀏覽器開啟自動中翻英後,app 功能異常的 bug。
  • PWA 2.1.1:

    • [新增] MAS app 支援英文/中文本地化第一選單名稱。
  • PWA 2.1.0:

    • [新增] Electron app 支援英文/中文切換。
  • PWA 2.0.1:

    • [修正] 分享 app 連結未複製到剪貼簿的問題。
  • Snap 2.0.0:

    • [新增] 更新 app 圖示。
  • MAS 2.0.0:

    • [新增] 更新 app 圖示。
  • iOS 2.0.0:

    • [新增] 更新 app 圖示。
  • PWA 2.0.0:

    • [新增] 英文/中文切換。
    • [新增] 更新 app 圖示。
    • [優化] 升級為 @reduxjs/toolkit node package。
  • PWA 1.3.4:

    • [修正] 修改輪盤後,回到輪盤顯示畫面,卻未更新的問題。
  • PWA 1.3.3:

    • [修正] 新電腦開啟"網址分享",卻無新增該輪盤的問題。
  • PWA 1.3.2:

    • [修正] setState, dispatch 相關狀態更新 bugs。
  • iOS 1.0.1:

    • [修正] 匯出設定預設檔名。
  • PWA 1.3.0:

    • 錯誤回報功能作 E-mail 檢查。
    • 錯誤回報功能支援填寫問題發生步驟。
  • PWA 1.2.2:

    • 新增 url_handlers。
  • PWA 1.2.1:

    • 縮短分享網址長度。
  • PWA 1.2.0:

    • 支援網址分享輪盤。
  • MAS 1.1.0:

    • 使用 Universal app 封裝。
  • 1.1.0:

    • 修正錯誤回報功能異常的問題。
  • 1.0.1:

    • 調整 UI。
  • 1.0.0:

    • 第一版。

隱私政策

第三方版權聲明

  1. 此 app 輪盤動畫程式由以下連結改寫: https://codepen.io/TheNature/pen/vYOJxvL