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

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

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

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

VIM配置整理

一、基本配色set number set showcmd set incsearch set expandtab set showcmd set history=400 set autoread set ffs=unix,mac,dos set hlsearch set shiftwidth=2 s...

2024最新版:前端性能优化方案汇总

前端训练营:1v1私教,终身辅导计划,帮你拿到满意的 offer。 已帮助数百位同学拿到了中大厂 offer。欢迎来撩~~~~~~~~Hello,大家好,我是 Sunday。前端性能优化一直是很多同学非常关注的问题,在日常的面试中也是经常会被问到的点。所以今天咱们就花一点时间来了解一下2024最新的...

2024年,不断突破的一年

迈凯伦F1车队不久前拿下了2024年度总冠军,距离上一次还是二十几年前。在此期间,另一领域内,一个充满革新活力的腕表品牌——RICHARD MILLE理查米尔,正不断发展,与F1运动、帆船、古董车展等领域,共享着对速度与极限的无尽向往。RICHARD MILLE的发展与F1车手们在赛道上的卓越表现交...

有效地简化导航-Part 1:信息架构

「四步走」——理想的导航系统要做一个可用的导航系统,网页设计师必须按顺序回答以下4个问题:1. 如何组织内容?2. 如何解释导航的选项?3. 哪种导航菜单最适合容纳这些选项?4. 如何设计导航菜单?前两个问题关注构建和便签内容,通常称为信息架构。信息架构师通常用网站地图(site map diagr...

佳能 EOS R8 深度评测

佳能 EOS R8 的定位是入门级全画幅无反光镜可换镜头相机。尽管在产品阵容中处于这一位置,R8 仍然是一个强大的相机,配备了先进的 R6 II 同款成像传感器、快速处理器和令人难以置信的自动对焦系统,体积小、重量轻、价格低。这款相机是发烧友、旅行者、家庭以及任何想要全画幅传感器相机的人的绝佳选择。...

最快清除数组空值?分享 1 段优质 JS 代码片段!

本内容首发于工粽号:程序员大澈,每日分享一段优质代码片段,欢迎关注和投稿!大家好,我是大澈!本文约 600+ 字,整篇阅读约需 1 分钟。今天分享一段优质 JS 代码片段,用最简洁的代码清除了数组中的空值。老规矩,先阅读代码片段并思考,再看代码解析再思考,最后评论区留下你的见解!const arr...