使用Node Express SocketIO建立實時遊戲
https://github.com/benas/chesshub.io是一個開源多人Web實時(象棋)遊戲專案,ChessHub的目標並不只提供一個功能齊全的web下棋應用程式,而是提供一個作為一個現代web應用程式使用上述技術的整合在一起的應用程式的例子。
除了象棋邏輯,下面有一組可重用的特點:
1. 應用程式結構和設定
2. 使用者身份驗證和註冊過程(/ &登入/註冊)
3. 實時多人遊戲邏輯(見遊戲邏輯部分)
4. RESTful API(/ API)
5. 實時監視儀表板(/監控)
6. “電視”頁面播放任何實時內容(/電視)
儘管應用程式相關的國際象棋,很容易在保持/適應應用程式的結構不變情況下改變領域模型和應用程式邏輯。
它使用以下技術:
客戶端:
1. HTML5 CSS 3, Twitter bootstrap 和字型組成好看的UI。
2.結合JQuery 的Javascript工具(Lodash, Moment.js, Messenger.js 和 Highcharts) 實現客戶端邏輯
3.Socket.io 客戶端使實時遊戲成為可能。
4.Chess.js 和 Chessboard.js 是有關象棋包
後端:
1. Node.js web伺服器
2.Express JS as Web framework
4.Passport JS 作為授權中介軟體
5. Socket.io服務端用於實時遊戲。
6.Handlebars.js易於渲染HTML模板。
7.Mongo DB 與 Mongoose
遊戲邏輯如下:
除了象棋邏輯,下面有一組可重用的特點:
1. 應用程式結構和設定
2. 使用者身份驗證和註冊過程(/ &登入/註冊)
3. 實時多人遊戲邏輯(見遊戲邏輯部分)
4. RESTful API(/ API)
5. 實時監視儀表板(/監控)
6. “電視”頁面播放任何實時內容(/電視)
儘管應用程式相關的國際象棋,很容易在保持/適應應用程式的結構不變情況下改變領域模型和應用程式邏輯。
它使用以下技術:
客戶端:
1. HTML5 CSS 3, Twitter bootstrap 和字型組成好看的UI。
2.結合JQuery 的Javascript工具(Lodash, Moment.js, Messenger.js 和 Highcharts) 實現客戶端邏輯
3.Socket.io 客戶端使實時遊戲成為可能。
4.Chess.js 和 Chessboard.js 是有關象棋包
後端:
1. Node.js web伺服器
2.Express JS as Web framework
4.Passport JS 作為授權中介軟體
5. Socket.io服務端用於實時遊戲。
6.Handlebars.js易於渲染HTML模板。
7.Mongo DB 與 Mongoose
遊戲邏輯如下:
[img index=1]
遊戲介面如下:
[img index=2]
相關文章
- node學習—express基本使用Express
- node中express框架使用詳解Express框架
- Node+Express的一點實踐Express
- Node之Express模板Express
- Express 實戰(二):Node.js 基礎ExpressNode.js
- 使用node和express+mongodb實現資料增刪改功能ExpressMongoDB
- 如何使用Node.js、TypeScript和Express實現RESTful API服務Node.jsTypeScriptExpressRESTAPI
- 如何使用遊戲引擎進行實時渲染和內容建立遊戲引擎
- 【node】如何在本地新建一個介面(使用express)Express
- 使用node+puppeteer+express搭建截圖服務Express
- Node.js Express 框架Node.jsExpress框架
- node框架express的研究框架Express
- node+express實現圖片上傳功能Express
- 基於node Express 攔截器的實現Express
- Flask-SocketIO 簡單使用指南Flask
- Flask SocketIO 實現動態繪圖Flask繪圖
- Node.js+Express+Mysql 實現增刪改查Node.jsExpressMySql
- node+express+MongoDB實現小商城服務端ExpressMongoDB服務端
- node JS 中 express 中介軟體實現原理分析JSExpress
- Node express 整合SwaggerExpressSwagger
- node+express+mysql入門ExpressMySql
- node express web開發框架ExpressWeb框架
- Node.js框架之expressNode.js框架Express
- Node.js 配合 express 框架、ejs 、mongodb 實現應用 && [使用 TypeScript 重構]Node.jsExpress框架MongoDBTypeScript
- Node.js+Express 開發之Cookie、Session 使用詳解Node.jsExpressCookieSession
- MERN全棧開發 使用Mongo Express React和Node全棧GoExpressReact
- node+express+mongDB實現簡單登入註冊Express
- Node.js之Express詳解Node.jsExpress
- Node + Express 後臺開發 —— 起步Express
- node+express框架中連線使用mysql經驗總結Express框架MySql
- 使用artTemplate模板開發網站(node.js+express環境)網站Node.jsExpress
- node.js的express模組實現GET和POST請求Node.jsExpress
- Node.js+express+MongoDB+socket.io 做的一個即時聊天案例Node.jsExpressMongoDB
- Node.js+express+MongoDB+socket.io做的一個即時聊天案例Node.jsExpressMongoDB
- Vue+axios+Node+express實現檔案上傳(使用者頭像上傳)VueiOSExpress
- [Day7] Node.js利用Express實現使用者註冊登陸功能(2)Node.jsExpress
- 【譯】如何連線 React 和 Node,ExpressReactExpress
- koa,node,express通用方法連線mysqlExpressMySql