[遊戲] 把網頁變成遊戲關卡：Destroy Any Website

上課看網頁，都是乖乖地捲、乖乖地點。如果網頁上的標題、選單、圖片，全都變成可以站上去、可以打碎的磚塊呢？最近國外有個小遊戲就在做這件事：Destroy Any Website，輸入一個網址，那個網站就變成你的關卡。

👉 遊戲網址：https://destroy.spritefusion.com/

拿大魏老師的網站來試

1. 打開上面的遊戲網址，不用下載、不用註冊。
2. 在中間的輸入框打上 https://student.coolsea.net，按「Destroy」。
3. 等讀取條跑完，網頁就變成平台關卡：一個橘色火柴人站在上面，左上角的「Destroyed」是你的破壞進度。

不想炸老師的網站？首頁也有「Demo page」和「Wikipedia」兩個現成的靶可以選。

怎麼操作

按鍵	動作
A／D	左右跑
空白鍵	跳；再點一下會翻身，按住可以飛
滑鼠左鍵	射擊（往游標的方向）
滑鼠右鍵	丟手榴彈
數字鍵 1～7	換武器：手槍、衝鋒槍、霰彈槍、火箭筒、電磁砲……
Esc	暫停

想跟同學一起炸？按「Create a room」開房間，把房號給同學，對方在「Room code」輸入後按「Join」就能進同一場。

放心，網站不會真的壞掉

遊戲是把網頁「讀」進來，在你自己的螢幕上畫一份複製品再讓你炸。別人打開 student.coolsea.net 看到的還是原本的樣子，老師的網站毫髮無傷。重新整理，你炸掉的東西也全部復原。

炸完順便學一件事：網頁其實是一堆方框

玩的時候注意看：碎掉的不是一整張圖，而是一塊一塊的——標題一塊、選單按鈕一塊、每張圖片一塊。這不是遊戲亂切的，網頁本來就長這樣。瀏覽器把 HTML 裡的每個元素都排成一個長方形的「盒子」，遊戲只是把這些盒子拿來當磚塊。

自己看看：在本站任何一頁按 F12 打開開發人員工具，按左上角的箭頭圖示，再把滑鼠移到網頁上。每移到一個東西，它的盒子就會亮起來——那就是你剛剛在遊戲裡打碎的那一塊。

小提醒

• 這是紓壓小遊戲，上課時間請先把老師交代的做完 😄
• 如果某個網址一直載不出來，換一個網站試試。
• 遊戲是獨立開發者 Hugo Duprez 用自己的工具 Sprite Fusion 做的，介面是英文，但操作很直覺。

資料來源：電腦王阿達