<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    零雨其蒙's Blog

    做優秀的程序員
    隨筆 - 59, 文章 - 13, 評論 - 58, 引用 - 0
    數據加載中……

    游戲開發入門

    游戲服務器:
    SmartFoxServer:smartfoxserver.com

    簡單的游戲可以用apache mina
    websocket provider:jetty

    客戶端:
    可以轉換成任何平臺的開發工具:
    http://china.unity3d.com

    HTML5&JS游戲引擎/框架
    基于HTML5的游戲框架:
    http://www.cnblogs.com/sc-xx/archive/2011/09/03/2164558.html
    HTML5游戲框架cnGameJS開發實錄
    http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=viewgrouppost&gid=119&tid=19704
    基于HTML5的超級瑪麗游戲demo
    http://www.cnblogs.com/Cson/archive/2012/02/14/2350652.html

    HTML5拍照上傳
    http://www.html5china.com/course/20120517_3703.html

    21點:jQuery&HTML5:
    http://www.html5china.com/html5games/blackjack/#
    各種HTML5游戲:
    http://www.html5china.com/game/

    HTML5人臉識別:
    http://www.html5china.com/course/20120528_3742.html
    http://www.smartjava.org/content/face-detection-using-html5-javascript-webrtc-websockets-jetty-and-javacvopencv

    HTML5游戲:
    http://pcedu.pconline.com.cn/softnews/dongtai/1009/2229265.html

    史無前例HTML5資源參考指南:

    盡管 HTML5 規范在 2014 年之前不會有正式版本,很多設計師已經開始試水高級瀏覽器已經支持的部分 HTML5 功能。HTML5 為 Web 設計和應用開發打開了一扇全新的門,原生支持了以前只可能使用 JavaScript 或 Flash 實現的東西。這里收集了學習 HTML5 的 175 個參考資源,包括教程,框架,示例等。基本上算是 HTML5 葵花寶典了吧?

    1、基礎教程

    HTML5 教程
    來自 W3schools.com 的灰常灰常基礎的教程。

    HTML5 入門,簡單易懂,馬上使用!
    來自 What!? 的指南,介紹 HTML5 初步。

    你必須知道的 28 個 HTML5 特性、小貼士和技術
    來自 Nettuts+ 的實用 HTML5 小貼士。

    HTML 簡介
    一個 40 分鐘的視頻教程,來源于 Google 員工 Brad Neuberg。

    快速技巧:你應該馬上使用的 HTML5 特性
    來自 Nettuts+ 的示范影片。

    學習熱愛 HTML5

    一個關于 HTML5 技術優勢的偉大概覽,以及一些非常有用的技巧。

    使用語義類名稱為 HTML5 做預先準備
    Jon Tan 寫的一篇文章,關于 HTML5 中的新語義類。

    HTML5:基礎介紹
    一份 HTML5 介紹,講述 API,新元素等內容。

    你必須知道的關于 HTML5 的一切
    來自 TechRadar UK 的掃盲文章。

    HTML5 教程
    非常基礎的教程站。

    HTML5 中的結構化標簽
    介紹那些即將替換諸多 div 元素的結構化標簽。

    令人驚嘆的 HTML5
    非常實用的 HTML5 入門教程

    HTML5,再一次
    一份關于使用 HTML5 進行前端設計簡要指南。

    HTML5 演講稿

    一個關于 HTML5 的超大幻燈片,本身也是使用 HTML5 制作的。

    Header 元素
    來自 HTML5 Doctor 的一篇介紹 header 元素的文章。

    HTML5 和 Web 的未來
    從 2009 年 7 月開始,這篇文章包含了 HTML5 基礎。

    HTML5 中的 CSS 代碼結構:一些實用指南
    一些來自 Woork 的實用指南。

    HTML5 如虎添翼:貼士,技巧和技術
    一份 HTML5 概覽,包括關于語義標記,表單等內容。

    2、使用 HTML5 創建網站

    HTML5 教程 – 從這里開始
    一份基礎 HTML5 教程,包括一個基本的模版文件。

    使用 HTML5 和 CSS3 編寫一個充滿活力的專業網站

    使用 HTML5 和 CSS3 編寫一個向后兼容的單頁面作品集

    HTML5 & CSS3 案例學習教程

    觸摸未來:使用 HTML5 和 CSS3 創建一個優雅的網站

    編寫一個 CSS3 & HTML5 單頁面網站模版

    從無到有編寫一個 HTML5 布局

    HTML5 和 CSS3:你即將使用的技術

    使用 HTML5 設計編碼一個炫酷的 iPhone App 網站

    用 HTML5 和 CSS3 實現簡單的網站布局

    使用 HTML5 轉換 WordPress TwentyTen 主題
    利用 HTML5 優勢改進 WordPress 默認 TwentyTen 主題的教程

    Dreamweaver CS5 中的 HTML5 和 CSS3 第一部分:構建網頁
    來自 Adobe 的關于在 Dreamweaver CS5 中編碼 HTML 和 CSS3 系列的第一部分

    使用 HTML5 和 CSS3 創建現代網站
    來自 IMB’s developerWorks 的教程

    使用 HTML5 編寫網頁
    來自 Webmonkey 站點

    使用 HTML5 設計一個博客

    3、Canvas 教程

    一個結合 HTML5 Canvas 和 jQuery 的幻燈片

    使用 HTML5 和 Java Script 設計彈跳球

    如何使用 HTML5 Canvas 畫畫
    來自 Think Vitamin 的教程,介紹如何使用 Canvas 畫畫

    HTML5 Canvas – 基礎
    來自 Dev.Opera 的 HTML5 Canvas 基礎介紹

    考慮 HTML5 Canvas 的可訪問性
    Canvas 可訪問性概覽

    HTML5 Canvas 特性指南
    一份來自 Six Revisions 的綜合指南

    Canvas 教程
    來自 mozilla 的開發者網絡,包括繪​​制形狀,使用圖像,以及更多其他教程。適合 Canvas 初學者。

    4、本地存儲教程

    使用 HTML5 本地存儲實現便簽功能
    一個本地存儲實踐教程

    使用 HTML5 和 CSS3 技術實現便簽功能
    這個案例的便簽在被關閉時有一個很酷的動畫效果

    HTML5 應用的瀏覽器存儲
    又一個在 HTML5 應用中使用本地存儲的教程

    HTML5 本地存儲 – 第一部分
    一份 HTML5 本地存儲教程的第一部分

    快速技巧:學習 HTML5 本地存儲
    來自 Nettuts+ 的視頻教程

    webOS HTML5 數據庫存儲教程
    一個關于在 Palm webOS 上使用 HTML5 本地存儲功能的教程

    5、表單教程

    使用 HTML5 表單大干一番

    如何創建跨瀏覽器的 HTML5 表單

    使用 HTML5 和 CSS3 設計搜索框

    重新考量 HTML5 表單

    HTML5 表單來了
    一些簡要信息,關于 HTML5 對表單設計意味著神馬

    6、視頻和多媒體教程

    使用 CSS3 和 jQuery 創建自定義的 HTML5 視頻播放器

    如何創建 HTML5 視頻播放器

    映射到 3D 空間的 HTML5 視頻

    打造跨瀏覽器的 HTML5 視頻(包括 iPad)
    關于 HTML5 視頻的教程

    HTML5 視頻元素
    來自 HTML5 Doctor 的關于 HTML5 視頻元素的教程

    7、移動設備應用教程

    如何創建基于 HTML5 的 iPhone 應用
    這份教程告訴你如何為 iPhone 創建一個離線的 HTML5 應用

    HTML5 應用:使用 Geolocation 定位
    介紹 HTML5 中的地理定位 (geolocation) API

    使用 HTML5 創建移動 Web 應用,第一部分
    來自 IBM’s developerWorks 2010 年的某篇參考文章的第一部分

    使用 HTML5 在移動設備上創建離線 Web 應用
    又一個來自 IBM’s developerWorks 的教程

    HTML5 應用:神馬,為神馬,咋整?
    來自Nettuts+ 的 HTML5 應用概覽

    8、更多教程

    如何使用 HTML5,CSS3,jQuery 技術創建可愛的彈窗工具
    來自 SpyreStudios 的實踐教程

    如何讓所有瀏覽器正確渲染 HTML5 標簽,甚至是 IE6
    來自 Nettuts+ 站點

    讓使用 HTML5 和 CSS3 不再遺憾
    使得 HTML5 和 CSS3 技術更加跨瀏覽器兼容的工具和技術

    實現 HTML5 拖拽
    一份來自 Nettuts+ 的教程

    我的 5 個 HTML 編碼習慣
    一些個人編碼喜好分享和指導意見

    HTML5 微數據:歡迎來到機器世界
    一個關于微數據 (microdata) 規范的概覽

    結合 CSS3 和 HTML5 技術
    一份來自 Nettuts+ 的教程

    HTML5:解決 nav 的歧義
    來自 Jeffrey Zeldman 關于使用 nav 元素的一些說明

    9、HTML5 備忘單和快速參考

    HTML5 和 CSS3 支持
    一個非常方便的表格,包括了 HTML5 和 CSS3 的瀏覽器兼容性檢查

    HTML5 蓄勢待發
    一個互動性質的圖標,給出了每個主流瀏覽器的對 HTML5 的兼容性差異

    HTML5 口袋書
    一個袖珍的 HTML5 參考指南

    HTML5 Canvas 備忘單

    HTML5 備忘小抄

    HTML 5 備忘單 (PDF)

    HTML5 圖表參考手冊
    一個圖標,解釋了 HTML5 和 HTML5 所能做到的事情

    HTML5 標簽手冊
    來自 W3CSchools 的手冊

    HTML5 詞匯表
    來自 HTML5 Doctor 站點

    HTML 5 參考手冊
    官方的 W3C 參考手冊

    HTML5 和 HTML4 不同
    來自 W3C 站點

    HTML5 所支持的特性
    一個涵蓋瀏覽器對 HTML5 特性支持情況的參考手冊

    神馬時候能用 HTML5?
    檢查各種不同瀏覽器的 HTML5 支持差異

    布局引擎比較 (HTML5)
    諸多瀏覽器布局引擎對 HTML5 和 HTML4 的支持情況對比,來自維基百科

    HTML5 ID/Class 命名參考
    HTML5 結構性元素指南

    HTML5 測試
    測試你的當前瀏覽器對 HTML5 的支持情況,并顯示其他瀏覽器的評分

    HTML5 追蹤
    一個跟蹤 HTML5 標準修訂的參考表

    HTML5 安全備忘錄
    一個方便的網站,顯示了某些場景下瀏覽器是如何處理 HTML5 元素的

    10、專業的 HTML5 站點

    W3C HTML5 Logo
    包括官方的 HTML5 Logo、以及畫廊和商品鏈接等

    HTML5 教程
    HTML5 教程站點有很多 HTML5 教程和新聞

    免費 HTML5 模版
    一個基本、免費 HTML5 模版集合

    HTML5 Rocks
    包括教程、資源,一級 HTML5 試驗場

    HTML5 Doctor
    包括問答,文章等等和 HTML5 相關的信息

    HTML Canvas 教程
    一個講解 HTML5 Canvas 教程和展示案例的站點

    WHATWG 工作組博客
    HTML5 標準 WHATWG 工作組的官方博客

    HTML5Trends.com
    一個 HTML5 新聞資訊類站點

    移動端 HTML5
    一個專門用于教學 HTML5 的移動 Web 應用與開發的網站

    11、框架

    HTML5 Boilerplate
    一份堅實可靠的 HTML5 框架

    Less Framework 4
    Less Framework 4 框架是一個結合 CSS3 和 HTML5 的框架,可選移動端端和桌面端

    52 Framework
    一個關聯 HTML5CSS3 和 JavaScript 的框架

    SproutCore
    一個 HTML5 應用程序框架

    Roots WordPress 主題
    一個 HTML5 和 CSS3 的 WordPress 基礎主題

    LimeJS
    一個 HTML5 游戲框架

    Baseline
    一個 CSS 柵格,包括一些 HTML5 元素預定義樣式

    Baker 電子書框架
    一個適用于 iPad 的電子書框架,基于 HTML5 構建

    Popcorn.js
    一個用于視頻的 HTML5 JavaScript 庫

    DHTMLX Touch
    一個基于 HTML5 的 JavaScript 庫,適用于移動端的應用

    適用于 WordPress 的 HTML5 多媒體框架
    一個 HTML5 多媒體框架 WordPress 插件

    H5 WordPress 主題
    一份基于 HTML5 的 WordPress 主題

    SwitchToHTML5
    一個 HTML5 框架生成器

    Jo
    一個移動端的 HTML5 應用框架

    HTML5 樣板官方指南
    來自 Nettuts+ 站點的指南

    12、案例展示

    HTML5 Mania
    HTML5 Web 設計畫廊

    HTML5 展示
    專業 HTML5 站點畫廊

    HTML5 網站
    有一個 HTML5 站點畫廊

    HTML5 精英
    有一份 HTML5 案例展示

    基于 HTML5
    HTML5 Web 設計案例展示

    HTML5 案例:48 個擊敗 Flash 的案例

    HTML5 畫廊
    HTML5 站點大集合

    Canvas 案例
    關于 HTML5 Canvas 的應用程序、游戲、工具和教程

    12 個漂亮的 HTML5 Web 設計案例
    12 個 HTML5 站點展示

    潛伏在未來:25 個超現代的使用 HTML5 的網站
    25 個基于 HTML5 站點的案例展示

    30 個布局由 HTML5 核心支持的壯麗網站
    另一份基于 HTML5 站點的展示案例

    13、演示和案例

    HTML5 演示和案例
    一些 HTML5 功能演示,一份瀏覽器兼容手冊

    HTML5 Canvas 和 Audio 視頻音頻實驗
    一個很酷的 HTML5 Canvas 動畫

    HTML5 和 CSS3 實驗
    一系列的 HTML5 元素、布局實驗和演示

    SublimeVideo
    一個 HTML5 視頻播放器

    Projekktor
    一個免費的 HTML5 視頻播放器

    10 個能讓你忘記 Flash 的 HTML5 演示

    12 個難以置信的 HTML5 實驗

    給大家的 Video
    另一個 HTML5 視頻播放器

    HTML5 媒體
    使得 video 和 audio 在住瀏覽器上都能正常使用

    Modernizr
    一個使得 HTML5 和 CSS3 元素兼容老瀏覽器的 JavaScript 庫

    14、書籍

    給 Web 設計師的 HTML5 書籍

    HTML5:設計富 Web 應用

    真實世界的 HTML5 和 CSS 3

    使用游戲學習 HTML5 和 JavaScript,一份 HTML5 基礎教程

    HTML5 和 CSS3,用明天的標準做今天的設計

    HTML5 Canvas:原生的交互和動畫

    專業的 HTML5 和 CSS3 設計模式

    專業的 HTML5 編程:用于開發富 Web 應用的強大的 API

    HTML5 解決方案:適合于 HTML5 開發人員的基本技術

    利用 HTML5 Canvas 實現游戲

    使用 JavaScript 實現 HTML5 動畫

    HTML5 視頻權威指南

    HTML5 24 小時培訓

    深入 HTML5

    HTML5 簡介

    了不起的 HTML5

    15、更多資源和教程

    HTML5 Web Sockets 如何與代理服務器實現互動

    HTML5 概覽
    來自 A List Apart,發布于 2007 年 12 月

    是的,你現在可以使用 HTML5 了!
    一篇 Sitepoint 文章,發布于 2009 年中

    HTML5 和 CSS3 的力量
    一篇深入介紹 HTML5 和 CSS3 的文章,發布于 2009 年中

    HTML5 語義
    2009 年 A List Apart 上發布的一篇談論 HTML5 元素語義的文章

    Kaltura HTML5 媒體庫
    一個 JavaScript 類庫,讓你能在各種瀏覽器下應用 HTML5 視頻和音頻

    有關開發命名約定,微格式,和 HTML5
    來自 For A Beautiful Web 站點

    HTML5 崛起
    來自 Adactio 站點

    Steve Smith 談 HTML5 和 CSS3
    談論 HTML5 和 CSS3 對 Web 設計意味著什么,來自 Think Vitamin

    HTML5 和 CSS3 把你帶到另一個設計層次
    來自 Web Design Ledger 站點

    HTML5:現實和神話
    來自 Smashing Magazine 的關于 HTML5 的許多神話和誤解

    HTML5 和你
    來自Nettuts+ 站點

    HTML5 在 App 上的應用
    講述 HTML5 如何應用在 App 上

    16、更多 HTML5 搜捕

    終極 HTML5 工具包:60+ 文章、教程、資源和啟發靈感的案例展示

    學習 HTML5:10 個必要原因

    HTML5 的未來

    HTML5 和 CSS3 資源終極收藏集

    15 個實用的 CSS3 和 HTML5 模版和框架

    23 個高質量 HTML5 資源

    70 個必須收藏的 HTML5 和 CSS3 教程資源

    HTML5 教程資源收集

    25 個優質 HTML5 教程和技術

    讓你忙死的 HTML5 教程和技術

    15 個實用的 HTML5 教程和備忘單

    唯一需要馬上閱讀的 HTML5 資源

    22 個優秀的 HTML5 教程

    40+ 開發者必看的 HTML5 教程,技術和案例

    30+ 實用的 HTML5 案例,教程和技術




    6款用于在線游戲的基于 Html5 的 Javascript 游戲開發框架

    戴銘

    六款游戲引擎/框架都是好東西。Akihabara 我之前翻譯的系列教程Akihabara指南里有介紹。而單從介紹和各引擎網站上來看,我對 Rocket 引擎還是很有期待的。

    1. Gamequery – 用于 jQuery 的 Javascript 游戲引擎

    GameQuery  jQuery  插件,可幫助 javascript 游戲開發者更加容易的添加游戲相關的類。它還處于開發的初期,并且在將來的版本中可能會有許多變化。項目托管于 GitHub (它之前是托管在 Google Code 的),你可以在這個 twitter 頁面 關注每日的開發進度。

    Gamequery – 用于 jQuery 的 Javascript 游戲引擎

    2. processingjs – Processing Visualization Language 的移植

    Processing.js 使你的數據可視化,數字藝術、交互動畫、教育影像、視頻游戲等,基于 Web 標準并且無須任何插件。使用 Processing language 編寫代碼,包含進 Web 頁面中,Processing.js 會處理剩余的工作。這不是魔法,但是也差不多了。

    最初由 Ben Fry  Casey Reas 開發,Processing 標準就像一種基于 Java 的開源編程語言,用以幫助電子藝術和可視化設計團體在可視化環境中學習基本的計算機編程。Processing.js 將這個帶入了更高的級別,允許任何支持 HTML5 的瀏覽器運行 Processing 代碼,包括當前版本的 Firefox, Safari, Chrome, Opera 和將要到來的 Internet Explorer 9。Processing.js 為 Processing 和 Web 開發者帶來了最好的 Web 上的可視化編程。

    processingjs 展示

    3.LimeJS 是 HTML5游戲框架

    LimeJS 是基于 HTML5 的游戲框架,用于快速構建運行于所有現代觸摸屏和桌面瀏覽器的純正體驗的游戲。

    LimeJS HTML5游戲框架

    4.Akihabara html5/javascript 游戲引擎

    Akihabara 是一系列的庫、工具、預設置,用于使用 Javascript 創建像素化的8/16位時期的游戲,不使用 Flash 插件的情況下運行于瀏覽器,使用了相當小、相當小的 HTML5 一部分特性,這些特性在大多數瀏覽器上已經實現。

    Akihabara 用于快速游戲/原型開發,雖然 Javascript 不是唯一的有趣的腳本語言,但是在每日午飯后的餐余編碼時間(我通常的自由時間)都還是可以用用的。引擎并不夠精巧,但是可用在 Google Chrome SafariFirefox Opera Konqueror  Internet Explorer 9 Beta 的 IE 9 模式。游戲在所有支持的瀏覽器和平臺上都采用同樣的模式運行,全部都是可見的。使用 Javascript 帶來的另一個好處:游戲可在流行的移動設備,如 iPhone/iPod Nintendo Wii 的 Internet 通道,Android 設備和 iPad。

    akihabara html5游戲框架

    5. Rocket引擎

    由專家級游戲開發者為了同樣級別的游戲開發者構建,Rocket 引擎 是唯一一個無須插件的瀏覽器游戲開發集成解決方案。如果你對構建夸平臺的單人游戲、Facebook 游戲或者基于瀏覽器的MMO感興趣,那么注意了!

    Warimals,首款由 Rocket 引擎構建的游戲!

    Rocket 集成 html5游戲框架

    6. Effect Games

    Effect Games 提供免費的在線工具,用于構建、分享和玩你自己的基于瀏覽器的游戲。

    游戲可以包含音效、音樂和多個包含用于視差卷動的瓦片和精靈的層。

    用戶可以在瀏覽器里玩游戲,無須任何新的插件或擴展。可發布游戲到網站或者博客,在SNS上分享,或提交到我們的特色游戲專區!

    使用 JavaScript、定制的瀏覽器游戲引擎、關卡編輯器和開發工具包構建游戲。Effect 引擎支持 Mac OS X,Windows,Linux和所有流行瀏覽器,包括 IE, Firefox, Chrome, Opera 和 Safari。

    effectgames 在線游戲構建工具




    Flash游戲框架
    Flixel http://blog.csdn.net/coollen_mmx/article/details/6317044

    posted on 2012-06-01 16:08 零雨其蒙 閱讀(1263) 評論(5)  編輯  收藏 所屬分類: 學習筆記

    評論

    # re: 游戲開發入門  回復  更多評論   

    Useful information. Fortunate me I discovered your web site accidentally, and I’m shocked why this coincidence didn’t happened earlier! I bookmarked it.

    # re: 游戲開發入門  回復  更多評論   

    Whoah this weblog is great i love studying your posts. Keep up the great paintings! You realize, lots of persons are hunting round for this information, you can help them greatly.

    # re: 游戲開發入門  回復  更多評論   

    Continue writing like this, very informative content, nice way to write, a real pleasur to read you !

    # re: 游戲開發入門  回復  更多評論   

    Thank you for another fantastic posting. Where else could anyone get that kind of information in such a perfect way of writing? I have a speech next week, and I was looking for more info ;)

    # re: 游戲開發入門  回復  更多評論   

    Great post ~
    主站蜘蛛池模板: 亚洲成a人片在线观看播放| 亚洲av不卡一区二区三区| 久久亚洲国产精品123区| 亚洲人成色7777在线观看| 亚洲精品mv在线观看| 亚洲综合激情五月丁香六月| 国产成人亚洲午夜电影| 特级做A爰片毛片免费看无码| 99在线在线视频免费视频观看| 成年在线网站免费观看无广告| 国产免费怕怕免费视频观看| 狠狠综合久久综合88亚洲| 亚洲成a人片在线观| 欧洲亚洲综合一区二区三区| 日韩电影免费观看| 好吊妞在线成人免费| 亚洲熟妇av一区二区三区漫画| 亚洲女人初试黑人巨高清| 羞羞视频免费网站入口| 亚在线观看免费视频入口| 成人男女网18免费视频| 2022中文字字幕久亚洲| 亚洲最大视频网站| 人人公开免费超级碰碰碰视频| 91久久精品国产免费一区| heyzo亚洲精品日韩| 亚洲第一成年人网站| 高潮内射免费看片| 91久久成人免费| 亚洲日本中文字幕天堂网| 亚洲成人福利在线| aa级女人大片喷水视频免费| 免费A级毛片无码免费视| 在线a亚洲v天堂网2019无码| 亚洲高清一区二区三区| 在线播放免费人成毛片乱码| 国产精品酒店视频免费看| 亚洲AV日韩AV鸥美在线观看| 国产精品亚洲综合一区在线观看| 精品无码无人网站免费视频| 亚洲福利精品一区二区三区 |