当前位置:首页 > 技术分析 > 正文内容

超趣味 Electron+Vue 贪吃蛇游戏Snake

ruisui882个月前 (03-01)技术分析14

今天给大家分享一款超经典Electron+Vue.js贪吃蛇小游戏SpaceSnake

space-snake 基于electron-vue构建的桌面端贪吃蛇小游戏。支持设置游戏等级、速度、保存游戏状态等功能。

技术栈

  • 基于Electron + Vue.js开发
  • 状态管理:Vuex
  • 路由:Vue-router
  • 编译打包:Webpack
  • 样式:SASS
  • 测试:Karma + Mocha.

快速安装

# 下载源码到本地
git clone https://github.com/ilyagru/Space-Snake.git

# 进入项目目录
cd Space-Snake

# 安装依赖
npm i

# 开发调试
npm run dev

# 构建打包
npm run build
# electron-vue仓库地址
https://github.com/SimulatedGREG/electron-vue

如果对Electron-vue开发小游戏感兴趣,可以去看一看哈!

大家可以发挥想象力,在此基础上开发出一些有意思的小游戏。

# 仓库地址
https://github.com/ilyagru/Space-Snake

ok,今天就分享到这里。如果大家有其它好的Electron项目,欢迎一起交流分享。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/2389.html

分享给朋友:

“超趣味 Electron+Vue 贪吃蛇游戏Snake” 的相关文章

智能计费、综合管控,爱博精电帮您快速构建水电费预付费管理系统

近年来,随着企业经营管理意识的加强,商业建筑的物业管理部门对于水电费的收缴越来越重视,在实际运营中,因为服务、管理或其他方面的纠纷,商户拖欠电费的情况时有发生,管理部门为了消除收费难、垫付水电费过多、偷窃电等诸多难题,急需改变传统水电费收缴方式。但是常规的水电预付费改造面临着改造难度大、改造周期长、...

GitLab 14.6发布,优化Geo高可用,安全更新等

昨天,GitLab官方按照管理发布了有一个月度版本GitLab 14.6的发布,这也是本年度收官版本。14.6中在安全合规性方面,在Geo方面以及MD代码块一键复制等方便做了优化,另外还在UI图标方面发布了一套全新的图标。详细情况请和虫虫一起学习。GitLab 14.6主要改进使用 Geo 实现无缝...

抖音 Android 性能优化系列:启动优化实践

启动性能是 APP 使用体验的门面,启动过程耗时较长很可能使用户削减使用 APP 的兴趣,抖音通过对启动性能做劣化实验也验证了其对于业务指标有显著影响。抖音有数亿的日活,启动耗时几百毫秒的增长就可能带来成千上万用户的留存缩减,因此,启动性能的优化成为了抖音 Android 基础技术团队在体验优化方向...

博信股份新战略后再推新品 TOPPERS E2耳机售价199元

中新网6月21日电 20日,博信股份在北京正式推出新品TOPPERS主动降噪耳机E2,这是博信股份继2月战略暨新品发布会后的第二次新品亮相。价格方面,TOPPERS主动降噪耳机E2零售价199元,并于6月20日下午4点在京东商城公开销售。据介绍,TOPPERS主动降噪耳机E2采用AMS(奥地利微电子...

30 个纯 HTML5 实现的游戏

浏览器和 JavaScript 的功能逐年不断的变强变大。曾几何时,任何类型的游戏都需要Flash。但随着 HTML5 发展,HTML5 + WebGL 游戏式就慢慢占领着这个舞台。以下是30款流行的游戏,它们可以在所有现代浏览器中运行,并且只使用web技术构建。1. HexGL地址:http://...

Vue实现动态路由

通常我们在vue项目中都是前端配置好路由的,但在一些项目中我们可能会遇到权限控制,这样我们就涉及到动态路由的设置了。动态路由设置一般有两种:(1)、简单的角色路由设置: 比如只涉及到管理员和普通用户的权限。通常直接在前端进行简单的角色权限设置(2)、复杂的路由权限设置: 比如OA系统、多种角色的权限...