王學仁個人網站

技術部落格

---

Github Blog連結：https://github.com/Hsueh-Jen/blog/issues

整理了工作上總是能受用的技術筆記，無論是我的工作夥伴或是我自己都能受用，當然也有 正在看這段話的你。 另外，我自製了一個「文組也看得懂的 - 網路爬蟲」Youtube影片，希望能加強資訊教育的推廣。

台達電子

---

在台達電子的教育事業部門中學習Java的Play Framework、Nodejs、MongoDB，使用Socket.IO製作多人聊天室以及即時互動的功能，這兩年下來主要製作的專案如下：

1. 教材管理系統的介面排版與搜尋功能
2. 寫作平台製作，製作了類似 storify的應用平台
3. 遠距教室系統製作，讓課程的導播透過socket控制子所有使用者所看到的子母畫面 ，與兩家廠商串接錄播盒的API，以及使用Azure Streaming的服務
4. 使用HTML5 的遊戲 framework「Phaser」開發英文單字小遊戲
5. 使用WebRTC開發雙人的P2P視訊聊天室，且具有文字、檔案傳輸，以及電子白板
6. 使用Vuejs開發大頭貼產生器

年哥的聖誕小禮物

---

專案連結：https://christmas-wish.herokuapp.com
Demo影片：https://youtu.be/y0c8aogR3lY
專案短網址： bit.ly/wish-maker

專案介紹「年哥的聖誕小禮物」：

這是一隻在幫聖誕老人打工的年獸(名叫年哥)，使用者可以填下自己的聖誕願望，而聖誕老人，正是我本人，會替許願的人簡單的繪製或是合成一個聖誕禮物並且給予回覆，讓大家都有自己的聖誕小禮物。

技術介紹：

• 動畫的部分就是用CSS的animation屬性製作
• 採用Firebase資料庫
• 使用Vuejs搭建後臺管理頁面
• 嵌入Facebook按讚功能以及Disqus留言板功能
• 動畫角色設計、背景圖與各物件皆自行繪製

參觀許願頁面 參觀禮物頁面

敲敲夢

---

操作說明：使用者藉由敲擊瓶身的動作讓酒瓶後方的蜂鳴片震動，蜂鳴片將其接收到的數據回傳至Arduino Uno上進行運算，再觸發相對應的LED燈發亮。使用者敲擊的樂句經過Arduino紀錄與分析後如果與設定好的樂譜相同，則會 播放一連串設計過的聲光表演，而聲音來源是藉由紅外線LED燈去遙控IPOD進行音樂播放。

作品理念：我們的夢想就像是首悅耳的曲子，等著我們填上音符，並且親手演奏出這首美妙的樂曲。在本作品中，藉由敲擊玻璃瓶來象徵我們築夢的過程。每當你敲響了一個玻璃瓶，玻璃瓶就會發出淡淡的光芒，代表我們的夢 想正在一點一滴的發光醞釀，想想看我們築夢的過程，不就是靠自己一次又一次的努力付出才能達成嗎？每次的敲擊所帶來的光芒，代表著我們的努力是有意義的，也讓我們離夢想更近一步，期待有一天夢想能夠成真。 若是敲出作品中的隱藏的樂句，所觸發的聲光表演就像是美夢成真，代表我們的努力終有一天能夠讓我們的夢想發光發熱。

此作品在2012年的台北數位藝術節中展出。 我在作品製作中負責程式設計以及燈光秀的設計，下方影片中的聲光演出是由我負責的。

客家小精靈-客寶

---

「客家小精靈-客寶」是一款富有教育意義的遊戲，遊戲劇情開始於山中的三山國王廟內，三山國王因為在山中多年，並不太了解現今客家人的生活狀況，於是派出他們的部下「客寶」下凡， 去人類世界了解客家人的現況，在冒險途中遇到許多友善的客家人，從中學習到山歌、客家菜與客家慶典等知識。在旅途過程中穿插了三款小遊戲，玩家能夠邊學習知識邊玩遊戲。我在作品中負責美術設計、程式設計以及劇情大綱。

MABO孩童校園監控系統

---

2015 Intel IoT Roadshow競賽冠軍出爐，第一名作品為「MABO孩童校園監控系統」，創作為黃信惠、王冠升與王學仁3位大男孩，獲得1,500美元。此項作品，結合內含各種感測器、配戴在孩童身上的智慧識別名牌，能將孩童所在的位置、環境光線、溫度、動作等資訊回傳至家中的監控造型燈，顯示孩童的狀態，若發生異常狀況時，孩童還可透過名牌上的按鈕，向父母傳送警示訊號。

新聞連結：智慧名牌救援 孩子走失馬上知 新聞連結：Intel自造者分享會

傢俱組裝輔助系統

---

擴增實境（Augmented Reality，簡稱 AR），是一種實時地計算攝影機影像的位置及角度並加上相應圖像的技術， 這種技術的目標是在螢幕上把虛擬世界套在現實世界並進行互動。這種技術估計由1990年提出。隨著隨身電子產品運算能力的提升，預期擴增實境的用途將會越來越廣。(資料來源：維基百科)

傢俱組裝輔助系統是使用擴增實境技術協助使用者組合DIY家具的軟體，使用者透過視訊設備或手機鏡頭觀看傢俱零件， 零件會依照說明書的操作過程實際以3D物件示範給使用者觀看，比紙本說明書更加簡單易懂。因為會依照零件現實擺放的位置示範操作，所以就算是裝錯位置，也可以立即發現。 本作品使用Flash的ActionScript進行程式撰寫，並套用Flartoolkit套件來實踐擴增實境。

此作品在工研院南分院舉辦的"How AR you?"2011AR擴增實境創意挑戰賽中獲得第一名，而後被推薦參與美商高通公司與中國電信在大陸地區所舉辦的「中國高校第一屆擴增實境大賽」中獲得二等獎，並赴北京領獎。我在此作品中負責程式設計的部分。

Nano Fighter

---

在未來醫療過程中，會將奈米大小的微型機器人注射進人體，對癌細胞進行消滅，玩家扮演的就是微型機器人，避免碰觸血管壁以及其他細菌病毒而安全抵達癌細胞的位置。

遊戲玩法與傳統的的電流急急棒類似，操作方式是使用三個方向鍵控制機器人移動，比常見的上下左右四個方向的玩法更有難度。

此遊戲是參加MIT Game Jam活動時製作的，也就是一群人在24小時內製作一款遊戲雛型的活動，在本次製作中我負責程式的部分。

冒險球

---

此遊戲要玩家使用滑鼠去吹動一顆紅色的球，避開障礙物抵達終點。這項作品在大學時獲得資工系上的遊戲設計比賽第一名，從程式設計、美術與關卡設計都是由我一人製作。

原創角色-謎樣的醜萌人

---

謎樣的醜萌人是我個人原創角色，以同樣的形象創造了許多二創角色與原創角色，也以這個角色創作了貼圖與短動畫

貼圖連結： https://line.me/S/sticker/1544423

繪畫作品集

---

平日的繪畫創作

打臉機

---

打臉機，顧名思義就是會打臉，不過不是透過你的手，而是透過機器裝置上的愛的小手，當你被輕拍到臉時總是不禁會心一笑，因為實在是太有趣了！當燈變色時，必須搶先按下按鈕，慢的一方則會被愛的小手無情的攻擊，遊戲期間你完全不必出手，是一個零暴力的互動裝置，是目前為止帶來最多歡笑的一項作品。

選社團系統、英文單字測驗系統

---

我在服教育替代役期間替國小製作了兩套數位系統，一套是英文單字測驗系統，配合學校英文單字分級活動而製作。測驗時，系統會依照測驗結果去提升學生的級別，另外模擬測驗可以讓學生練習，並糾正錯誤。

另一套系統是社團志願選擇系統，學生填寫自己的志願序後，交由系統演算法分配，教師可以從管理端介面觀看學生們社團分配狀況。

頭像產生器

---

使用Vuejs製作的頭像產生器，替自己做了一個專屬的產生器供朋友們製作他們心中的我，可以玩玩看Live Demo，有興趣也有原始碼可以下載。

Live Demo github原始碼