——“这个 Live2D 好可恶有木有，好想把它增加到我的博客去!”
……Two years later……
——“唉，怎么这么简单，还是放弃吧～～呜呜呜”
还在为 Live2D 简单的配置而苦恼吗？快来试试这款萌萌哒 Live2D API 吧！
目录 (੭ˊᵕˋ)੭*ଘ
-
壹·萌の初见
- 让咱们开始吧！
-
贰·萌の自述
- 理解 aLive2D 函数
- Position～模型定位全靠它
- X,Y～我也很重要！
- 相似之处！
- 为我启用音讯吧
-
叁·萌の相识
-
更换模型吧
- 应用 Group 函数随机展现模型分组
- 应用 Random 函数和 Auto 函数
-
★•Moe API !•★
- 食用形式
- 自建 API
- ★•进阶·搭建 API•★
-
- 肆·萌の感激
萌の初见
你好呀！我是一只萌萌哒 Live2D，很快你就将和我见面啦！n(*≧▽≦*)n
让咱们开始吧！
咱们须要一段简略的 HTML 代码：
<script src="https://91.90.194.171/api/Live2D"></script>
<script>aLive2D('#02007','240px','400px','Rb','10%','0%',false)</script>我会悄悄地呈现在网页的右下角哦～～
你不置信？那就快来看看吧！
#02007 – | 一品锅 | 食物语 | – aLive2D! 一个萌萌哒 Live2D API o(*≧▽≦)ツ
悄悄地通知你，能够应用“捕捉”性能来记录我的可恶霎时呢～
萌の自述
——“我不喜爱总是呆在网页的右下角，你能帮我挪动到其余地位吗？”
——“没问题！”
理解 aLive2D 函数
aLive2D(Model,Width,Height,Position,X,Y,EnableMsg)aLive2D 函数提供 7 个参数
Model要加载的模型名称 & 编号Width,Height指定模型在网页中所占的宽度和高度Position指定模型在网页中的定位形式X,Y指定模型在网页中定位绝对于原点偏移的间隔EnableMsg是否显示音讯，承受布尔值，不写为 false
接下来要怎么做呢
- 很简略啊，扭转
Position参数即可！
aLive2D('#02007','240px','400px','Lb','10%','0%',false)唉？我怎么会呈现在网页的左下角呢？
Position～模型定位全靠它
Position 将网页的四个角作为定位原点
它提供 4 种定位形式
- 左上
- 右上
- 左下
- 右下
参数值别离为
'LeftTop'('Lt')'RightTop'('Rt')'LeftBottom'('Lb')'RightBottom'('Rb')
它们规定了模型应以网页的哪一个角为原点 (基准点) 来定位，比如说 'Lb' 就代表以网页的左下角为原点定位，以此类推啦～～
X,Y～我也很重要！
X 是横向偏移量，Y是纵向偏移量，它们实用 html 中的所有长度示意形式，依据 Position 的不同而有所变动
-
当
Position为'Lt'时X向右偏移Y向下偏移
-
当
Position为'Rb'时X向左偏移Y向上偏移
以此类推哦～～
相似之处！
看到这里，置信你曾经发现，这和 css 中的 position 定位有些类似，只是将其中的 left、right、top、bottom 属性拎了进去成为函数的参数，你肯定会很快地了解的！
——“当初你晓得你为什么在左下角了吧！我都通知你啦！”
——“谢啦!!☆⌒(*^- ゜)v 萌萌哒！”
为我启用音讯吧
——” 嘤嘤嘤～～～我怎么说不出话了呢？我真的不想默不作声！”
将 EnableMsg 参数设置为true，而后我就能够谈话啦！
萌の相识
——” 咱们是好敌人啦！欢送来找我的小伙伴玩呐！”
——“可是，怎样才能找到你的小伙伴呢？”
更换模型吧
Model参数管制展现的模型，在这里你能够应用你定义的模型名称 (如 Haru)，也能够应用你定义的模型编号(如 #01001)。(提醒 : 请在★•进阶·搭建 API•★中查看对于list.js 的具体介绍)
小伙伴们来啦！
我太孤独了，我要把小伙伴们都叫来！
aLive2D('Group(defined,#02)','240px','400px','Lb','10%','0%',false)咦？
Group(defined,#02)是什么东东
Model参数不仅反对显示单个模型，也能够随机显示多个模型
应用 Group 函数随机展现模型分组
Group(Method,GroupList)Method反对 3 种分组模式！
- defined
- redefine
- custom
不要焦急，听我缓缓道来
defined~ 顾名思义～我是已定义的分组
在 list.js 中能够轻松设置分组哦，你能够应用组名形式 (如 Swy) 或编号形式 (如 #02) 为分组命名
GroupList参数填写组名或编号即可！
redefine~ 我来从新定义分组
Group(redefine,#02,List(+#01001,-#02053))当 Method 为redefine时，函数承受 3 个参数
#02为已定义的分组名称或编号List(...)是一个数组，用来向已定义分组增加或删除模型
[这只是在代码中长期增加或删除，并不能扭转 list.js 中已定义的分组]
List 数组用途大
List数组用来寄存模型名称或编号，不限度模型的数量
在 redefine 条件下，应用 + 编号 & 名称 增加模型，应用 - 编号 & 名称 删除模型
名称和编号混用也是没有问题的哦
Group(redefine,#02,List(+Haru,-#02053))压轴出场！custom！
custom用来在代码中自定义长期分组
[并不能扭转 list.js 中已定义的分组]
Group(custom,List(#02001,#02007,#02002))ε = = (づ′▽`)づ List: 我又来啦
List同样用来寄存模型名称或编号，且不限度模型的数量哦
在 custom 条件下，将想要组成一组的模型全副放入 List 数组吧！同样反对名称和编号混用哦～～
小提示
为了更简洁地应用分组，倡议在 list.js 中定义分组，而后以 defined 形式应用它
不过，以 defined 形式在 list.js 中定义分组，只能将要分组的模型按程序排在一起 (★•进阶·搭建 API•★)，而redefine 和custom形式，可不按程序自在定义分组，更加灵便。
应用 Random 函数和 Auto 函数
Random 和 Auto 函数用于随机展现模型
Random()Auto()没错，就是这么简略，不须要任何参数！
将从已有的所有模型中随机抽取一个进行显示 ο(=•ω<=)ρ⌒☆
晓得了以上这些，就让咱们开始应用 Moe API 吧！
★•Moe API !•★
——“咱们是敌人，我要把最萌的萌物和你分享！m(o ・ ω ・ o)m”
欢送大家应用 Moe API !
最最最重要的事件来啦！
没错！本 API 能够用 2 行代码 轻松为你的网页引入 Live2D！
- 实现 全自动 加载模型
- 毋庸 手动引入一连串的 js 文件
- 毋庸 手动增加 canvas 标签
- 毋庸 本人编写 css 款式
- 解决了 到处寻找 Live2D 模型的苦恼
- 调整模型在网页上的地位及长宽
本 API 目前为纯动态编写，你能够很轻松地自建 API，也能够将其部署在 CDN 上，无论是云服务器还是虚拟主机都能够轻松搭建 …
食用形式
最萌之·接口地址 https://91.90.194.171/api/Live2D
<script src="https://91.90.194.171/api/Live2D"></script>
<script>aLive2D('#02007','240px','400px','Rb','10%','0%',false)</script>应用下面的 API 时，Model请应用编号模式，本 API 采纳五位编号模式，如 #02001.
| 分组 | 名称 | 范畴 |
|---|---|---|
| #01 | Default | #01001–#01010 |
| #02 | Swy | #02001–#02058 |
| … | … | … |
快来筛选心仪的 Live2D 吧！
自建 API
本 API 开箱即用，蕴含 60+ 模型，快来搭建吧！
★•进阶·搭建 API•★
萌の感激
本 API 的制作离不开一些开源我的项目的奉献，衷心感谢以下的开源我的项目！
fguby/live2D: 来定制一个本人专属的 live2D 看板娘吧(๑•̀ㅂ•́)و✧
感激以下我的项目提供的 Live2D 模型
Eikanya/Live2d-model: Live2d model collection
感激以下我的项目提供的 message 性能
galnetwen/Live2D: 在 Web 上展现 Live2D 吧！
o(*≧▽≦)ツ一起交换呀～～
如果你喜爱这个我的项目，不要遗记为我点亮 star 哦！
蒙蒙的山，蒙蒙的海，茫茫人海中，萌萌的你 o(*≧▽≦)ツ