star

文章編輯: O 編 | 2025-08-13

如何客製扭蛋機樣式?教你 3 步驟快速完成!

如何客製扭蛋機樣式?教你 3 步驟快速完成!

想讓你的扭蛋機與眾不同嗎?透過扭蛋機「自訂樣式」功能,你可以輕鬆打造專屬於自己的風格。本教學將帶你了解設定三步驟完成上傳圖片、調整位置與大小的設定,讓你的扭蛋機充滿個人特色!

目錄

【步驟 1】前置作業:準備扭蛋機素材

在開始之前,請先準備好以下三張圖片,這三張圖片將構成你的扭蛋機:

  1. 機台圖片: 作為扭蛋機的主體,建議尺寸為 718×1200 像素,以確保畫面清晰
    1. 機台寬度:建議介於 700-718 像素之間
    2. 圖片中設計擺放扭蛋群的區塊:高度建議至少為 500 像素,且需將玻璃調整成有透明度的色塊
  2. 旋鈕圖片: 作為玩家使用扭蛋機的旋轉按鈕,請準備一張比例為 1:1 的正方形圖片 
  3. 洞口圖片: 扭蛋掉落的出口,也請準備一張比例為 1:1 的正方形圖片

圖片疊層邏輯說明

在整個扭蛋機的視覺呈現中,圖片的疊層順序非常重要,這決定了最終看起來的樣子。在OOOPEN Lab 編輯器中,圖片是由下而上堆疊的,順序如下:

  • 最下層: 洞口
  • 第二層: 扭蛋群
  • 第三層: 機台 (上層圖片)
  • 最上層: 旋鈕

【步驟 2】上傳圖片:上傳與調整素材圖片

準備好圖片後,請依照以下步驟進行設定:

  1. 選擇「自訂樣式」: 在扭蛋機的樣式設定中,點選最右邊的「自訂樣式」
  2. 上傳機台圖片: 點擊「上層圖片」的區域,將你準備好的機台圖片上傳
  3. 上傳與調整旋鈕圖片: 接著上傳「旋鈕圖片」,並利用下方的滑桿調整旋鈕的寬度、水平位置與垂直位置,讓它擺放在正確的位置上
    • 旋鈕圖片寬度: 調整圖片大小
    • 旋鈕位置 – 水平: 調整左右位置
    • 旋鈕位置 – 垂直: 調整上下位置
  4. 上傳與調整洞口圖片: 同樣地,上傳「洞口圖片」,並利用滑桿調整其寬度、水平位置與垂直位置,讓它擺放在正確的位置上
    • 洞口位置 – 水平: 調整左右位置
    • 洞口位置 – 垂直: 調整上下位置

【步驟 3】調整扭蛋:讓扭蛋位置及顏色更貼近你的機台設計

  1. 調整扭蛋群位置:透過調整「扭蛋群位置」的水平與垂直滑桿,將扭蛋群擺放在機台的透明區域內
  2. 調整扭蛋殼樣式與顏色
    • 扭蛋殼樣式:透過「形狀搭配」調整選擇適合的樣式
    • 扭蛋殼顏色:至多可設定三組填色與框線配色,也可以只開啟 1 組顏色


猜你也喜歡……

  • 如何用 Bill AI 完成爆紅心理測驗?掌握 3 大設定技巧,你也能完成!
    去看看
  • 如何用 Webhook 串接 OOOPEN Lab 測驗資料?
    去看看
  • 專案可以設定字型嗎?有哪些選擇?
    去看看

讓溝通變好玩

回首頁關於我們關於我們使用者服務條款與
隱私權政策
檢舉濫用行為

Copyright © 2025 OOOPEN Lab