=== Live2DWebCanvas ===
Contributors: Weifang Chiang
Donate link: https://github.com/jiangweifang/wp-live2d
Tags: Live2D,看板娘,萌,moe,vtuber,comic,anime,live,2d,animation,ChatGPT
Tested up to: 6.1
Requires at least: 5.5
Stable tag: 1.8.3
Requires PHP: 7.4
License: GPLv3
== Changelog ==
= 1.8.3 =
- 根据付费用户的反馈,去掉了讨厌的保存验证。
- 去掉验证后不登录也可以正常保存了。
- 本次更新有一部分代码是由ChatGPT写的,我PHP苦手。
- ChatGPT需要从上下文聊天,请不要和他说过于简单的话,他不太懂,他说的代码和我服务器无关。
- 请尽量在PHP7.x环境中使用插件,目前8.x会有未知错误。
- 请仔细查看FAQ。
= 1.8.2 =
- 付费用户功能(测试): 实装ChatGPT, 目前处于试用状态, 我需要观察一段时间数据后才可以知道是否付费.
- 更新ICON, 改为使用fontawesome 6.4免费版, 您可以通过fontawesome 来更换图标.
- 更新后支持PHP8.2 , 修复之前在PHP8.x中会出现的错误, 感谢[七院(QQ:74*****10)] 协助测试。
- 修复切换的错误, 插件官网API切换功能目前有点问题, 可以继续使用以前的.
- 修复弹出Tips闪烁问题, 和控制台报错的异常.
= 1.8.1 =
- 本次更新是为了初学者,感谢[水以动为常(QQ:25*****45)] [λ^Maxwell(QQ:87*****93)] 提供的建议。
- 更新后直接启用插件就可以使用本插件。
- API更新:在使用PHP接口时可能会导致301目标永久移除的错误,感谢[い葒塵_儚斷(QQ:37*****45)] 对插件的配合测试。
- 感谢各位付费用户的提醒, 支付宝接口的问题还在修复中。
- 已知问题:LiteSpeed CDN缓存时,不要压缩live2d.js 文件,本文件已经压缩过了,再压缩会出错的。
= 1.8.0 =
- 新增登陆功能, 用户登录成功后可与官网 https://www.live2dweb.com/ 通讯。
- 与株式会社Live2D( Live2D Inc. )签订合约, 本软件是使用Cubism 4 SDK for Web核心制作的可扩展性应用程序, 本软件为正版授权。
- 所有使用moc3模型的demo 必须购买后使用, 如果私自修改live2d.js代码, 属于违法行为。
- https://www.live2dweb.com/ 中, 付费为支付宝。
- 付费后您可使用站点中的回滚功能, 如果您的设置出现错误, 回滚将会给您的站点恢复到上一次的备份中, 备份有6个历史版本。
- 对API进行优化, 由于调用fghrsh的API,可能会导致其服务器请求过多, 本软件将改为调用自己的API, API部分非开源。
- 关于退款: 您可以发送邮件至 support@live2dweb.com, 我将符合我国规定 7天无理由退款。
- 下一个版本将增加model3.json的整理功能, 您可以使用本插件官网中的整理, 将model3.json整理为网页可以用的格式。
= 1.7.9 =
- 首先,感谢各位的支持,由于Live2D官方授权问题,下次更新,本插件将会进行部分收费,价格不会很贵,希望各位谅解。
- 收费内容包含Cubism 4 SDK for Web相关功能。
- 不会对waifu-tips和原fghrsh.net以及Live2D.moc文件相关的内容收费。
- 本次更新新增看板娘位置调整功能,可以通过X,Y轴,对画板中的人物进行位置调整,配合放大功能,可以显示上半身 或者下半(?)身
= 1.7.8 =
- 新增IndexedDB缓存操纵功能,模型加载时会对加载的所有文件(包括MOC和MOC3类型模型)进行缓存,清除缓存功能将会在下个版本添加。目前想手动清除缓存请去Google了解更多内容。
- 引入此功能后,如果使用本插件人数多了之后,互相访问相同插件,将不会再请求网络。
- 本次升级后可以正确在6.0版本中使用。
- 脚本钩子降级。
- 更新后将兼容Cubism 4 SDK for Web R5
= 1.7.7 =
- 新增小工具功能, 给看板娘关押起来吧!(这是一个测试功能, 可能会有很多问题, 后续继续完善)
= 1.7.6 =
- 将live2D 4.0 SDK进行动态加载, 避免禁止分发的SDK在页面中加载时间过长 感谢[baysonfox](https://github.com/baysonfox)
- 修改看板娘最小尺寸逻辑, 当小于指定的最小尺寸时直接退出后续步骤, 停止加载live2D插件渲染(仅在页面重新加载后有效) 感谢[ydecl](https://github.com/ydecl) [Project-458](https://github.com/Project-458) [DogeZen](https://github.com/DogeZen),此功能需要再下个版本继续调整
- 修复在WP 5.5后台设置报错的问题
- 修改停用一言选项的文案, 本来这个功能就是禁用功能的~ 感谢[ygdm123](https://github.com/ygdm123)
- 修复兼容问题 感谢[国木田葉羽](https://github.com/aquausora) [我爱喝北冰洋](https://www.bengalcat.cn/)
= 1.7.5 =
- 对moc3模型加载进行了优化,在model3.json中没有动作组命名的moc3模型,预加载时不再对动作文件进行加载,改为随用随取
- 插件已支持WordPress 5.5
= 1.7.4 =
- 新增后台设置:moc3模型自定义动作,提供给Cubism Editor 3.x版本的模型明确指定动作文件使用
- `lapplive2dmanager.ts`的`onTap`方法:增加判断自定义的`hitAreaList`,用户可在WP后台对`hitAreaList`进行设置
- 对缩放算法进行修正,由原有`lapplive2dmanager.ts`的`onUpdate`方法中计算`projection.scale(zoom, (zoom * width) / height);`改为使用`Framework/math/cubismmodelmatrix.ts`中的构造方法`this.setHeight(zoom);`进行控制,以确保缩放时触摸区域同比例缩放。
- 修改`lappmodel.ts`的`preLoadMotionGroup`方法,在model3.json中动作分组未命名的情况下将文件名作为动作名称。
- 在`lappmodel.ts`新增`startMotionFile`方法,用于直接读取`preLoadMotionGroup`方法中保存在内存中的动作。`startMotionFile`方法在`lapplive2dmanager.ts`的`onTap`被调用。
- 此版本为本地调整版本,下一个版本将直接修改API,从源头来保证生成的文件可被动作调用。
- 一言 API、看板娘截图文件名、关于页地址选项移动至工具栏设置TAB中。
- 新增基础设置帮助内容,请注意查看。
= 1.7.3 =
- 修复https://github.com/mashirozx/Sakura 的兼容性问题
- 本来兼容是正确的,被我改错了,实在抱歉...
- 修正了moc3中读取motions的报错,但是没有实际解决问题。
- 提醒各位使用者,为了您可以完全干净的删除我的插件,我会将保存在数据库中的设置一并全部删除。如果您做了很多的设置,请尽量不要进行删除操作。
= 1.7.2 =
- 修复加载顺序错误问题,感谢 [LemoFire][6] 和 [picpo][7]
- 更新了禁止分发的引用,感谢 [railzy][8]
[6]: https://www.ito.fun/
[7]: http://picpo.top/
[8]: https://github.com/railzy
= 1.7.1 =
本周更新提前啦
- 新增多语言支持,目前支持繁体中文和英文。
- Added multilingual version support
- Added Traditional Chinese of Taiwan
- Added English
= 1.7.0 =
1. 对moc3 鼠标事件进行算法修改,现在模型头部可正确的看鼠标行动了
2. 新增moc3截图功能,可以点击截图按钮拍下看板娘了
3. 去掉对moc3模型自动x2倍的缩放算法,改为用户自行调整
4. 追加了帮助信息,您可以通过后台查看帮助了解具体内容。
= 1.6.3 =
今后大部分更新针对live2d.js文件,请更新之后清理您的cdn加速,以便缓存新版本js文件
1. 对于Cubism Live2D SDK 4.0的鼠标事件进行算法修改
2. moc3模型的鼠标跟随视角更宽广
3. moc3模型背景透明
4. 您可以直接将后台api地址更换为model3.json的相对地址,以展示moc3的模型,这个地址可以是一个jsdelivr.com
= 1.6.2 =
1. 本次更新将会实装 Cubism Live2D SDK 4.0 以便测试版本
2. 由于打包JS文件变大,我会尽量在2.0上线之前进行拆分
3. 新增:模型缩放大小控制,您可以在后台自由设置模型在画布中的缩放倍数
4. 修正:默认模型 ID改为手动填写(我通过来访页面找到了各位的网站,发现我如果固定这个选项会给各位带来不便)
5. 如果有问题欢迎在Github上反馈[issues](https://github.com/jiangweifang/wp-live2d/issues)
6. 本次更新不会改变您当前的任何设置。
7. 请在使用之前清理之前安装的Live2D功能避免JS冲突
= 1.6.1 =
- 请注意:本次更新需要您重新设置所有数值,前端显示不正常时,请务必对数值进行默认值设置,感谢
1. 新增工具栏图标颜色和鼠标经过时的颜色控制
2. 放开看板娘提示框的尺寸控制
3. 修正设置文案准确性
4. 修正文本框与数字类型内容,强类型语言应该有的样子
5. type="range" 不是很好用,我觉得不够直观,只在一个功能上使用了
6. 减少了设置项:
- waifu-tips.js位置没有必要进行设置,有可能带来不必要的麻烦
- 主页地址设置,您已经在WordPress中设置过了,没有必要再设置一次,我将会自己读取他
7. 删除了一些没有什么用处的JS判断,精简waifu-tips.js的代码
8. 修正了一个Chrome浏览器中的警告
9. Live2D容器z轴样式提升至20,Tips的z轴提升至21,从视觉上可以看出消息提示显示在人物上方。
以下是默认值:
- 工具栏图标颜色:#5b6c7d
- 鼠标触碰时图标颜色:#34495e
- 工具栏图标大小(px):14
- 工具栏行高(px):12
- 工具栏顶部边距(px):0
- 提示框大小:250x70
- 提示框字号(px):14
- 看板娘大小:280x240
- 面页小于指定宽度(px)隐藏看板娘:760
- 看板娘贴边距离(px):0
= 1.6.0 =
1. 增加提示框的颜色设置,可对提示框的底色,边框,阴影,进行rgba设置,可以对文字颜色进行rgb设置
2. 新增高亮显示方式,可在设置中修改高亮显示的颜色
3. 新增帮助菜单,对高级设置进行了一些说明
4. 修正了代码中冗余的一些内容
5. 更新请注意,更新完成后请重新设置提示框的颜色,否则提示框是透明的。
以下是默认值:
提示框背景色:rgba(236, 217, 188, 0.5)
边框颜色:rgba(224, 186, 140, 0.62)
阴影颜色:rgba(191, 158, 118, 0.2)
字体颜色:#32373c
高亮提醒颜色:#0099cc
= 1.5.2 =
修复保存文件的异常情况,并在无法保存文件时给出明确错误提示
= 1.5.1 =
1. 增加了设置的快捷按钮
2. 修正了设置页面保存按钮位置不对的问题
= 1.5.0 =
*支持高级设置
*去除了一个鼠标事件`.waifu #live2d`可以避免鼠标每次经过看板娘的时候他就混乱的说各种话。
= 1.3 =
*支持基础设置
= 1.0 =
*支持基础显示
== Description ==
支持moc和moc3模型的插件。
## 特性
- 与株式会社Live2D( Live2D Inc. )签订合约, 本软件是使用Cubism 4 SDK for Web核心制作的可扩展性应用程序, 本软件为正版授权。
- 使用 Cubism 4 生成的模型必须购买此插件才可以使用。
- 付费后如果没有反应请及时联系我的QQ:85838607, 我会尽快给你解决
- 插件可以通过后台直接对Live2D进行设置,无需复杂的修改代码。
- 可视化设置并生成waifu-tips.json,避免手动修改JSON
## 版权声明
[Flat UI Free][1]
[live2d_src / ©journey-ad / GPL v2.0][2]
[fghrsh.net][3]
[1]: https://designmodo.com/flat-free/ "Flat UI Free"
[2]: https://github.com/journey-ad/live2d_src "基于 #fea64e4 的修改版"
[3]: https://www.fghrsh.net/post/123.html "fghrsh.net"
- 请遵循GPL v3.0授权协议
- Live2DWebCanvas 插件不属于 Live2D Inc. 它是一个非官方产品
## 软件许可协议
[Live2D Proprietary Software License Agreement][4]
[Live2D Open Software License Agreement][5]
[4]: https://www.live2d.com/eula/live2d-proprietary-software-license-agreement_en.html
[5]: https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html
== Installation ==
1. Upload the plugin folder to the "/wp-content/plugins/" directory of your WordPress site
2. Activate the plugin through the 'Plugins' menu in WordPress
3. See Settings -> Live 2D 设置
### 我该怎么做
1. 在WordPress后台添加插件压缩包安装
2. 点击启用按钮开始使用看板娘。
3. 付费后请您可以在启用插件的状态下,进入[https://www.live2dweb.com/Sites](https://www.live2dweb.com/Sites) 对您的站点进行同步。同步时插件无需登录也可。
4. 您可以通过[https://www.live2dweb.com/Sites/Settings](https://www.live2dweb.com/Sites/Settings) 对站点进行设置的回溯。
5. 1.8版本的插件请付费后使用, 如果中间遇到问题, 随时和我联系QQ:85838607, 我很愿意帮你解决。
### 设置参数
*Tips:保存设置后仅进行了部分设置,以下是作者原文*
- 后端接口
- `live2d_settings['modelAPI']`
看板娘 API 地址,默认值 `'//live2d.fghrsh.net/api/'`
- `live2d_settings['hitokotoAPI']`
一言 API 接口,可选 `'lwl12.com'`,`'hitokoto.cn'`,`'jinrishici.com'` (古诗词)
- 默认模型
- `live2d_settings['modelId']`
默认模型(分组) ID,可在 Demo 页 `[F12]` 呼出 `控制台(Console)` 找到
- `live2d_settings['modelTexturesId']`
默认材质(模型) ID,可在 Demo 页 `[F12]` 呼出 `控制台(Console)` 找到
- 工具栏设置
- `live2d_settings['showToolMenu']`, 显示工具栏, `true` | `false`
- `live2d_settings['canCloseLive2d']`, 关闭看板娘 按钮,`true` | `false`
- `live2d_settings['canSwitchModel']`, 切换模型 按钮, `true` | `false`
- `live2d_settings['canSwitchTextures']`, 切换材质 按钮, `true` | `false`
- `live2d_settings['canSwitchHitokoto']`, 切换一言 按钮, `true` | `false`
- `live2d_settings['canTakeScreenshot']`, 看板娘截图 按钮,`true` | `false`
- `live2d_settings['canTurnToHomePage']`, 返回首页 按钮, `true` | `false`
- `live2d_settings['canTurnToAboutPage']`,跳转关于页 按钮,`true` | `false`
- 模型切换模式
- `live2d_settings['modelStorage']`,记录 ID (刷新后恢复),`true` | `false`
- `live2d_settings['modelRandMode']`,模型切换,可选 `'rand'` (随机) | `'switch'` (顺序)
- `live2d_settings['modelTexturesRandMode']`,材质切换,可选 `'rand'` | `'switch'`
- 提示消息选项
- `live2d_settings['showHitokoto']`,空闲时一言,`true` | `false`
- `live2d_settings['showF12Status']`,控制台显示加载状态,`true` | `false`
- `live2d_settings['showF12Message']`,提示消息输出到控制台,`true` | `false`
- `live2d_settings['showF12OpenMsg']`,控制台被打开触发提醒,`true` | `false`
- `live2d_settings['showCopyMessage']`,内容被复制触发提醒,`true` | `false`
- `live2d_settings['showWelcomeMessage']`,进入面页时显示欢迎语,`true` | `false`
- 看板娘样式设置
- `live2d_settings['waifuSize']`,看板娘大小,例如 `'280x250'`,`'600x535'`
- `live2d_settings['waifuTipsSize']`,提示框大小,例如 `'250x70'`,`'570x150'`
- `live2d_settings['waifuFontSize']`,提示框字体,例如 `'12px'`,`'30px'`
- `live2d_settings['waifuToolFont']`,工具栏字体,例如 `'14px'`,`'36px'`
- `live2d_settings['waifuToolLine']`,工具栏行高,例如 `'20px'`,`'36px'`
- `live2d_settings['waifuToolTop']`,工具栏顶部边距,例如 `'0px'`,`'-60px'`
- `live2d_settings['waifuMinWidth']`
面页小于 指定宽度 隐藏看板娘,例如 `'disable'` (停用),`'768px'`
- `live2d_settings['waifuEdgeSide']`
看板娘贴边方向,例如 `'left:0'` (靠左 0px),`'right:30'` (靠右 30px)
- `live2d_settings['waifuDraggable']`
拖拽样式,可选 `'disable'` (禁用),`'axis-x'` (只能水平拖拽),`'unlimited'` (自由拖拽)
- `live2d_settings['waifuDraggableRevert']`,松开鼠标还原拖拽位置,`true` | `false`
- 其他杂项设置
- `live2d_settings['l2dVersion']`,当前版本 (无需修改)
- `live2d_settings['l2dVerDate']`,更新日期 (无需修改)
- `live2d_settings['homePageUrl']`,首页地址,可选 `'auto'` (自动),`'{URL 网址}'`
- `live2d_settings['aboutPageUrl']`,关于页地址,`'{URL 网址}'`
- `live2d_settings['screenshotCaptureName']`,看板娘截图文件名,例如 `'live2d.png'`
### 定制提示语
*Tips: `waifu-tips.json` 已自带默认提示语,如无特殊要求可跳过*
- `"waifu"` 系统提示
- `"console_open_msg"` 控制台被打开提醒(支持多句随机)
- `"copy_message"` 内容被复制触发提醒(支持多句随机)
- `"screenshot_message"` 看板娘截图提示语(支持多句随机)
- `"hidden_message"` 看板娘隐藏提示语(支持多句随机)
- `"load_rand_textures"` 随机材质提示语(暂不支持多句)
- `"hour_tips"` 时间段欢迎语(支持多句随机)
- `"referrer_message"` 请求来源欢迎语(不支持多句)
- `"referrer_hostname"` 请求来源自定义名称(根据 host,支持多句随机)
- `"model_message"` 模型切换欢迎语(根据模型 ID,支持多句随机)
- `"hitokoto_api_message"`,一言 API 输出模板(不支持多句随机)
- `"mouseover"` 鼠标触发提示(根据 CSS 选择器,支持多句随机)
- `"click"` 鼠标点击触发提示(根据 CSS 选择器,支持多句随机)
- `"seasons"` 节日提示(日期段,支持多句随机)
== Frequently Asked Questions ==
1. 1.8版本已更新完成,下面讲解如何使用moc3(最高支持到live2D 4.0)模型
2. 将你准备好的moc3模型上传至目录当中,如果您准备存放github中,可以直接存储至Public项目。
3. 然后请了解存放路径,并给材质API选项中填写此路径至*.model3.json。例如:https://cdn.jsdelivr.net/gh/jiangweifang/live2d_api@live2d_api_v4/model/kiritan/kiritan.model3.json
4. 刷新页面后,您将会看到moc3模型展示至前台。
5. moc3的缩放比例可能会比较小,所以您需要将模型缩放比例调整至合适大小,建议2.0,我没有进行控制是因为如果我在代码中写入2.0,其计算方式将会x2 ,例如1.1 实际计算结果将会是2.2。
6. 请务必保证您的Wordpress REST API (rest_route) 可以被正常访问,如果你在保存时出现异常,请检查您的站点是否将Wordpress REST API设置白名单,如果是Cloudflare用户,很有可能出现这种情况。
7. 使用CDN加速的朋友请注意,更新插件后记得刷新CDN加速缓存
8. live2d.js 无需JS压缩,如果压缩后出现错误,请自行查看是否已排除。
9. 内网用户,请使用公网IP访问您的网站,并配置好域名,可以是花生壳免费域名。本地测试,插件无法保存。
== Screenshots ==
None