返回 Wplace 百科

Wplace Blue Marble:在 Wplace.live 上打造像素藝術的終極用戶腳本

Blue Marble 是專為 Wplace.live 打造的革命性用戶腳本。它提供高級模板疊加、精確座標系統以及多種視覺輔助工具,幫助你在協作像素畫中實現前所未有的效率與精度。

🎨 什麼是 Blue Marble?

Blue Marble 是一個免費、開源的用戶腳本,為你的 Wplace.live 體驗帶來專業級像素創作能力。無論是複雜作品、團隊協作,還是需要更高像素精度的場景,Blue Marble 都是嚴肅像素創作者的必備工具。

✨ 主要特性

  • 🖼️ 模板疊加系統:在畫布上直接顯示自訂 PNG/WEBP 模板
  • 📍 高級座標系統:精確追蹤瓦片與像素座標
  • 🎯 精準定位:使用圖釘工具自動填充座標
  • 🔧 高度可定制:多項設定可按工作流自由調整
  • 📱 跨平台支援:桌面與行動端均可使用
  • 🌐 多瀏覽器相容:支援 Chrome、Edge 與 Firefox

🚀 為什麼在 Wplace.live 使用 Blue Marble?

更專業的像素創作體驗

Blue Marble 將 Wplace.live 從簡單畫布升級為專業像素創作平台。模板疊加系統讓你可以:

  • 創作複雜圖案:疊加精細模板,輕鬆完成複雜設計
  • 高效團隊協作:與隊友共享模板座標
  • 保持一致性:在大面積專案中保證精準位置與風格統一
  • 節省時間:減少手動數像素與擺放誤差

專業級工具集

區別於基礎像素工具,Blue Marble 額外提供:

  • 透明像素處理:支援使用特殊顏色 #deface 表示 Wplace.live 的「透明」
  • 即時座標顯示:即時查看瓦片與像素精確位置
  • 模板對齊機制:嚴格以左上角為對齊基準
  • 可視化開關:隨時開啟或關閉各類疊加顯示

📥 安裝指南

前置條件

  • 瀏覽器:Chrome、Microsoft Edge 或 Firefox
  • 擴充功能:TamperMonkey(油猴)
  • 平台:Windows / macOS / Linux / 行動端

分步安裝

Chrome 用戶

  1. 安裝 TamperMonkey
  2. 配置 TamperMonkey
    • 右鍵擴充功能圖示 → 選擇 "Manage Extension"
    • 打開 "Developer Mode"
    • 打開 "Allow user scripts"
  3. 下載 Blue Marble
  4. 安裝腳本
    • 打開 TamperMonkey 控制面板
    • BlueMarble.user.js 拖入面板
    • 點擊 "Install" 完成安裝,並啟用腳本
  5. 在 Wplace.live 啟用
    • 訪問 Wplace.live
    • 重新整理頁面以啟動 Blue Marble

Microsoft Edge 用戶

  1. 安裝 TamperMonkey
  2. 其餘步驟類似
    • 開啟開發者模式
    • 下載並安裝 BlueMarble.user.js
    • 在 Wplace.live 啟用

Firefox 用戶

  1. 安裝 TamperMonkey
  2. 安裝 Blue Marble
    • 從發布頁下載 BlueMarble.user.js
    • 在 TamperMonkey 面板中安裝
    • 重新整理 Wplace.live 啟動

注意:部分 Firefox 版本可能存在相容性問題。Blue Marble 主要為 Chrome 與 Edge 最佳化。

🛠️ 使用說明

模板設定(Template Setup)

  1. 準備模板
    • 使用 PNG 或 WEBP 格式
    • 模板按實際像素尺寸顯示(例如 500×300 圖片即在畫布上顯示為 500×300 像素)
    • 需要忽略的區域請使用透明像素
    • 使用 #deface 十六進位色表示 Wplace.live 的「透明」
  2. 設定座標
    • 在畫布上找到目標左上角位置
    • 點擊像素以查看瓦片與像素座標
    • 使用「圖釘」圖示自動填入座標
    • 在 Tl X、Tl Y、Px X、Px Y 中填寫對應數值
  3. 上傳並啟用
    • 上傳模板圖片
    • 點擊 "Enable" 開啟疊加
    • 模板將顯示在畫布上

理解座標系統

Wplace.live 使用基於瓦片的座標系統

  • 瓦片座標(Tile):大的網格區塊(Tl X, Tl Y)
  • 像素座標(Pixel):瓦片內的具體像素(Px X, Px Y)
  • 模板對齊:始終以左上角為基準 這套體系確保在超大畫布上也能進行精確放置。

進階功能

透明像素處理

  • 透明像素:在疊加時會被忽略
  • #deface 像素:被視作 Wplace.live 的「透明」顏色
  • 自訂顏色映射:可按需求定義特殊顏色用途

腳本設定

可調選項包括:

  • 疊加不透明度座標顯示多種視覺輔助效能最佳化

🔧 故障排查(FAQ)

  • Q:Blue Marble 安全嗎? A:安全。該專案完全開源,你可以在 src/ 查看原始碼,並透過 build/ 自行建構。
  • Q:能自動下像素嗎? A:不能。Blue Marble 旨在提供視覺與協作輔助,不會自動操作。
  • Q:如何臨時隱藏疊加? A:在 TamperMonkey 中關閉腳本,然後重新整理 Wplace.live 即可。
  • Q:為什麼遊戲通知會蓋住疊加? A:遊戲通知優先級更高,疊加主要用於資訊展示。

🌟 為什麼選擇 Blue Marble?

  • 專業的模板疊加系統
  • 精確的座標追蹤,適合協作專案
  • 覆蓋多平台與多瀏覽器
  • 開源透明,安全可信

讓你的 Wplace.live 更進一步

無論你是:

  • 🎨 創作精細像素作品
  • 👥 進行團隊協作
  • 🏆 參與像素賽事
  • 📚 學習像素藝術

Blue Marble 都能為你提供助力。

🔗 立即開始

  1. ⭐ 給專案加 Star:支援我們在 GitHub
  2. 📥 下載腳本:前往 Releases 獲取最新版
  3. 🚀 開始創作:訪問 Wplace.live 開啟更高效的像素之旅

Blue Marble 以 Mozilla Public License 2.0(MPL-2.0)發布;Blue Marble 圖片來源於 NASA,依據 CC0 1.0 授權。

現在就用 Blue Marble,升級你的像素創作體驗吧!🎨✨

查看更多文章
感謝閱讀!