用 jQuery 做一套遊戲 大學期間學習網頁開發過程中,總是會有一些有趣的靈感,而我總是喜歡使用我所會的語言工具,去將想法實現出來,而使用 jQuery 製作遊戲也是我的一項小小里程碑。 這作品相信大家會有似曾相似感,靈感來自於 Nintendo 的一款遊戲,叫做 Pokémon,當初構想曾有過大至商城化、地圖化劇情,但由於多項因…

用 jQuery 做一套遊戲

大學期間學習網頁開發過程中,總是會有一些有趣的靈感,而我總是喜歡使用我所會的語言工具,去將想法實現出來,而使用 jQuery 製作遊戲也是我的一項小小里程碑。

這作品相信大家會有似曾相似感,靈感來自於 Nintendo 的一款遊戲,叫做 Pokémon,當初構想曾有過大至商城化、地圖化劇情,但由於多項因素就沒將它完整的完成。其中個人最滿意的部分是全部網站效果皆由 jQuery 製作,而圖示、視覺,則利用小畫家PhotoImpact 獨立完成。

以下是 Demo 影片,演釋了整個遊戲的流程,歡迎有興趣者點閱。

相關參考

實作 jQuery imgLiquid 套件 - OA Wu's Blog
實作 jQuery imgLiquid 套件
實作 jQuery imgLiquid 套件實作 jQuery imgLiquid 套件 imgLiquid 是一個處理前端圖片置中的 jQuery Extend Function,其中參考了 imgLiquid,但其架構與做法不大相同。 此作品雖然與 imgLiquid 功能一樣,但是做法不同,前者將 設定成隱藏,在取出其圖片網址後設定在該 父元素的 Style,而我的這次要實作的雖然目的相同,但做法則不一樣。 首先需要…
實作 jQuery scrollSliderView 套件 - OA Wu's Blog
實作 jQuery scrollSliderView 套件
實作 jQuery scrollSliderView 套件實作 jQuery scrollSliderView 套件 OA-scrollSliderView 這是一個前端 jQuery Extend Function,主要架構於 jQuery,此版本是支援 Responsive Web Design(RWD) 的頁面。 相關參考 Live Demo GitHub 原始碼
用 jQuery 做迷宮遊戲 - OA Wu's Blog
用 jQuery 做迷宮遊戲
用 jQuery 做迷宮遊戲用 jQuery 做迷宮遊戲 此作品主要架構於 jQuery 之下實作,它不是一個前端 jQuery extend function,而是 based on jQuery 的前端迷宮遊戲,並且當使用智慧型手機瀏覽時,可支援使用重力感測器(G-sensor),所以可利用搖晃手機達到操作方向的簡單體感遊戲。 專案內有附一隻地圖產生器,可以提供各位自行編輯迷宮地圖路線,…
實作 jQuery Navbar 套件 - OA Wu's Blog
實作 jQuery Navbar 套件
實作 jQuery Navbar 套件實作 jQuery Navbar 套件 這是一個前端 jQuery Extend Function,主要架構於 jQuery 以及 SCSS、SASS。開發者可自行設定 SCSS 變數、jQuery Extend Options 來更換樣式。 相關參考 Live Demo GitHub 原始碼
吳政賢 個人簡歷 OA Wu LiveCoding.tw