H5数独小游戏

先甩个链接 识别图中二维码,体验小游戏

这里写图片描述

项目背景:

六一儿童节活动拉新的游戏项目,前十名有奖品,分享获取更多机会,根据活动改编,去掉用户环节,只有游戏部分 四宫格、六宫格、九宫格

首先使用vue 搭建的项目,使用下列命令搭建项目

npm install -g vue-cli
vue init webpack my-project
cd my-project
npm install
npm run dev

目录结构

这里写图片描述

对四宫格、六宫格、九宫格分别用不同的路由名区分,在game.vue模块中判断不同的路由来展示不同的游戏内容和调用不同的游戏方法

源码

具体的游戏逻辑,欢迎上Github了解 源码

游戏图

这里写图片描述

这里写图片描述
这里写图片描述
这里写图片描述

这里写图片描述

猜你喜欢

转载自blog.csdn.net/aimee1608/article/details/80653499