1 Star 0 Fork 1

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

forked from Jioho / 2D小动物 
Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
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地址

Empty file

About

网页添加可爱的二次元看板娘(Live2D) 资源库 expand collapse
JavaScript
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://gitee.com/beilutesoft/2d_small_animals.git
git@gitee.com:beilutesoft/2d_small_animals.git
beilutesoft
2d_small_animals
2D小动物
master

Search