A-SOUL-live2d 使用简介

嘉晚饭是真的！ 赢！

简单预览：

视频演示

插件介绍视频 可以的话请给我点一下赞，能转发分享评论就最好了
我的b站账号 关注吗？也不是不行，(^_^)

功能概况：

使用 iframe 嵌入页面中，实现效果。

• 启动 live2d 看板娘视图(使用sdk: pixi-live2d-display pio)
• 模型：嘉然、向晚（来源 b 站 up：木果阿木果）
• 整体操作
  • 拖拽位置
  • 缩放大小
  • 点击穿透
• 随机切换背景图
  • 该功能可与 A-SOUl-background插件功能配合使用，本插件的背景图优先级会更高
  • 点击切换随机背景图 图来源
  • 保存背景图
  • 加载保存背景图
  • 定时切换背景图
  • 背景图样式配置
  • 下载背景图
• 随机溜冰场: 部分常见溜冰场，可能会有部分滞后
• asoul 导航入口
• 一个魂二创入口

使用介绍：

TIPS: 当人物无法正常启动时，可尝试点击配置文件生成按钮。（vscode版本更新后也需要手动点一下生成按钮）

若依赖文件生成失败：
- windows可尝试使用以管理者身份运行vscode，再点击生成按钮
- mac 请留意是否将vscode从【下载】移动到【应用程序】里  
  - mac 可通过【检查vscode是否可以更新】来判断软件是否处于可写的硬盘中  

Warns 警告：

本插件是通过修改 vscode 的 js 文件的方式运行 所以会在初次安装，或者 vscode 升级的时候，出现以下提示，请选择 【不再提示】:

This extension works by editting the vscode's css file. So, a warning appears while the first time to install or vscode update. U can click the [never show again] to avoid it.

This is the reason:

使用流程

本插件下载后，可以在侧边栏 “资源管理区” (第一个图标)，的最下面看到新的抽屉层【LIVE2D-A-SOUL】。
初次打开该抽屉，会进行资源的配置,右下角提示需要重新启动vscode

再次打开该抽屉可以看到很多对应的功能按钮
- 基本操作
  - 启动、关闭live2d： 字面意思，会启动看板人物，初始默认位置右下角
  - 保存当前配置： 在调整live2d大小缩放和拖拽位置后，可保存信息，下次启动时自动携带
  - 重置默认位置： 当前位置异常，无法拖拽移动时可重置使用【缩放大小也会重置】
  - 背景图
    - 点击切换： 点击按钮为人物右侧图标第二个
    - 保存背景图： 需要当前背景图存在才会生效。只能保存一份，再次点击会覆盖旧的
    - 加载背景图： 加载保存的背景图
    - 定时切换： 字面意思，可查看 切换按钮 是否旋转判断是否开启定时功能
    - 背景图样式配置
    - 下载背景图
- 配置信息
  - 自启动： 字面意思，开启后。vscode启动，live2d自动启动
  - 定位依赖： 人物定位的依赖角
- 补充配置
  - 插件依赖文件：
    - 插件依赖文件会在初次安装插件并启动时自动生成
    - 生成： live2d无法正常启动时，可尝试点击该按钮，强制重新生成覆盖配置信息
    - 移除： 卸载该插件前，请尽可能先执行该操作。 可移除插件对vscode文件的所有修改

- 人物功能
  - 目光跟随鼠标 【缺点，暂时无法实现整个页面的跟随】
  - 点击互动
  - asoul粉丝导航网站入口
  - 切换背景图
  - 切换模型
  - 溜冰场
  - 音频测试
  - 一个魂二创网站入口
  - 模型来源

卸载流程

卸载该插件前，请尽可能先执行该操作。可移除插件对vscode文件的所有修改,恢复正常。
然后在插件列表卸载该插件

额外要求 【如果想开启音频支持】

当前插件仅一个简单的语音测试，暂且可以不用考虑该功能

VS Code 使用的 Electron 版本不包含 ffmpeg，需替换自带的 ffmpeg 动态链接库才能正常播放 (每次更新 VS Code 都需重新替换)

VS Code for Windows 1.31.0 - 1.35.1 不需替换，1.36.0 后无此待遇

VS Code for macOS 1.43+ 替换后闪退解决方案

手动替换操作

首先需要查看 vscode 版本对应的electron版本， 然后下载对应系统的electron版本的压缩包，将里面的特定文件ffmpeg 解压到vscode的安装目录下，替换原vscode的ffmpeg文件

electron下载

Windows

界面左上角 点击 help(帮助) => about(关于)，弹窗可查看electron版本  
下载 **electron-%version%-win32-x64.zip**
替换 `./ffmpeg.dll` 文件

macOS

界面左上角 点击 code => about，弹窗可查看electron版本 
下载 **electron-%version%-darwin-x64.zip**
替换 `./Electron.app/Contents/Frameworks/Electron\ Framework.framework/Libraries/libffmpeg.dylib`

Linux

界面左上角 Help(帮助) → \rightarrow →About(关于)
下载 **electron-%version%-linux-x64.zip**
替换 `./libffmpeg.so`

鸣谢

live2d-widget
vscode-background
CharlesZ.vscode-live2d
pixi-live2d-display
pio
journey-ad

还有乐于分享的一个魂们
asoul 导航
一个魂二创
部分小图标也来源b站一个魂们的分享
嘉然 向晚 模型：木果阿木果

请勿使用该项目涉及的资源进行商业盈利