Brick Builder Studio 是一款自由形式的 5×5 網格建構玩具,每個格子可容納零到四塊磚,磚塊來自三個虛構的視覺標籤——Clay、Sand 或 Slate——分數僅透過五個公開的活動里程碑獲得,每個里程碑值 200 分。沒有必須的輪廓、沒有許可順序、沒有預算、沒有有限的素材庫、沒有物理模擬,也沒有隱藏的解答;棋盤從空白開始,在整個使用過程中都可編輯,且在達到最高 1,000 分上限後,仍不會封鎖後續編輯。使用者可以用滑鼠、觸控介面或鍵盤堆疊磚塊,然後將目前的本機模型匯出為 1,200×900 的 PNG,瀏覽器會在全新的畫布上重繪,不會上傳任何內容。每個動作都會經過共享的純函式 reducer,移除磚塊時里程碑記錄仍會保留,而只有一個按鈕——Restart——會將工作室清除回其確定性的空白狀態。這是一個專注於探索而非解題的沙盒,擁有透明的計分機制,將活動分數與任何結構品質評斷清楚區分開來。
什麼是 Brick Builder Studio,以及適合哪些使用者
Brick Builder Studio 屬於瀏覽器玩具中一個小眾類型,以創意自由取代益智邏輯。玩家不是在解開隱藏的配置,也不是在對應目標輪廓;而是在一個小型空白網格中,用三種有標籤的磚塊類型填入自己的排列。這使得該工具對多種類型的讀者都有用。想要一個沒有失敗狀態、寬容的沙盒的初學者,會發現空白的起始棋盤與無限重置的行為非常友善。喜歡用不同素材重新打造相同模型的玩家,可以自由嘗試 Clay、Sand 與 Slate,永遠不會面臨素材不足。重視透明計分的玩家會樂於看見每個里程碑都有命名、每個門檻都是固定的,以及 1,000 分的上限會事先公告,而不是藏在不透明的公式後。需要乾淨參考圖來呈現配置的設計師,可以依靠 PNG 匯出功能,產生完全符合螢幕上模型的 1,200×900 本機檔案。
這個工作室也刻意不是一個建築設計工具。5×5 網格、四層堆疊上限、三個虛構標籤以及里程碑門檻,都是原創的產品設定。它們不代表真實的磚塊尺寸、真實的承重能力、真實的建築法規、真實的建築指南,或任何材料效能資料。將整個體驗視為休閒創作軟體,而非結構或安全性的參考,就能更輕鬆地就其本身評估這項工具。
網格機制:5×5 棋盤、三種素材與四層堆疊
棋盤是一個平坦的 5×5 網格,共二十五格,永遠從空白開始。每格可容納零、一、二、三或四塊垂直堆疊的磚塊,每塊磚都帶有 Clay、Sand 或 Slate 三種視覺標籤之一。一格的「頂部素材」是位於最高磚塊上的標籤;若該格為空,頂部則未定義。沒有斜向放置、沒有懸伸、沒有浮空磚塊,也沒有部分堆疊預覽——磚塊不是落在真實的格子上就是根本沒有落下。
選擇與編輯對滑鼠、觸控與鍵盤使用者共享同一條規則:先選一格,然後採取明確的加入或移除動作。單純選取一格本身不會放置或移除磚塊。「加入磚塊」會在選定堆疊頂端放上一塊目前所選素材的新磚,前提是該格尚未達到四層上限。「移除頂部」只會刪除選定堆疊中最高的磚塊,無論該磚屬於哪種素材。沒有「全部移除」,也無法從堆疊中間取走一塊磚,這代表每個堆疊可見的頂部,永遠是你下一個會刪除的磚塊。
選擇素材同樣是明確的。滑鼠與觸控使用者從可見的選擇器中挑選 Clay、Sand 或 Slate;鍵盤使用者則按 1 選擇 Clay、2 選擇 Sand、3 選擇 Slate。目前所選的素材會在「加入」操作之間持續保留,直到玩家主動變更,這代表切換格子或切換工具不會悄悄改變你即將放置的標籤。
1,000 分里程碑系統的運作方式
分數由正好五個活動里程碑構成。每個里程碑值 200 分,且每個最多只能獲得一次,因此公布的最高分為 5 × 200 = 1,000 分。工作室不評斷配置,所以排列精美的模型與刻意凌亂的模型都能達到上限,而部分完成的配置若恰好達到正確門檻,仍可獲得 200、400、600 或 800 分。
| 里程碑 | 門檻 | 分數 |
|---|---|---|
| Groundwork | 放置第一塊磚 | 200 |
| Footprint | 同時擁有四個被佔用的格子 | 200 |
| Tower | 至少有一個堆疊達到三塊磚高 | 200 |
| Palette | 三種素材標籤都出現在模型中 | 200 |
| Studio build | 至少有十二塊磚分散在至少八個格子中 | 200 |
| 上限 | 五個里程碑全部達成 | 1,000 |
在開始放置磚塊之前,有三個里程碑記錄的行為值得牢記。第一,一旦里程碑 ID 被記錄,就會一直保留——移除觸發該里程碑的磚塊並不會撤銷已獲得的分數,因此即使稍後清空四格中的三格,Footprint 仍然成立。第二,達到 1,000 分並不會凍結棋盤;達到上限後仍可自由加入或移除磚塊,分數會維持在 1,000 而不會繼續上升。第三,即時狀態區會顯示磚塊總數、已佔用格數、最高堆疊、不同的素材數量、已獲得的里程碑,以及目前分數,因此你可以直接讀取門檻進度,無需猜測。
建立、編輯並匯出你的第一個模型
從空白棋盤到完成 1,000 分並儲存 PNG 的最快路徑如下:
- 在瀏覽器中開啟 Brick Builder Studio,等待空白的 5×5 網格出現。
- 挑選起始素材——預設為 Clay,但在鍵盤上按 2 可選擇 Sand,按 3 可選擇 Slate。
- 移至中央一格,然後按 Enter、Space,或點擊「加入磚塊」來放下第一塊磚;這會立即獲得 Groundwork 里程碑與最初的 200 分。
- 以任意順序造訪另外三格,並在每格至少放上一塊磚,讓已佔用格數達到四格,解鎖 Footprint 里程碑。
- 回到第一格,持續加入相同素材的磚塊,直到該單一堆疊高度達到三;這會觸發 Tower 里程碑。
- 為每個剩餘素材至少放上一塊磚,讓三種標籤都出現在模型中,獲得 Palette 里程碑。
- 持續加入磚塊,直到至少有十二塊磚分散在八格以上的已佔用格子中,這會完成 Studio build 里程碑,並將分數鎖定在 1,000。
- 繼續自由編輯——在塑造模型的同時,分數會維持在 1,000,里程碑也會保持記錄。
- 當你滿意目前的排列時,點擊「Export PNG」,將目前本機模型重新繪製成全新的 1,200×900 PNG,並儲存為 brick-builder-studio.png。
- 只有在想要完全重來時才使用 Restart;Restart 是唯一會將模型、所選素材、里程碑以及分數全部清除,讓工作室回到確定性空白狀態的動作。
鍵盤與滑鼠控制比較
這個工作室透過共享的純函式 reducer,對滑鼠與鍵盤路徑開放相同的邏輯,因此最終的模型狀態不會因為你使用哪種輸入方式而有所不同。下表整理了平行的操作方式。
| 動作 | 滑鼠或觸控路徑 | 鍵盤路徑 |
|---|---|---|
| 移動選取 | 點擊或輕觸一格 | 方向鍵 |
| 放置磚塊 | 點擊「加入磚塊」 | Enter 或 Space |
| 移除頂部磚塊 | 點擊「移除頂部」 | Backspace 或 Delete |
| 選擇 Clay | 從素材選擇器中挑選 Clay | 按 1 |
| 選擇 Sand | 從素材選擇器中挑選 Sand | 按 2 |
| 選擇 Slate | 從素材選擇器中挑選 Slate | 按 3 |
| 匯出目前的模型 | 點擊「Export PNG」 | 無已公布的鍵盤快捷鍵 |
| 重新開始本次使用 | 點擊「Restart」 | 無已公布的鍵盤快捷鍵 |
有兩個細節值得閱讀比較。組合快捷鍵——例如 Ctrl+Enter 或 Shift+Backspace——會被刻意忽略,因此多按到的修飾鍵不會意外放置或移除不該動的磚塊。網格上的鍵盤焦點使用輪轉模式,每個動作控制項皆符合共享的觸控目標尺寸,這讓相同的控制項在狹窄的手機視窗中——棋盤與里程碑記錄會垂直堆疊——依然易於使用。
達到 1,000 後的編輯行為與 Restart 行為
這個工作室最有用的設計選擇,在於將分數與模型保存在獨立的狀態中。分數取決於已獲得的里程碑 ID,而模型則取決於目前 25 格的排列。由於這兩部分狀態彼此獨立,達到 1,000 分並不會凍結配置,重新排列配置也不會追溯撤銷已獲得的里程碑。即使在達到上限後從零開始重建整個棋盤,狀態區依然會顯示 1,000;你也可以移除所有磚塊,看著即時計數下降,而里程碑的打勾仍會保持亮起。
Restart 是唯一會打破這種區分的動作。它會清除模型、所選素材、所有已獲得的里程碑,以及分數,讓工作室回到產品說明中所描述的確定性空白狀態。若想保留某個特定的模型,請絕對不要按 Restart;若想要重新開始,也別期望 Undo 能還原先前的狀態,因為並未公布任何 Undo 控制項。
PNG 匯出：本機、具確定性、不上傳
PNG 匯出是帶著目前模型影像離開瀏覽器的唯一方式，且其範圍刻意設計得很窄。觸發後，瀏覽器會建立一個全新的 1,200 乘 900 畫布，逐一走訪與遊戲邏輯相同的經過測試的列、欄、堆疊層級與材質快照，並將純磚塊模型重繪到該畫布上。最終結果會透過暫時的本機物件 URL，以 brick-builder-studio.png 提供下載。匯出過程不會擷取不相關的頁面截圖、不會擷取遠端影像、不會載入遠端字型、不會呼叫 API，也不會將模型上傳到任何地方。如果在更改佈局後想要第二張影像，請再次點選「匯出 PNG」以重繪目前的狀態。
由於匯出僅反映目前的模型，因此一旦您在匯出後放置或移除任何磚塊，儲存的影像就會與現況不一致。請將「匯出 PNG」視為快照工具：先建構到您想保留的排列，再匯出，之後可繼續編輯，但除非您也另外儲存了新檔案，否則無需重新匯出。若需要超出已發佈影像尺寸的更深入自訂，該工作室並未提供更改畫布大小、三個材質標籤顏色或解析度的方式，因此匯出的 PNG 最適合視為一份忠實紀錄，而非可設定參數的算繪結果。
若您想要一份聚焦於第一次建構的結構化逐步說明，配套指南磚塊建造工作室新手入門：您的第一個作品以較慢的步調涵蓋相同的里程碑，並針對最初的空白畫板提供額外說明。
想深入了解，請參閱免費線上城市建造遊戲：5 張許可證到 1,000。