博客页面添加动态小人,二次元人物 hexo live2d html人物公仔
动态小人~如何实现:
一、如何使用
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201210090736189.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0OTcwODgz,size_16,color_FFFFFF,t_70#pic_center)
代码如下(示例):
Title
L2Dwidget.init({
"model": { "jsonPath":"https://unpkg.com/[email protected]/assets/hijiki.model.json", "scale": 1, "hHeadPos":0.5, "vHeadPos":0.618 },
"display": { "position": "right", "width": 400, "height": 400, "hOffset": 0, "vOffset": 0 },
"mobile": { "show": true, "scale": 0.5 },
"react": { "opacityDefault": 0.7, "opacityOnHover": 0.2 }
});
总结
小人自定义之类的可以参考官网做法: https://www.npmjs.com/package/hexo-helper-live2d 官网 git源码地址可以下载很多种 git源码 技术使用:L2Dwidget.min.js 更多技术分享请关注gzh: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201211100533647.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0OTcwODgz,size_16,color_FFFFFF,t_70#pic_center)
|