1 Star 0 Fork 1

Roby&奋斗码农 / 2D小动物

forked from Jioho / 2D小动物 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

2D 小动物

在个人博客的地方添加一个会动的小动物 / 卡通人物!

效果图:

比较复杂的流程

查看我的文章:在自己项目或者 vue 中使用可爱的二次元((Live2D)

有复杂的肯定也有简单的

本仓库已经编译了部分 JS。下面是如何直接在项目中使用这些小动物!

文件目录

├── live2dw
   ├── lib
   └── live2d-widget-model-chitose(这里还有很多相同文件夹,就不一一列出来了)
       └── assets

引入方法:

把下载的文件放在项目的资源目录 比如:/public/live2dw

在需要引用的页面中,引入 JS 资源

index.html

<script src="/live2dw/lib/L2Dwidget.min.js"></script>

然后是初始化方法。假设还在 index.html 这里需要注意文件的加载顺序,很有可能L2Dwidget.min.js加载会比较慢

index.js

 L2Dwidget.init({
   pluginRootPath: "live2dw/",
   pluginJsPath: "lib/",
   pluginModelPath: "live2d-widget-model-hijiki/assets/",
   tagMode: false,
   debug: false,
   model: { jsonPath: "/live2dw/live2d-widget-model-hijiki/assets/ hijiki.model.json" },
   display: { position: "right", width: 150, height: 300 },
   mobile: { show: true },
   log: false
 })

注意该配置的 2,3,4,7

配置名称 注意事项
pluginRootPath 插件在项目的路径 注意这里的路径不要找错
pluginJsPath lib (固定就是lib) 这里就是接着上面的路径找下来的 lib 文件夹
pluginModelPath 这里是需要找到对要用的人物的 assets 路径 重点在于:-hijik 这里就是说找到 hijik 这个动画对应的资源文件
model 这里也是找 assets 路径的内容 注意路径不要弄错。这里也是从资源目录开始找

打开你的项目,就发现已经多了一个小动物了~

相关的链接和github地址

空文件

简介

网页添加可爱的二次元看板娘(Live2D) 资源库 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/beilutesoft/2d_small_animals.git
git@gitee.com:beilutesoft/2d_small_animals.git
beilutesoft
2d_small_animals
2D小动物
master

搜索帮助