如前所述，年假好長又不願意出門人擠人，我除了每天去小公園打球之外，早起的幾小時(5~8點)也忍不住會「玩玩」程式，順便編成上課教材！下學期雖然開始兼任院長，但還是要教兩門課，其中大一的「網頁設計」課依據本系(數位遊戲設計)屬性不會偏重美工，而是當作一門JavaScript(簡稱JS)的程式設計課來上的！「網頁」設計課變成「程式」設計似乎有點特別？會不會名不符實啊？其實原因很合理的，也可以看出我們的課程內容真的很認真在跟著潮流趨勢調整！

一方面是因為HTML5出現後使用JS設計網頁遊戲是新的潮流，有可能取代Flash的市場(很多專家都這麼說的)，我們遊戲設計系當然要跟上潮流趨勢啊！網頁裡面的JS原本只是配角，但互動網頁出現之後，網頁設計本來就越來越像程式(HTML+CSS+JS)設計。另一方面，多數的遊戲設計引擎軟體都引用常見、通用又不屬於私人公司的JS作為軟體內部的腳本程式語言(用VB就必須付錢給微軟了)，本系學生們真的很有需要在大一的這門課之中提前加強對JS語言的熟悉度。

老實說我自己的JS語言能力也是近幾年不斷努力自修摸索來的，相關的書籍資料並不太多(比VB、C#或Java等語言少)，而且因為JS不屬於任何一家公司，就沒有專於於它的程式設計軟體(開發環境)，很多軟體都可以有限度支援傳寫JS，但真的都不夠完整。想有系統的深入學習真的不容易，我從網路資料片段摸索學到的比讀書學到的可能還多一點！不過現在慢慢進入狀況，開始可以用JS實作大部分我可以用VB或C#做到的事情了！

對我來說寫程式一定是從好玩、有趣與有用開始的，我編教材當然也是秉持一樣的原則！因為我的學生比我更不用功，基礎也沒我好，所以教材必須看起來更好玩、更有趣且很有用，才能讓他們根本沒時間去擔心程式難不難這個問題！跟著教學範例一個一個的程式「玩」下去，不知不覺的程式能力就不錯了！我目前這個課程的網站網址是：http://ycc.tsu.edu.tw/WebPage/

上述網頁是教人怎麼做出動態網頁，因為JS程式其實是可以從瀏覽器直接看到原始碼的，所以我的教學網頁通常不會把成品放上去，這樣學生上課就會直接拷貝程式碼交作業，不肯好好聽課寫程式了！各位當然不是來上課的，在此就隨便PO幾個成品的JS網頁分享大眾吧！(或許上課前就會撤掉)

用滑鼠拖曳拋射這個球：http://ycc.tsu.edu.tw/WebPage/JS/AngryBird.html

打地鼠囉：http://ycc.tsu.edu.tw/WebPage/JS/hitmole.htm

玩XO連線：http://ycc.tsu.edu.tw/WebPage/JS/JSXO.html

乒乓球也可以：http://ycc.tsu.edu.tw/WebPage/JS/pinpong.htm

都是一些程式碼很簡短適合教學的好玩範例，但是因為JS程式是透明的，一公開誰都可以直接拷貝走了！基本上我願意分享，有其他老師直接用我的網頁教學我都是很高興的！但是使用時拜託尊重一下作者，講一下出處；即使不講也不要宣稱是你自己做的，讓我反而變成「抄襲者」，那就會讓我很OOXX了！

PS.現在技術上還有個盲點，就是拖曳物件的動作在滑鼠操作下OK，但是觸控螢幕上如何表現還不太清楚，有高手知道就多指教了！我會和我的學生一起感謝你的！