利用Javascript 與 html5開發線上遊戲_0基本概念
7 likes11,292 views
本文件介绍了利用 JavaScript 和 HTML5 开发在线游戏的基础概念，包括 HTML、CSS、JavaScript 的使用，以及常见的库和框架（如 jQuery 和 AngularJS）的学习。课程旨在通过小型游戏让学习者动手实践，逐步掌握相关技能。文中还提供了各种学习资源和示例，以帮助学生深入理解这些技术。
利用Javascript 與 html5開發線上遊戲_0基本概念
- 1. 利用Javascript 與 HTML5 開發線上遊戲 - (0) 基礎概念 賴怡玲 2014/1/18 @ 元智大學
- 2. About me - Azole ● 軟體工程師 / 技術經理 ● 金融交易系統(網站, 視窗程式)、編譯 器、電子商務網站 ● 常用語言：Javascript ( jQuery, AngularJS, NodeJS), PHP, C#, C++,... ● PMP
- 4. 今天不會做的事... ● 教完全部的 Javascript ● 教完全部的 HTML5 ● 教到 jQuery 或是 AngularJS 等工具、函式庫 或框架 ● Server 端
- 5. 今天會做的事... ● 直接利用幾個小遊戲來學習 Javascript 與 HTML5 ● 跳過最基礎的定義與多種方法(只挑其中一種 來示範)，今天的目的是「入門」與「感受」 ● 希望每個人都可以自己動手實作 ● 不停地上網查資料，慢慢地、一步一步地完成 目標
- 6. 話說在前頭...
- 8. 後端 前端：HTML + CSS + Javascript HTTP Request 173.194.72.94 <?php echo “test”; ?> HTTP Response test
- 13. 基本的 HTML 網頁
- 15. HTML基本範例 - Demo ● HTML Tutorial ○ http://www.w3schools.com/html/ ○ http://www.w3schools.com/html/html_examples.asp ● CSS Tutorial ○ http://www.w3schools.com/css/ ○ http://www.w3schools.com/css/css_examples.asp ● Javascript Tutorial ○ http://www.w3schools.com/js/
- 16. Just do it ● 骰子遊戲 利用Javascript 與 HTML5開發線上遊戲_1Dice ● 彈力球 利用Javascript 與 HTML5開發線上遊戲_2Ball
- 17. 今天只是一個開始，要繼續加油～ ● HTML5：新的標籤, Web Storage, Web Workers, Geolocation, Form, ... ● Javascript：物件, JSON, closure, protoype,... ● CSS ● 學習使用函式庫或框架：jQuery, AngularJS,... ● 用 js 來做後端：Nodejs ● …