由自己的定的live2d。 首先如何在博客园中加载live2d?这很简单,只需要一个脚本以及l ...
起初是因为在b站刷视频看到了一个非常好看的live d模型,想添加博客园主页上,结果发现自身前端能力很差,对live d也不是很了解,所以在添加过程中遇到了许多问题,如果在这篇文章中有什么错误的地方,希望了解的朋友能为我指正。 在添加的过程中,我发现一个问题就是:大多数人所写的教程千篇一律,而且基本上所使用的模型也就那么几个,利用的是unpkg现成的json文件 而配置自定义模型的几个教程,经过我 ...
2021-01-29 22:17 8 365 推荐指数:
由自己的定的live2d。 首先如何在博客园中加载live2d?这很简单,只需要一个脚本以及l ...
引言 浏览博客时发现许多人博客上都有这样一个2D模型,也给博客增色不少。而且鼠标移到不同位置,模型会跟着动,点击还会播放音频。查找才知道这个叫做 Live 2D ,可以在博客园添加。 Live2D简介 Live2D 是一种应用于电子游戏的绘图渲染技术,由日本 Cybernoids 公司开发 ...
博客园添加live2d看板娘 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 配置 添加代码到博客园侧边栏公告 代码 选择人物 在上面jsonPath切换就可以啦 测试 当然这个大小 ...
最近给自己的博客添加了个动态的小萝莉,给大家分享一下,效果请见我的博客左下角: (当然你也可以在自己的html页面引入下面的js来添加小萝莉) 1.首先最重要的一点你要申请一个博客园账号。 2.其次申请js权限,找到管理--》设置》--》js权限申请(博客园为了防止大家随便引入js,申请 ...
示例: 代码: 初始化的jsonPath为: https://unpkg.com/2D模型全名称@1.0.5/assets/模型.model.json 例如:https://unpkg.com/live2d ...
大佬博客链接:https://blog.csdn.net/weixin_44128558/article/details/104792345 照着大佬的博客做一下,可以先学会怎么生成bundle.js文件,以及官方的sdk文件的详细内容,讲得很详细 如果想直接用的话也可以看最下面的代码copy即可 ...
之前讲到了如何将live2d呈现在自己的博客上,接下来便是设定小人所响应的动作。 上次我们讲到了我们是通过传live2d模型的json文件来让小人呈现在我们的网页上,而其中json文件所包含的就是各种对于模型资源的设定,例如可以看到motions所指的的就是模型的动作这一大类,hit_areas ...
有挺多博友问我博客右下角的萝莉是怎么加上的,我这里做一个小教程。 首先,也是最重要的,必须先有一个cnblog账号。 登录博客园账号→管理→设置,在这里修改设置。 下滑,申请JS权限,申请成功后会有提示(支持js代码)。 然后在【页首html代码】编辑器中插入 ...