▲寫好JavaScript程式後按『執行』按鈕，左邊視窗會把你所設計的遊戲叫出，中間是code9leap所內建的範例，所有程式語言學習所需要進行的第一步驟往往是Hello程式碼，這連JavaScript也並不避俗！

（圖片出處）

▲實作一：把「Hello,Bear」字樣往右邊移。

（圖片出處）

▲成功地將「Hello,Bear」移往右邊後接下來又出了實作二，讓妳自由移動「Hello,Bear」上下的位置，只要高度跟原本不一樣就可以。

（圖片出處）

▲這次要更改字樣，經過所有課程後JavaScript的基礎就摸得差不多了。

（圖片出處）

剛開幕的網路線上JavaScript與HTML5遊戲設計教學網路互動站code9leap已登場。想進去學目前當紅3D遊戲製作引擎《Unity3D》所使用的語言JavaScript來製作包括XBox360、Wii、PlayStation3、Android智慧型手機、網站遊戲等各平台3D遊戲的玩家可利用此服務打下JavaScript設計遊戲的基礎。

此服務建議在Google Chrome和Firefox上面執行，以免出現不相容。

▲左方為原本範例程式碼執行後的結果，此遊戲要從襲擊公主的劍士們中拯救金髮公主。

（圖片出處）

想輕鬆學習JavaScript的玩家只要在code9leap網站稍微登錄一下，就可以直接進入開始體驗易學易懂的現場互動式JavaScript遊戲設計了。連eMail登錄都不需要，為了自己的遊戲設計功力著想是一定要進入訓練一下的！

▲此遊戲的敵人好像根本就打不完，讓筆者回想起DOD的フリアエ結局。

（圖片出處）

在JavaScript程式碼玩家可以自行修改自己喜愛的台詞，像是『このロリコンどもめ！！』、『くやしい…！でも…感じちゃう！』。敵人的數量也可在程式中自行修改，像在第八十九行的25原本的程式碼是寫3，改成八倍以上之後敵人數量也是原本的八倍以上！

▲在戰場上自己的內心萌生出一種情愫的公主。

（圖片出處）

有code9leap線上教學，學JavaScript的苦功可在遊戲進行中自然而然地被完成。今後進一步使用3D遊戲製作軟體《Unity3D》來做3D遊戲時也會有相當大的助益，一步一步學習JavaScript，不浪費程式入門的好機會，並將您在code9leap所製作的遊戲分享給大家吧。（引用來源）

關聯網站：

• code9leap
• 《Unity4》將支援Flash及Linux系統 繼續霸佔遊戲開發市場大餅！
• Mozilla Developer Network – JavaScript