起初是因为在b站刷视频看到了一个非常好看的live2d模型,想添加博客园主页上,结果发现自身前端能力很差,对live2d也不是很了解,所以在添加过程中遇到了许多问题,如果在这篇文章中有什么错误的地方,希望了解的朋友能为我指正。 在添加的过程中,我发现一个问题就是:大多数人所写的教程千篇一律 ...
大佬博客链接:https: blog.csdn.net weixin article details 照着大佬的博客做一下,可以先学会怎么生成bundle.js文件,以及官方的sdk文件的详细内容,讲得很详细 如果想直接用的话也可以看最下面的代码copy即可 下面是照着大佬的博客的时候遇到的一些问题 目录 将模型文件放在github上面用jsdelivr会出现WebGL加载跨域纹理出错的问题 人物 ...
2020-05-13 20:03 4 2945 推荐指数:
起初是因为在b站刷视频看到了一个非常好看的live2d模型,想添加博客园主页上,结果发现自身前端能力很差,对live2d也不是很了解,所以在添加过程中遇到了许多问题,如果在这篇文章中有什么错误的地方,希望了解的朋友能为我指正。 在添加的过程中,我发现一个问题就是:大多数人所写的教程千篇一律 ...
Live2D Widget 特性 Feature 在网页中添加 Live2D 看板娘。兼容 PJAX,支持无刷新加载。Add Live2D widget to web page. Compatible with PJAX. 警告:本项目使用了大量 ES6 语法,不支持 IE ...
准备工作 首先到我的 Github 去下载整理后的 Live2D 代码,毕竟整理后的话好下手 ~ 下载后解压代码到你的博客网站根目录去。(目录位置可以自定义) 然后把解压出来的文件夹改名为:live2d 。 1.在你博客程序头部文件(header)引入界面样式,在 head 标签内插 ...
关于此插件 看到一个很多网站都有动态的小人,目前除了即将废弃的flash就是canvas和h5动画了,h5动画能力有限,不能画出复杂的效果 那么canvas就是首选,全部手画也不可能,大部分使用库和工具 这里看到到家都是用的link2d的引擎库,很多人用起来都需要大量的配置,因此想封装一下 ...
当然你可以通过修改模型切换显示不同的小萝莉,以下是模型列表: 通过替换上面jsonPath中的live2d-widget-model-chitose来修改小萝莉, 替换的小萝莉效果可以参考这里,点我(引用下大佬的链接,笔芯 ...
效果见博文右下角的萝莉 代码如下: <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> ...
[TOC] 在博客中增加自己的live2d纸片人模型 准备工具 github仓库:存放live2d模型和json文件 如果你的博客支持本地存放文件也可,主要是博客园只支持几种格式,太坑了。 注意如果你使用git仓库的话,firefox浏览器可能不能成功显示,原因是CORS安全策略阻止 ...
文章目录 添加和注意事项 模型预览 live2d-widget-model-chitose live2d-widget-model-epsilon2_1 live2d ...