Suche senden
Hochladen
利用Javascript 與 html5開發線上遊戲_0基本概念
•
7 gefällt mir
•
11,273 views
azole Lai
Folgen
一些網站開發的基本概念
Weniger lesen
Mehr lesen
Technologie
Design
Melden
Teilen
Melden
Teilen
1 von 17
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
利用Javascript 與 html5開發線上遊戲_2彈力球
利用Javascript 與 html5開發線上遊戲_2彈力球
azole Lai
用十分鐘瞭解 《JavaScript的程式世界》
用十分鐘瞭解 《JavaScript的程式世界》
鍾誠 陳鍾誠
深度學習的機器翻譯技術 (使用node.js的neataptic套件實作)
深度學習的機器翻譯技術 (使用node.js的neataptic套件實作)
鍾誠 陳鍾誠
十分鐘讓程式人搞懂雲端平台與技術
十分鐘讓程式人搞懂雲端平台與技術
鍾誠 陳鍾誠
用十分鐘瞭解 陳鍾誠的程式設計課 (採用JavaScript + C的原因)
用十分鐘瞭解 陳鍾誠的程式設計課 (採用JavaScript + C的原因)
鍾誠 陳鍾誠
用JavaScript 實踐《軟體工程》的那些事兒!
用JavaScript 實踐《軟體工程》的那些事兒!
鍾誠 陳鍾誠
用十分鐘瞭解JavaScript的模組 -- 《還有關於npm套件管理的那些事情》
用十分鐘瞭解JavaScript的模組 -- 《還有關於npm套件管理的那些事情》
鍾誠 陳鍾誠
相容於node.js的 網頁型桌面程式設計 (使用Electron.js 開發)
相容於node.js的 網頁型桌面程式設計 (使用Electron.js 開發)
鍾誠 陳鍾誠
Empfohlen
利用Javascript 與 html5開發線上遊戲_2彈力球
利用Javascript 與 html5開發線上遊戲_2彈力球
azole Lai
用十分鐘瞭解 《JavaScript的程式世界》
用十分鐘瞭解 《JavaScript的程式世界》
鍾誠 陳鍾誠
深度學習的機器翻譯技術 (使用node.js的neataptic套件實作)
深度學習的機器翻譯技術 (使用node.js的neataptic套件實作)
鍾誠 陳鍾誠
十分鐘讓程式人搞懂雲端平台與技術
十分鐘讓程式人搞懂雲端平台與技術
鍾誠 陳鍾誠
用十分鐘瞭解 陳鍾誠的程式設計課 (採用JavaScript + C的原因)
用十分鐘瞭解 陳鍾誠的程式設計課 (採用JavaScript + C的原因)
鍾誠 陳鍾誠
用JavaScript 實踐《軟體工程》的那些事兒!
用JavaScript 實踐《軟體工程》的那些事兒!
鍾誠 陳鍾誠
用十分鐘瞭解JavaScript的模組 -- 《還有關於npm套件管理的那些事情》
用十分鐘瞭解JavaScript的模組 -- 《還有關於npm套件管理的那些事情》
鍾誠 陳鍾誠
相容於node.js的 網頁型桌面程式設計 (使用Electron.js 開發)
相容於node.js的 網頁型桌面程式設計 (使用Electron.js 開發)
鍾誠 陳鍾誠
用十分鐘 向jserv學習作業系統設計
用十分鐘 向jserv學習作業系統設計
鍾誠 陳鍾誠
用十分鐘將你的網站送上雲端
用十分鐘將你的網站送上雲端
鍾誠 陳鍾誠
如何用十分鐘快速瞭解一個程式語言 《以JavaScript和C語言為例》
如何用十分鐘快速瞭解一個程式語言 《以JavaScript和C語言為例》
鍾誠 陳鍾誠
利用Javascript 與 html5開發線上遊戲_1骰子遊戲
利用Javascript 與 html5開發線上遊戲_1骰子遊戲
azole Lai
猴子也能懂的Node.js
猴子也能懂的Node.js
HopenglishRD
五行完成網頁多國語系
五行完成網頁多國語系
amostsai
人造交談語言 (使用有BNF的口語透過機器翻譯和外國人溝通)
人造交談語言 (使用有BNF的口語透過機器翻譯和外國人溝通)
鍾誠 陳鍾誠
2010 08-14 web-sitei18n
2010 08-14 web-sitei18n
tsunghaolee
App house
App house
Fred Chien
《計算機結構與作業系統裏》-- 資工系學生們經常搞錯的那些事兒!
《計算機結構與作業系統裏》-- 資工系學生們經常搞錯的那些事兒!
鍾誠 陳鍾誠
Node.js 進攻桌面開發
Node.js 進攻桌面開發
Fred Chien
MakerBoard: MT7688 Emulator
MakerBoard: MT7688 Emulator
Fred Chien
用十分鐘開始理解深度學習技術 (從 dnn.js 專案出發)
用十分鐘開始理解深度學習技術 (從 dnn.js 專案出發)
鍾誠 陳鍾誠
深度學習的捲積神經網路 -- (使用JavaScript / node.js實作)
深度學習的捲積神經網路 -- (使用JavaScript / node.js實作)
鍾誠 陳鍾誠
用十分鐘學會道本語 (用120個單字就能和外國人交談)
用十分鐘學會道本語 (用120個單字就能和外國人交談)
鍾誠 陳鍾誠
邏輯語為何從BNF轉向PEG ?
邏輯語為何從BNF轉向PEG ?
鍾誠 陳鍾誠
用十分鐘瞭解 《開放原始碼的世界》
用十分鐘瞭解 《開放原始碼的世界》
鍾誠 陳鍾誠
Codeigniter 3.0 之 30 分鐘就上手
Codeigniter 3.0 之 30 分鐘就上手
Piece Chao
減少重複的測試程式碼的一些方法
減少重複的測試程式碼的一些方法
kao kuo-tung
Getting started with test automation
Getting started with test automation
Ivan Wei
Noder eyes for frontend guys
Noder eyes for frontend guys
Hsu Ping Feng
jQuery 初上手指南(一)
jQuery 初上手指南(一)
Huai-Yu Cheng
Weitere ähnliche Inhalte
Was ist angesagt?
用十分鐘 向jserv學習作業系統設計
用十分鐘 向jserv學習作業系統設計
鍾誠 陳鍾誠
用十分鐘將你的網站送上雲端
用十分鐘將你的網站送上雲端
鍾誠 陳鍾誠
如何用十分鐘快速瞭解一個程式語言 《以JavaScript和C語言為例》
如何用十分鐘快速瞭解一個程式語言 《以JavaScript和C語言為例》
鍾誠 陳鍾誠
利用Javascript 與 html5開發線上遊戲_1骰子遊戲
利用Javascript 與 html5開發線上遊戲_1骰子遊戲
azole Lai
猴子也能懂的Node.js
猴子也能懂的Node.js
HopenglishRD
五行完成網頁多國語系
五行完成網頁多國語系
amostsai
人造交談語言 (使用有BNF的口語透過機器翻譯和外國人溝通)
人造交談語言 (使用有BNF的口語透過機器翻譯和外國人溝通)
鍾誠 陳鍾誠
2010 08-14 web-sitei18n
2010 08-14 web-sitei18n
tsunghaolee
App house
App house
Fred Chien
《計算機結構與作業系統裏》-- 資工系學生們經常搞錯的那些事兒!
《計算機結構與作業系統裏》-- 資工系學生們經常搞錯的那些事兒!
鍾誠 陳鍾誠
Node.js 進攻桌面開發
Node.js 進攻桌面開發
Fred Chien
MakerBoard: MT7688 Emulator
MakerBoard: MT7688 Emulator
Fred Chien
用十分鐘開始理解深度學習技術 (從 dnn.js 專案出發)
用十分鐘開始理解深度學習技術 (從 dnn.js 專案出發)
鍾誠 陳鍾誠
深度學習的捲積神經網路 -- (使用JavaScript / node.js實作)
深度學習的捲積神經網路 -- (使用JavaScript / node.js實作)
鍾誠 陳鍾誠
用十分鐘學會道本語 (用120個單字就能和外國人交談)
用十分鐘學會道本語 (用120個單字就能和外國人交談)
鍾誠 陳鍾誠
邏輯語為何從BNF轉向PEG ?
邏輯語為何從BNF轉向PEG ?
鍾誠 陳鍾誠
用十分鐘瞭解 《開放原始碼的世界》
用十分鐘瞭解 《開放原始碼的世界》
鍾誠 陳鍾誠
Codeigniter 3.0 之 30 分鐘就上手
Codeigniter 3.0 之 30 分鐘就上手
Piece Chao
減少重複的測試程式碼的一些方法
減少重複的測試程式碼的一些方法
kao kuo-tung
Getting started with test automation
Getting started with test automation
Ivan Wei
Was ist angesagt?
(20)
用十分鐘 向jserv學習作業系統設計
用十分鐘 向jserv學習作業系統設計
用十分鐘將你的網站送上雲端
用十分鐘將你的網站送上雲端
如何用十分鐘快速瞭解一個程式語言 《以JavaScript和C語言為例》
如何用十分鐘快速瞭解一個程式語言 《以JavaScript和C語言為例》
利用Javascript 與 html5開發線上遊戲_1骰子遊戲
利用Javascript 與 html5開發線上遊戲_1骰子遊戲
猴子也能懂的Node.js
猴子也能懂的Node.js
五行完成網頁多國語系
五行完成網頁多國語系
人造交談語言 (使用有BNF的口語透過機器翻譯和外國人溝通)
人造交談語言 (使用有BNF的口語透過機器翻譯和外國人溝通)
2010 08-14 web-sitei18n
2010 08-14 web-sitei18n
App house
App house
《計算機結構與作業系統裏》-- 資工系學生們經常搞錯的那些事兒!
《計算機結構與作業系統裏》-- 資工系學生們經常搞錯的那些事兒!
Node.js 進攻桌面開發
Node.js 進攻桌面開發
MakerBoard: MT7688 Emulator
MakerBoard: MT7688 Emulator
用十分鐘開始理解深度學習技術 (從 dnn.js 專案出發)
用十分鐘開始理解深度學習技術 (從 dnn.js 專案出發)
深度學習的捲積神經網路 -- (使用JavaScript / node.js實作)
深度學習的捲積神經網路 -- (使用JavaScript / node.js實作)
用十分鐘學會道本語 (用120個單字就能和外國人交談)
用十分鐘學會道本語 (用120個單字就能和外國人交談)
邏輯語為何從BNF轉向PEG ?
邏輯語為何從BNF轉向PEG ?
用十分鐘瞭解 《開放原始碼的世界》
用十分鐘瞭解 《開放原始碼的世界》
Codeigniter 3.0 之 30 分鐘就上手
Codeigniter 3.0 之 30 分鐘就上手
減少重複的測試程式碼的一些方法
減少重複的測試程式碼的一些方法
Getting started with test automation
Getting started with test automation
Ähnlich wie 利用Javascript 與 html5開發線上遊戲_0基本概念
Noder eyes for frontend guys
Noder eyes for frontend guys
Hsu Ping Feng
jQuery 初上手指南(一)
jQuery 初上手指南(一)
Huai-Yu Cheng
TypeScript
TypeScript
Jason Tseng
Chrome dev tool
Chrome dev tool
Shih-En Chou
测试驱动的前端开发初探
测试驱动的前端开发初探
hua qiu
Test driven-frontend-develop
Test driven-frontend-develop
fangdeng
AtticTV and NodeJS
AtticTV and NodeJS
Grey Ang
20121115 Slides
20121115 Slides
Tonyq Wang
網頁三本柱最終章Javascript與jquery
網頁三本柱最終章Javascript與jquery
Aaron King
React.js what do you really mean?
React.js what do you really mean?
昱安 周
跟著 AI 學 Angular:活用 AI 讓你輕鬆快速掌握任何知識
跟著 AI 學 Angular:活用 AI 讓你輕鬆快速掌握任何知識
National Yang Ming Chiao Tung University
陽明交大 - 跟著 AI 學習 Angular
陽明交大 - 跟著 AI 學習 Angular
升煌 黃
如何設計電腦 -- 還有讓電腦變快的那些方法
如何設計電腦 -- 還有讓電腦變快的那些方法
鍾誠 陳鍾誠
Our experience to start a startup
Our experience to start a startup
Yenwen Feng
极速 Angular 开发:效能调校技巧 (ngChina 2019)
极速 Angular 开发:效能调校技巧 (ngChina 2019)
Will Huang
HTML5 实战 WebApp 阅读应用– Shiu
HTML5 实战 WebApp 阅读应用– Shiu
Jingchao Di
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統
Hsu Ping Feng
July.2011.w3ctech
July.2011.w3ctech
Kai Cui
陳香貝.doc
陳香貝.doc
Barbara Chen
Agile tour 2014 - Coding Dojo with C# and TDD
Agile tour 2014 - Coding Dojo with C# and TDD
AgileCommunity
Ähnlich wie 利用Javascript 與 html5開發線上遊戲_0基本概念
(20)
Noder eyes for frontend guys
Noder eyes for frontend guys
jQuery 初上手指南(一)
jQuery 初上手指南(一)
TypeScript
TypeScript
Chrome dev tool
Chrome dev tool
测试驱动的前端开发初探
测试驱动的前端开发初探
Test driven-frontend-develop
Test driven-frontend-develop
AtticTV and NodeJS
AtticTV and NodeJS
20121115 Slides
20121115 Slides
網頁三本柱最終章Javascript與jquery
網頁三本柱最終章Javascript與jquery
React.js what do you really mean?
React.js what do you really mean?
跟著 AI 學 Angular:活用 AI 讓你輕鬆快速掌握任何知識
跟著 AI 學 Angular:活用 AI 讓你輕鬆快速掌握任何知識
陽明交大 - 跟著 AI 學習 Angular
陽明交大 - 跟著 AI 學習 Angular
如何設計電腦 -- 還有讓電腦變快的那些方法
如何設計電腦 -- 還有讓電腦變快的那些方法
Our experience to start a startup
Our experience to start a startup
极速 Angular 开发:效能调校技巧 (ngChina 2019)
极速 Angular 开发:效能调校技巧 (ngChina 2019)
HTML5 实战 WebApp 阅读应用– Shiu
HTML5 实战 WebApp 阅读应用– Shiu
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統
July.2011.w3ctech
July.2011.w3ctech
陳香貝.doc
陳香貝.doc
Agile tour 2014 - Coding Dojo with C# and TDD
Agile tour 2014 - Coding Dojo with C# and TDD
Mehr von azole Lai
AWS EC2 for beginner
AWS EC2 for beginner
azole Lai
20150604 docker 新手入門
20150604 docker 新手入門
azole Lai
Docker tutorial
Docker tutorial
azole Lai
作業系統基本觀念複習
作業系統基本觀念複習
azole Lai
singularly continuous
singularly continuous
azole Lai
20130908 Change the world?
20130908 Change the world?
azole Lai
Mehr von azole Lai
(6)
AWS EC2 for beginner
AWS EC2 for beginner
20150604 docker 新手入門
20150604 docker 新手入門
Docker tutorial
Docker tutorial
作業系統基本觀念複習
作業系統基本觀念複習
singularly continuous
singularly continuous
20130908 Change the world?
20130908 Change the world?
利用Javascript 與 html5開發線上遊戲_0基本概念
1.
利用Javascript 與 HTML5 開發線上遊戲
- (0) 基礎概念 賴怡玲 2014/1/18 @ 元智大學
2.
About me -
Azole ● 軟體工程師 / 技術經理 ● 金融交易系統(網站, 視窗程式)、編譯 器、電子商務網站 ● 常用語言:Javascript ( jQuery, AngularJS, NodeJS), PHP, C#, C++,... ● PMP
3.
假設... ● 大家都學過程式設計... ○ ○ ○ ○ 變數 條件判斷 迴圈 函式 ● 但是大家都不會Javascript...
4.
今天不會做的事... ● 教完全部的 Javascript ●
教完全部的 HTML5 ● 教到 jQuery 或是 AngularJS 等工具、函式庫 或框架 ● Server 端
5.
今天會做的事... ● 直接利用幾個小遊戲來學習 Javascript
與 HTML5 ● 跳過最基礎的定義與多種方法(只挑其中一種 來示範),今天的目的是「入門」與「感受」 ● 希望每個人都可以自己動手實作 ● 不停地上網查資料,慢慢地、一步一步地完成 目標
6.
話說在前頭...
7.
網頁瀏覽這回事... (1) (6) (4) HTTP Request 173.194.72.94 (5) HTTP Response (2) www.google. com.tw (3) 173.194.72.94 http://reviews.cnet.com/8301-3132_7-57569688-98/seagate-overhauls-advanced-nas-lineup-with-business-storage-servers/ http://demo.onestepcheckout.com/products/acer-ferrari-3200-notebook-computer-pc.html http://db.cse.ohio-state.edu/ DNS
8.
後端 前端:HTML + CSS
+ Javascript HTTP Request 173.194.72.94 <?php echo “test”; ?> HTTP Response test
9.
HTML5 HTML Javascript CSS API 9% 40% 1% 50% (我們今天上課的比例)
10.
2022年 ... 了 偷跑 家都 大 不過 http://www.youtube.com/watch?v=I0rIZc5SU84&list=PL1HFn_p7KtfGQ2n6Cr_mV5bCEvtEWnyR_&index=1
11.
瀏覽器支援程度 ● 測試網站:http://html5test.com/ ● 或是可以在網路上查到類似這樣的表格:http://caniuse. com/canvas http://caniuse.com/canvas
12.
練習題與範例下載網址 https://github.com/azole/HTML5Game-Tour 右下方有一個 Download ZIP
13.
基本的 HTML 網頁
14.
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 ● …
Jetzt herunterladen