卧槽!VSCode 竟然可以整成小霸王游戏机?

news/2024/7/19 9:13:38 标签: 游戏, 列表, web, git, github

文章授权转载自:gamedilong,文末有原文链接。

今天给大家分享一下自己最近撸的一款 vscode 游戏插件,基于 vscode 的休闲放松利器。

前言

开始会先介绍该插件的安装使用方式,然后简单介绍下主要的开发步骤。

安装&运行

  • 安装和其他的 vscode 插件一样,直接在插件市场搜索 ‘小霸王’ 点击安装即可。

  • 安装完成后,再 vsocde 左侧左侧面板会有插件入口,点击即可进入游戏列表界面

  • 点击 local 里面的游戏图标即可运行,启动游戏

  • remote 部分是远程资源,右键想要玩的游戏然后点击 download 下载,下载完毕后会到 local 列表,点击即可运行。

  • local 可以点击添加按钮加载本地资源,remote 上有 refresh 同步最新的游戏资源列表

  • 游戏主界面切换模式按钮会将画面切换为黑白,方便大家上班时更低调的畅玩。

本插件的主要开发步骤

  1. 第一步也是最核心的一步,选择一款 js 的 nes 游戏模拟器。本插件用的是 bfirsh 的 jsnes 支持绝大多数的 游戏 rom github.com/bfirsh/jsne…[1]

  2. 新建两个 vscode 的树结构,一个负责展示本地列表,一个负责展示远程资源。

  3. 新建一个远程资源 github 仓库负责维护远程游戏列表,有新的游戏更新时直接更新 git 仓库。本地 refresh 即可。

下载不成功问题

  1. 很多同学反馈 remote 里面下载不成功(原因今天下载量有点大,使用的第三方资源下载挂掉了),目前已经切换了新的 remote 资源,点击 remote 上的刷新按钮等待从新加载列表即可。(临时方案,可能这个也会挂掉,后期考虑单独弄个 cdn 放 nes 资源)

  2. 有其他问题,也可以加 qq 群 858843908 号一起交流讨论。

反馈

这个插件是一个很初始版如果发现了任何的 bug 或者有任何建议, 请提交 issues to 到 GitHub Repo github.com/gamedilong/…[2]. 或者可以直接邮件到 1104238614@qq.com[3].

参考资料

[1]

github.com/bfirsh/jsne…: https://github.com/bfirsh/jsnes

[2]

github.com/gamedilong/…: https://github.com/gamedilong/anes-repository

[3]

1104238614@qq.com: mailto:1104238614@qq.com

如果觉得不错,素质三连、或者点个「赞」、「在看」都是对笔者莫大的支持,谢谢各位大佬啦~


http://www.niftyadmin.cn/n/1251350.html

相关文章

Java中映射Map的merge、compute、computeIfAbsent、computeIfPresent基本用法

下面是Java8中Map的一些新方法merge、compute、computeIfAbsent、computeIfPresent介绍。 我们在项目开发中,经常使用map,key有时存在有时不存,我们需要是用containsKey去判断,然后再决定如何修改value。 这样比较麻烦&#xff0…

android自定义线程池工具类,Android 并发工具类与线程池

该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,如果能给各位看官带来一丝启发或者帮助,那真是极好的。前言上一篇说到了Android并发编程中的 原子类与并发容器,那么本篇呢,继续上一篇记录一下Android并发编程中常用…

Node.js 有难度的面试题,你能答对几个?

1、Node 模块机制1.1 请介绍一下 node 里的模块是什么Node 中,每个文件模块都是一个对象,它的定义如下:function Module(id, parent) {this.id id;this.exports {};this.parent parent;this.filename null;this.loaded false;this.child…

android textview 上下边框,如何在Android textview周围放置边框?

让我总结一些不同的(非编程)方法。使用可绘制形状将以下内容另存为XML文件到您的可绘制文件夹中(例如,my_border.xml):android:shape"rectangle" >android:color"color/background_color" >android:width"1dp"andro…

谁杀死了Webpack?

你们有没有听说过「前端工程化」这个词?相信最近去大厂面试的朋友们一定不陌生,因为现在大厂面试都对「前端工程化」有要求。(图片来源于:Boss直聘)为什么大厂会着重考察前端工程化?随着前端技术的不断发展…

android图片播放器,android案例之图片播放器

很简单的图片播放器&#xff0c;废话不多说了<?xml version"1.0" encoding"utf-8"?>xmlns:android"http://schemas.android.com/apk/res/android"xmlns:app"http://schemas.android.com/apk/res-auto"xmlns:tools"http:/…

android 点击水滴效果,Android实现支付宝蚂蚁森林水滴浮动效果

可以有多个水滴&#xff0c;可以控制位置&#xff0c;水滴上下浮动。点击水滴产生搜集动画&#xff0c;水滴向树移动并逐渐消失&#xff0c;如图&#xff1a;那么是如何实现的呢&#xff0c;下面我们一步步来分析&#xff1a;1、定义一个继承Relativelayout 的子类作为容器放置…

Jetty安装和启动

Jetty是一个提供HHTP服务器、HTTP客户端和javax.servlet容器的开源项目。 1.下载 目录 作用 bin/ 用于存放jetty的启动脚本&#xff0c;目前仅提供liunx/unix下的脚本 demo-base/ 存放一个用于演示的工程 etc/ jetty存放xml配置文件的目录 lib/ 存放jetty运行…