Watch Star

naka507 / webddzJavaScript

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
javascript开发游戏客户端,没有第三方框架,代码更底层
naka507 最后提交于 更新 README.md
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md 2.04 KB

webddz

===============

介绍

技术栈:javascript + canvas + websocket + webpack3

这个项目的部分底层代码来自一个单机斗地主,开发这个项目也是由于看到源码封装了大部分CANVAS的API,让我对学习使用CANVAS产生了很强的学习动力。 本人也是第一次从零开始开发游戏客户端,再构思了几天后,想好了代码架构设计开始动手,断断续续开发了2个多月的时间。现已完成了用户登录、创建玩家、创建房间、进入房间、抢地主、发牌、出牌、比牌等一系列功能模块,服务端使用了PHP的WORKERMAN框架,数据库采用MYSQL。

这个项目只是客户端,可以点击查看服务端

未完成:开房选项、用户积分、退出房间、出牌完成、游戏结算、第三方登录、聊天、移动端适配

目前由于各种原因,项目已停止开发。希望对一些新手学习或者你对这种架构开发游戏比较有兴趣,能给到帮助!

游戏界面

用户登录 创建玩家 游戏大厅 创建房间 等待开始 进入房间 抢地主选分 选择出牌 等待出牌

线上预览

测试地址:https://www.oyoula.com/ddz

本地开发

使用前请确保开发环境下安装了NODEJS,并安装了WEBPACK3

初始化:

npm install
npm install --save-dev webpack webpack-dev-server html-webpack-plugin file-loader url-loader babel-core babel-loader babel-preset-es2015 babel-preset-react babel-preset-env

预览:

npm run server

打包:

npm run build

项目点评 ( 0 )

你可以在登录后,发表评论

搜索帮助