Doom on the Web 毀滅戰士重出網路！HTML 5 再戰經典FPS遊戲

作者：

DOOM-01

記得我當年玩「毀滅戰士（DOOM）」的時候，作業系統還是黑白文字的DOS，看看現在一整個華麗眩目到不行的各種第一人稱射擊遊戲，但做為我玩過的第一款FPS遊戲（應該也是世界上的FPS鼻祖？），DOOM的刺激記憶與興奮之情卻不會忘記，即使從現在眼光來看DOOM的畫面簡直慘不忍睹，但如果重新拿起電鋸闖蕩在血腥的迷宮中，想必還是會有一番美好的回味。

還好我們擁有支援HTML 5的瀏覽器！在「Mozilla Demo Studio」網站提供了讓技術人員交流HTML、CSS、Javascript新玩意的園地，而其中一個最新的作品，就是「DOOM on the Web」，毀滅戰士一代的網頁版！

這款「DOOM on the Web」採用HTML 5相關技術重建而成，把原本遊戲的場景與功能搬上瀏覽器內，玩家可以免費上網通關！不過目前因為技術限制，主要支援的瀏覽器為Firefox 4和Safari，而Google Chrome執行上可能會有些問題。

 

我這邊測試的時候，是使用Firefox 4進入網站，點擊〔Launch Demo〕就可以進入遊戲。

不過第一次進入時，有可能要讀取比較久，請耐心等待一下。

DOOM-04

 

進入遊戲後，就跟當年的毀滅戰士操作一樣，用「令人懷念」的上下左右方向鍵操控行動（現代遊戲都改成WASD了），然後用〔Ctrl〕射擊，用〔空白鍵〕打開機關或門。

如果你第一次進入遊戲後發現遊戲畫面怪怪的，例如下方沒有出現角色數值，那麼可以關掉網頁重來一次，第二次進入遊戲時會順暢很多，也可解決怪問題。

DOOM-07

 

毀滅戰士一代的網頁重製版一開始就能讓你選擇所有難度，如果難度太高，可是很容易掛點的。

各位當年從DOS遊戲開始玩起的朋友，或是沒玩過DOOM初代的FPS玩家，都推薦來回味一下這款經典之作！（其實，我也滿想看到智冠當年的七俠五義（一款DOOM-Like遊戲）被改編成網頁版。）

DOOM-06

文章分類：
電腦玩物站長 Esor （異塵行者），在電腦玩物上的文章有別於單純的軟體和服務介紹，而是更強調軟體和服務背後的數位工作思維及方法，並說明實際應用後帶來的生活改變。著有《電腦玩物站長的筆記思考術》、《大腦減壓的子彈筆記術：用Evernote打造快狠準系統》、《比別人快一步的Google工作術：從職場到人生的100個聰明改造提案》等暢銷書籍。

留言

  1. Forest2011年6月1日 晚上11:26

    真的是經典啊～

    回覆刪除
  2. kk2011年6月2日 凌晨12:32

    德軍總部-Wolfenstein 是較早的,我當時是用386DX 2mb RAM,玩的~~~ "2mb RAM" ...........................

    回覆刪除
  3. Esor Huang2011年6月2日 清晨6:34

    原來還有德軍總部啊

    回覆刪除
  4. Unknown2011年6月2日 清晨6:57

    作者已經移除這則留言。

    回覆刪除
  5. Unknown2011年6月2日 清晨6:58

    可以打密技嗎？

    我還記得很熟iddqd idkfa

    回覆刪除
  6. nawi@gabriel.wang2011年6月2日 上午9:33

    德軍總部

    回覆刪除
  7. Vonnegut2011年6月2日 上午10:05

    作者將C Code轉換成JavaScript的功力也很令人驚訝！

    回覆刪除
  8. 匿名2011年6月2日 上午11:56

    http://www.nihilogic.dk/labs/wolf/

    回覆刪除
  9. Esor Huang2011年6月2日 中午12:26

    我有看到網友說密技可以用XD

    回覆刪除
  10. 匿名2011年6月3日 凌晨12:38

    德軍總部比較早 +1

    回覆刪除
  11. Lawliet2011年6月3日 晚上7:42

    這個東西並沒有用到HTML5
    這只是JavaSctipt

    回覆刪除
  12. Esor Huang2011年6月3日 晚上10:15

    感謝你的說明～
    這邊我確實把他們混為一談了

    回覆刪除
  13. 匿名2011年6月4日 下午6:29

    這Game沒有了... 出現了"Not Found"字樣!

    回覆刪除
  14. Esor Huang2011年6月4日 晚上7:10

    嗯嗯，目前確實從網站上被拿下來了，不知道為什麼

    回覆刪除
  15. 匿名2011年6月14日 上午9:56

    mksdfmfsmkmksd;dfkngnkjedgnjf njnvjnc nn n n n nn n n n n nn n n n n

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多，開始測試「留言管理」機制，讓我可以更容易回應讀者留言，並更簡單過濾掉廣告，但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用？立可得與 ibon教學+比較表

作者：
圖片
現在大家照片都儲存在數位手機、相機、硬碟或雲端，數位欣賞與分享很方便。但有時候就是需要拿到「實際照片」，例如： 小朋友學校的勞作作業 想要製作家庭相框 用照片來當小禮物 把照片貼在紙本手帳上 這時候，有什麼方法可以快速把數位照片「洗」成實體照片？而且最好能不花時間、立即拿到、價格也不貴呢？ 如果家裡沒有印表機（或是沒有好的印表機），又不想跑照相館，那麼這時候 「便利商店」同樣也提供了印照片的服務 ，而且價格不貴，可以立即拿到，操作流程也十分簡單。 之前我在電腦玩物分享過：「 不需買印表機也免隨身碟， 7-11 全家雲端列印超方便教學 」。這篇文章則從印照片出發： 同樣的不需買印表機、不需隨身碟，就能快速印出高品質的照片成品。
........................繼續閱讀全文內容

Comodo Firewall + AntiVirus：全中文免費防火牆+防毒軟體上手教學

作者：
圖片
2010/03/07更新： Comodo Internet Security 4.0最新版推出 ，新功能分析請看： Comodo Internet Security 4.0 免費防毒防駭防火牆新版心得 千呼萬喚始出來，Comodo整合 防毒、防火牆、防駭功能 的優秀免費安全中心終於推出了 「繁體中文」、「簡體中文」 版本！我試用幾天的感想是中文化的程度非常完整，中文化的內容也提綱挈領十分到位，加上3.9版 持續增強 的安全防禦能力，搭配 愈來愈親民 的操作介面設計，相信這樣一來中文用戶在使用這款安全軟體時將會更好上手。說真的，你應該試試看丟掉謎樣版或很貴版卡巴斯基、Norton，用用這個 免費的、強悍的、全面的、高效能的、中文版的 安全軟體： Comodo Internet Security 。 我之前曾經在「 Comodo Internet Security 防毒+防駭+防火牆三合一，免費電腦安全中心完全心得筆記 」一文中，完整的介紹並推薦了這款我自己長期使用的安全軟體。我記得很久以前自己也會使用買顯示卡或主機板時附送的Norton、趨勢、卡巴斯基等商業安全軟體，覺得好像花錢用個看起來比較高檔的安全軟體比較安心；但是在開始接觸像Comodo防火牆、 AntiVir小紅傘 、 Avast!防毒 等等擁有免費版的安全工具後，我就一直覺得： 個人家庭電腦用戶其實用免費的安全軟體足以。 當然，我仍然相信商業防毒或防火牆軟體的功能比較多、比較強悍，或者有所謂完善的售後服務體系，不過公司企業或許需要付費享受這些功能， 但是在家裡拿電腦處理個人事務的使用者，難道也要同樣付錢去享受這些高貴功能嗎？或者說，有沒有 性價比更高、「適合」個人需求的 選擇？ 當然有！其實安全軟體市場早就已經有足夠多、足夠優秀的免費工具可以選擇了！其中一個值得你去關注和試用的產品就是免費中文版的「Comodo Internet Security」！ Comodo Internet Security： http://www.comodo.com/home/internet-security/free-internet-security.php 支援XP、Vista系統，32位元與64位元 安裝常駐一個免費的Comodo Internet Security就夠了 從個人使用需求的角度來...
........................繼續閱讀全文內容

Facebook Groups新版社團功能,和一小群朋友建立臉書秘密空間

作者：
圖片
Facebook這次真的推出了非常有用的新功能：「 社團（Facebook Groups） 」。 什麼？社團？是的，不管是名稱、圖示都和原本就有的那個社團一樣，但是我們可以把現在的「社團（Facebook Groups）」完全當做一個新功能來看待，或許我們自己心裡可以把這個新功能稱作「小群組」更恰當，因為在「新版社團」中， 允許你在臉書上和一小撮朋友建立 秘密的分享空間 ，在裡面盡情聊天打屁、上傳相片影片、邀約活動，甚至協同編輯文件，而這些內容都將只有社團裡的成員看得到。 如果大家有印象的話，之前Google Me的傳言甚囂塵上的時候，Google在討論社群功能時曾經秀出一張被許多人傳閱的圖片，在這張圖片中，Google認為網路社群中把所有朋友都混在一起，但現實生活裡，我們明明就有同事關係、同學關係、家人關係、知己關係、 酒肉朋友關係 等等各種小圈圈，那麼要如何在網路上重現這樣的小群組關係網呢？ 很明顯上圖左的內容有諷刺臉書的意味， 但是現在 Facebook 率先推出了新版社團功能，實現了上圖右中現實生活裡小圈圈的交流互動 。即使你在臉書上已經交了上千位朋友， 首頁動態 雜亂不堪，但是你可以簡單拉出其中十幾位最親密的夥伴，在一個叫做「社團」的專屬空間裡進行只有你們看得到的交流。
........................繼續閱讀全文內容

Acer Chromebook 台灣開箱 Google Chrome OS 心得

作者：
圖片
那天看到社群上的朋友分享了 Google Chromebook 筆電在台灣開賣的消息，其實早就開賣，但我一向對 3C 硬體產品慢半拍。 不過常看電腦玩物的朋友都知道，我對於所謂的「 Google 雲端工作方法 」研究很深，並且有一套自己開發的流程。於是真的是一時衝動，但或許也是多年來的醞釀，我真的下手買了一台，可以說是我人生第一次不是為了迫切需要而買的筆電，也就是在台灣首發的 Google Chromebook 筆電機種： Acer Chromebook 13。 2015/8/27 新增 ： 如何在 Chromebook 整合同步 Dropbox 檔案資料夾？ 2015/3/27 教學： Chromebook 原來這麼好用! 22個快捷鍵技巧終極教學 2015/4/19 補充新功能： Chromebook 用戶必學的全新 Chrome Launcher 2.0 2014/12/5 另外一個 Google 產品開箱： Google Chromecast 台灣版開箱，初上手設定教學心得 2015/11/12 ： 幫 Chromebook 換上自動更新的 Google 藝術名畫桌面
........................繼續閱讀全文內容

LINE App PC電腦版下載設定教學，手機電腦彈性即時通

作者：
圖片
Android 、 iOS 上著名的免費通話聊天App：「LINE」， 非常有野心的不斷進行著改進，在之前我寫過「 WhatsApp 與 LINE 比較，手機傳簡訊Android, iPhone App 」一文後，又加入了許多新功能，導致我必須不斷更新之前那篇比較文章。而除了正規功能外，LINE也推出了像是「 LINE占い 免費算命簡訊， 戀愛占卜、今日運勢 即時通 」這樣的有趣服務。 事業愈做愈大的LINE， 今天則推出了一個非常受到期待的新軟體： Windows、Mac版本 的「 LINE桌面版 」 ，讓你可以在PC電腦中使用這款手機上高人氣的網路簡訊App。 在我一個晚上簡單的試用後，我覺得目前電腦版的LINE，定位上比較像是「 手機傳訊的暫時輔助 」。這個意思是，LINE還是以手機為主要的平台，不管是認證登入都需要先擁有一台智慧型手機，但是當LINE的用戶剛好坐在電腦前時，就可以輔助使用Windows、Mac版的LINE桌面軟體，來獲得更輕鬆的訊息輸入與接收，畢竟PC的螢幕要比手機大得多，鍵盤也好打的多。
........................繼續閱讀全文內容

如何在 Rainlendar 2.6 桌面行事曆添加RSS、天氣預報、倒數計時面板？

作者：
圖片
Rainlendar是非常好用的一款免費桌面行事曆，可以 幫忙管理自己的行程 ，也可以充當 筆記備忘錄 ，甚至還有 美化桌面 的功能。我之前也寫過了許多篇文章來介紹它的功能： Rainlendar 2.0.2 免費行事曆小技巧教學 Rainlendar 2.2 桌面行事曆基本安裝設定完全攻略 Rainlendar行事曆的小型網路協作應用 Rainlendar 行事曆軟體中的 TO DO、 EVENTS 有什麼不同？ 今天我則是看到了在其中一篇的讀者留言裡，有位匿名的讀者推薦了一款 Rainlendar的面板「補充包」，可以幫你的面板加上RSS新聞訂閱、天氣預報、倒數計時器、Flickr圖片輪播等新的功能視窗 ，我試用過後，覺得非常的好用，很值得向其它Rainlendar愛用者推薦，如果你還沒有嘗試過這個面板補充包，那麼或許看完我下面的教學介紹後，你也會想要趕快去試試看喔！ Rainlendar： http://www.rainlendar.net/cms/index.php 主程式其它下載點： http://www.filehippo.com/download_rainlendar/ 預設面板的功能補充包（Widget addon for Shadow4 ）： http://www.rainlendar.net/download/Shadow4-Widgets.r2skin-addon 特別註明：必須安裝在 Rainlendar 2.4 以上版本 Rainlendar本身可以更換面板，不過今天要介紹的這個輔助檔案是針對預設「Shadow4面板」的「補充包」，可以幫預設面板增加新的「功能視窗」，不過如果熟悉Rainlendar操作的朋友應該也知道， Rainlendar裡面每個小視窗（或稱widget）都是可以在不同面板外觀間移動的 ，所以即使你的行事曆主體是使用不同的面板外觀，這些新增加的功能視窗同樣可以添加進來應用。 下面我就完整介紹一遍使用的流程。 安裝面板補充包： 到 面版網頁 ，點選下方的「Download File」，然後進入下載頁面後，再點選網頁中央的檔案連結來下載，你會獲得一個「Shad...
........................繼續閱讀全文內容

Fences 1.0 正式版推出！管理桌面圖示從此井然有序，美化優化桌面的收納盒

作者：
圖片
2016/5/24 最新教學 ： 桌面上最簡潔專案管理！ Fences 3.0 我的整理法教學 ---2009/10/08更新------------   好啦！各位電腦玩物的老讀者、新朋友，我又要再一次的推薦這款我個人非常愛用的免費桌面整理軟體：Fences，因為在8個月的測試版後， 今天StarDock公司終於為我們推出了 正式版的Fences 1.0 ，並且仍然是完全免費的 ，舊版本Fences0.99的用戶這次可以直接下載新版覆蓋安裝升級。而根據官網公告，下個月還會在免費版之外推出進階付費的Pro版本。 為什麼「Fences 1.0」很好用？總結來說是因為透過這款工具，我們可以 更有效率的去整理、使用檔案 。Fences原意是「柵欄」，但是我更喜歡稱呼它為「收納盒」，因為它的功能就是幫助我們整理、收納桌面上雜亂的檔案圖示，你可以設計各種不同類別的收納盒，然後把圖示收藏進去，每個收納盒看起來小小的但可以像小叮噹的百寶袋一樣收藏無數多的檔案，於是你的桌面立刻呈現出整齊有致的效果。 但這只是開始而已， 如何 設計收納盒 的類別也是一個學問 ，我會建議你可以使用「行動方針」、「具體需求」的概念來設計收納盒分類，例如你可以分成「剛剛下載」、「試用中」、「使用完畢」三個類別，然後把你要下載來玩的軟體依據它們的「流程」在不同的收納盒中移動收藏，當進入「使用完畢」中的檔案，代表你可以進一步將其收入資料夾中並從桌面移除。如此一來， 將可以有效率的完成工作管理，快速啟動關鍵的檔案 。 最後，我想回答一個很多朋友會在使用Fences前提出來的疑惑：那就是可能你希望桌面上看起來什麼都沒有，能夠顯示出桌布本身？其實，Fences真的不會對你的這個需求造成困擾， 因為使用Fences時，只要 用滑鼠左鍵雙擊桌面 ，就可以隱藏所有的圖示 ，等你有需要時再呼叫出來即可；另外每個收納盒都可以自訂大小和位置（甚至可以縮成只有一個圖示大小，但是裡面其實收納了幾十個檔案），要移動到不會擋住桌布的地方也絕對辦得到。 如果上面這個困擾造成你使用Fences的阻礙，那麼其實這樣的疑慮是不必要的；使用Fences在桌面上整理、啟動檔案確實可以增加效率，值得Windows XP以上的用戶來試用看看。 ---------2009/02/07舊文--...
........................繼續閱讀全文內容

Google 相簿無限容量上傳 1600萬畫素照片 1080p影片

作者：
圖片
2015/5/31 完整的新版 Google 相簿教學 ： Google 相簿適合你嗎？我的12招照片雲端整理術教學 2015/6/4 新增： Google 相簿你一定想知道的 16 招搜尋照片神奇密技 2015/10/30 新增： Google 相簿人臉辨識搜尋支援台灣！幫你藏失戀照片 2015/11/18 新增： 最期待功能！Google 相簿一鍵釋放你的雲端硬碟空間 2015/12/11 新增： Google 相簿真正多人共用相簿推出！殺手級功能教學 Google I/O 大會今日舉行並發表了一系列新服務，其中有一個我們立即可用，並且和生活息息相關的重大發表，那就是 全新獨立的「 Google 相簿（ Google Photos ）」 ，和之前的 Google+ 相簿相比有非常多的改進，今天這篇文章，就讓一直以來使用 Google 相簿管理生活照片的我來為大家做一番完整介紹。 而在 Google 相簿眾多新功能中，一定要先提出來分享的，就是原本 Google 相簿裡的免費無限容量儲存空間機制，這一次進步到可以 免費無限容量儲存 「 16MP（俗稱 1600 萬畫素）照片」、「 1080p 影片」！
........................繼續閱讀全文內容

Rainlendar 2.2 桌面行事曆基本安裝設定完全攻略

作者：
圖片
之前電腦玩物曾經寫過：「 Rainlendar 2.0.2 免費行事曆小技巧教學 」這樣的介紹，這篇文章其實寫得比較簡略，主要是在提醒一些Rainlendar可以應用的功能，但是文章對於基本設定方式並沒有太詳細的介紹。不過這篇文章卻得到不少讀者的喜愛，也有許多人透過搜索引擎看到這篇文章，並對於Rainlendar這一款桌面行事曆軟體產生興趣。而這中間有些朋友可能會進而詢問我在該篇文章裡疏漏的一些基本操作說明。所以今天這篇分享，主要是說明 如何製作「免安裝版」的Rainlendar ，以及 如何將其中文化 ，我也會更詳細的說明 設定、轉移「行事曆iCalendar」的方法 ，以及如何 在免安裝中加入新的外觀 。算是對於之前那篇小技巧教學的補完，主要是讓剛接觸Rainlendar的朋友，可以有一篇更快的上手教學。 Rainlendar Lite 2.2： 官方下載網頁 、 精選外觀下載 、 語言檔下載 特別推薦： 繁體中文語言檔下載 、 晝夜變化世界地圖外觀 Rainlendar 2.2 桌面行事曆基本安裝設定完全攻略 Rainlendar 2.0.2 免費行事曆小技巧教學 Rainlendar 行事曆軟體中的 TO DO、 EVENTS 有什麼不同？ 如何在 Rainlendar 桌面行事曆添加RSS、天氣預報、倒數計時面板？ Rainlendar行事曆的小型網路協作應用 首先來到官網的下載頁面，選擇Lite(Free)後方Windows下的「Download」，就可以下載最新版的免費程式，然後到語言檔的下點頁面選擇自己需要的語言下載，繁體中文的朋友可以直接點擊上方連結。你也可以到外觀下載處選擇喜歡的外觀下載，雖然我自己覺得預設的Shadow4功能性最豐富、提供的任務圖示最完整，但是那個最新的晝夜變化地圖外觀還真的滿炫的，值得試試看。 免安裝與中文化設定教學 執行主程式，在第一個設定頁面時，選擇「 Portable Installation 」的安裝方式，你會看到下方勾選了「 Portable Installation 」，在這個模式中，你的重要行事曆資料與設定檔， 都會儲存在安裝資料夾中 ，所以你便可以「移動」安裝資料夾到任何一個地方，而資料也不會跑掉了。 接著選擇你要「安裝」免安裝版的資料夾位置，這邊其實就是將Rain...
........................繼續閱讀全文內容

Comodo Internet Security 4.0 免費防毒防駭防火牆新版心得

作者：
圖片
2010/9/18更新： 最新版comodo防火牆請看： Comodo Internet Security 5.0 免費防毒防火牆軟體新手上手教學 我一直覺得，從 一般用戶角度 來看，Comodo Internet Security是一款足以打敗目前市面上可見商業安全套裝軟體（諸如Norton、卡巴斯基、趨勢等等）的免費電腦安全中心。這裡所謂的打敗有幾個意義： 1. 針對 防火牆、防駭功能 的測試成績，Comodo免費版遠遠高於其它商業軟體。 2. Comodo免費版（包含防毒、防火牆、防間諜、防駭，與最新4.0版的沙盒。擁有繁體、簡體中文） 功能齊全 ，幾乎沒有閹割（Comodo商業版只是多了真正只有商業用戶才需要的行動網路防禦、24小時專人支援）。 3. Comodo Internet Security這麼齊全的功能卻是 免費的 ，完全打敗其它商業軟體的價格。 4. Comodo運作 效能優異 ，佔用資源極少。比最近號稱效能大躍進的Norton 360還要更快更順。 5. Comodo在介面與功能調整上不斷 向一般用戶靠近 ，尤其CIS 4.0版的所有預設功能更可以說是為非技術用戶而設計，在使用上非常好上手，警示干擾降到最低。親切度上也不輸給商業軟體。 6. 既然免費有更好的選擇 ，或者說對一般用戶來說已經足夠的選擇，為什麼要選擇不一定比較好、又多了不必要功能的商業軟體？ 或許有些朋友會擔心Comodo的防毒功能是不是有能力取代小紅傘等知名防毒軟體？畢竟Comodo一直以來廣受稱道的是它的防火牆、Defense+（HIPS主動式防禦）。如果你有這層擔心的話， 其實可以只安裝使用Comodo Internet Security裡面的防火牆、Defense+功能，然後自己另外安裝其它免費防毒軟體（如 Avast! 等工具）來組合使用。 這樣一來，我們還是可以自己打造出一套免費電腦安全防禦中心，不用花冤枉錢到商業軟體之上。
........................繼續閱讀全文內容