摯愛HTML5 7款華麗的HTML5應用和遊戲引擎，有你中意的么

新的一周開始了，小編繼續為大家分享一些不錯的HTML5應用，也感謝各位前端愛好者這麼久的支持。今天我們要分享7款華麗的HTML5/CSS3應用，這些HTML5應用都是最新收集的，歡迎各位收藏。

1、Construct 2

Construct 2是一個運行於Windows平台的遊戲製作工具，它可以讓沒有任何編程基礎的用戶在短時間內不寫一行代碼快速開發出一款可運行於所有平台（Windows、Mac、Linux、Android、iOS等）的遊戲。免費版可以將遊戲導出成HTML5。收費版本分為個人版（79英鎊）和企業版（259英鎊），可以導出所有平台的版本，同時提供了更多的特效和音樂。如果使用該工具盈利超過5000美元，需要升級到企業版。

加群六二三九六六八零六 免費領取前端學習資料，群里還有大神解答問題和交流

特點：

簡單直觀，入門容易，無需編程也能做遊戲，長處是開發射擊及動作類的平面遊戲，有豐富的英文資料。

優點：

支持多平台（Android，iOS，Windows)

簡單易用、無需編程知識可以使用，可實時運行遊戲；

提供了大量特效，支持物理效果，有開發者商城，在上面可以購買到各種開發插件和遊戲素材；

強大的事件系統，可以不通過寫代碼來控制遊戲邏輯；

提供了可編程擴展的介面，可以自己開發插件；

完整的文檔以及社區支持。

缺點：

非開源，且中文教程極其匱乏；

由於網頁，手機都是相對於電腦來說性能較低的硬體產品，所以需要開發者更好的運用系統資源，甚至在windows平台也是如此，因為其windows的輸出格式也是利用Chrome瀏覽器的內核所做，也就是說本質上還是在瀏覽器上運行。

點評：使用最多的HTML5商業引擎，更新快且開發者商城支持非常棒，推薦！**

2、Three.js

Three.js 是一款運行在瀏覽器中的 3D 引擎，你可以用它創建各種三維場景，包括了攝影機、光影、材質等各種對象。你可以在它的主頁上看到許多精採的演示。

3、Phaser

Phaser是一款專門用於桌面及移動HTML5 2D遊戲開發的開源免費框架，提供JavaScript和TypeScript雙重支持，內置遊戲對象的物理屬性，採用Pixi.js引擎以加快Canvas和WebGL渲染，基於瀏覽器支持可自由切換。

快速、免費、易於維護，使用Phaser來開發2D小遊戲的優勢顯而易見。一方面，開發者可以直接通過Koding平台上的VM開發系統進行代碼編寫及預覽。另一方面，也可以在支持Canvas的瀏覽器中直接安裝Phaser來進行遊戲開發。

加群六二三九六六八零六 免費領取前端學習資料，群里還有大神解答問題和交流

主要特性：

JavaScript、TypeScript雙重支持

內置遊戲對象的物理屬性

WebGL、Canvas渲染自由切換

完全支持Web音頻

輸入：多點觸控、鍵盤、滑鼠、MSPointer事件

除了IE 9+、Firefox、Chrome、Safari及Opera等桌面瀏覽器之外，Phaser還支持Mobile Chrome（Android 2.2+）及Mobile Safari（iOS 5+）等移動瀏覽器。使用Phaser進行遊戲開發沒有任何語言設定，並且，在Phaser官網上，還提供了非常詳細的開發指南，想要一探究竟的開發者不妨直接登陸Phaser查看。

4、HTML5/CSS3圖片選擇動畫 可選擇多張圖片

之前我們已經分享過幾款很酷的HTML5圖片特效，像HTML5 3D圖片摺疊特效、HTML5 3D旋轉圖片相冊等應用。今天我們來分享一款既炫酷又實用的HTML5圖片選擇特效，當圖片被選中時，圖片上就會覆蓋一個半透明的層，上面有一個勾，並且在選中的時候圖片出現彈跳的動畫效果。

5、HTML5/CSS3摺疊動畫登錄表單

之前我們分享過一款仿facebook的登錄表單，效果的確很贊。今天我們再來分享一款很有特色的CSS3登錄表單，這款登錄表單的用戶名和密碼是分開輸入的，當輸入用戶名，然後按回車時，即會摺疊展開密碼輸入框，這個3D摺疊的效果很不錯。

6、純CSS3實現圖片復古效果 滑鼠滑過切換

今天我們要分享一款非常酷的圖片效果，這個效果在很多P圖軟體中經常可以看到，就是對一張圖片進行復古效果的渲染。這款CSS3圖片效果就實現了這個復古的特效，我們只要將滑鼠滑過圖片，就可以實現這一圖片復古效果了。

7、簡易的CSS3下拉菜單 外觀比較清新

今天我們要來分享一款外觀非常清新的CSS3下拉菜單，這款下拉菜單和之前我們分享的一些不同，它主要可以應用在一些操作面板上，配上一些小圖標可以讓這款CSS3下拉菜單變得更加漂亮和實用。另外，由於菜單非常簡單，我們也可以非常方便地擴展它。

加群六二三九六六八零六 免費領取前端學習資料，群里還有大神解答問題和交流

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！