Skip to content
This repository has been archived by the owner on Jan 18, 2022. It is now read-only.

summerscar/vscode-live2d

Repository files navigation

live2d README

某人的一个无聊想法,然后一个无聊的下午 写了第一个vs扩展

实现参考: video扩展,用背景来播放视频...这个也很无聊的

因为涉及版权问题 插件下架了 只能通过开发模式加载,详见官方的开发文档(我记得是npm link到vs的插件目录下,我也记不清了哈 哈哈哈哈)

原理

vscode基于electron,拥有一个index.html的静态文件,我要做的就是重写这个index.html加入相应的script标签和js 就行了,然而这样会被检测出vscode出错,请点击不再显示

注意

  • 最近vscode升级了UI,需要安装1.28版本以上使用
  • windows系统下需要管理员权限 (右击图标-兼容性-以管理员运行)
  • mac系统下 在应用目录-vscode-查看简介-最下方修改-读与写权限

安装

输入live2dInstall前务必手动备份 Microsoft VS Code/resources/app/out/vs/workbench/electron-browser/bootstrap/index.html文件

  • 扩展里搜索live2d安装
  • ctrl+shift+p 输入live2dInstall (这时候入口index.html会被重写,然后重启vs才会就能正确加载)
  • 重启

卸载

  • ctrl+shift+p 输入live2dUninstall(这时会恢复入口文件,依然是重启生效)
  • 卸载插件
  • 若仍报错,将备份的index.html再放回去就行了

配置

** 修改配置后执行live2dInstall再重启才生效**

配置: 文件 -> 首选项 -> 设置

    // 未配置则为如下默认参数
    "live2d.width": 200,  // canvas宽度
    "live2d.height": 220 // canvas高度,
    "live2d.bottom": 20, //  canvas距底部位置
    "live2d.right": 20,  //  canvas距右侧位置
    "live2d.model": "hijiki",  //  模型名称  见参考中第二条 目前26个
    "live2d.headPos": 0.5,  // 重心
    "live2d.scale": 2, // 缩放(貌似无效..)
    "live2d.opacity": 0.7, // 透明度
    "live2d.hoverOpacity": 1 // hover透明度
    "live2d.canHover": true // 是否开启hover效果(鼠标穿透)

其他参考

预览

About

vscode的live2d扩展 Add the Sseexxyyy live2d to vscode!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published