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

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

ruisui884个月前 (03-01)技术分析20

今天给大家分享一款超经典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” 的相关文章

10个实例小练习,快速入门熟练 Vue3 核心新特性(一)

作者:xuying 全栈修炼转发链接:https://mp.weixin.qq.com/s/_n2seDbbiO5hXQfuUGbUCQ前言Vue3.0 发 beta 版都有一段时间了,正式版也不远了,所以真的要学习一下 Vue3.0 的语法了。本篇文章总共分两部分,望小伙伴们认真阅读。下一篇:10...

Git 分支管理策略汇总

最近,团队新入职了一些小伙伴,在开发过程中,他们问我 Git 分支是如何管理的,以及应该怎么提交代码?我大概说了一些规则,但仔细想来,好像也并没有形成一个清晰规范的流程。所以查了一些资料,总结出下面这篇文章,一共包含四种常见的分支管理策略,分享给大家。Git flow在这种模式下,主要维护了两类分支...

「Git迁移」三行命令迁移Git包含提交历史,分支,tag标签等信息

问题描述:公司需要将一个git远程服务器的全部已有项目迁移到一台新服务器的Gitlab中,其中需要包含全部的提交纪录,已有的全部分支与全部打tag标签,目前此工作已全部迁移完毕,特此记录一下操作步骤环境描述:1. 要迁移的远程Git:Gitblit2. 迁移目的Git:Gitlab3. 暂存代码的P...

雅马哈TMAX 560 TECH MAX 外媒深度测评

应雅马哈(Yamaha)的邀请,在葡萄牙埃斯托里尔对全新的Yamaha TMAX 560 Tech Max踏板车进行了测试,在这里TMAX 560 Tech Max售价为11649英镑。雅马哈TMAX长期以来一直站在踏板车的顶端,就声誉和知名度而言,它是当之无愧的大踏板界NO.1。2020 TMAX...

USB电池充电基础:应急指南

USB为便携设备供电与其串行通信功能一样,已经成为一种标准应用。如今,USB 供电已经扩展到电池充电、交流适配器及其它供电形式的应用。应用的普及带来的一个显著效果是便携设备的充电和供电可以互换插头和适配器。因此,相对于过去每种装置都采用专用适配器的架构相比,目前的解决方案允许采用多种电源进行充电。毋...

JavaScript数组操作:掌握常用方法,提升开发效率

JavaScript数组操作:从增删改查到高级应用本文深入解析JavaScript中常用的数组方法,包括push、unshift、pop、shift、map、filter、reverse、at 和 slice。通过详细的例子和应用场景,帮助开发者快速掌握这些方法,提升代码效率和可读性。开篇点题作为J...