博客页面添加动态小人,二次元人物 hexo live2d html人物公仔

动态小人~如何实现：

一、如何使用

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!-- L2Dwidget.js L2D网页动画人物 --><script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script><script>L2Dwidget.init({"model": { "jsonPath":"https://unpkg.com/live2d-widget-model-hijiki@1.0.5/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 }});</script><!--其他可选的模型：小帅哥： https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json萌娘：https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json白猫：https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json黑猫： https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json小可爱（女）：https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json小可爱（男）：https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json初音：https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json圣职者妹妹：https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json茶杯犬：https://cdn.jsdelivr.net/npm/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json绿毛妹妹：https://unpkg.com/live2d-widget-model-tsumiki@1.0.5/assets/tsumiki.model.json金龟子妹妹：https://unpkg.com/live2d-widget-model-unitychan@1.0.5/assets/unitychan.model.jsonhttps://unpkg.com/live2d-widget-model-nito@1.0.5/assets/nito.model.jsonhttps://unpkg.com/live2d-widget-model-ni-j@1.0.5/assets/ni-j.model.json小阿狸： https://unpkg.com/live2d-widget-model-nico@1.0.5/assets/nico.model.jsonhttps://unpkg.com/live2d-widget-model-nietzche@1.0.5/assets/nietzche.model.jsonhttps://unpkg.com/live2d-widget-model-nipsilon@1.0.5/assets/nipsilon.model.json女学生： https://unpkg.com/live2d-widget-model-hibiki@1.0.5/assets/hibiki.model.json-->
</head>
<body></body>
</html>

总结

小人自定义之类的可以参考官网做法:
https://www.npmjs.com/package/hexo-helper-live2d
官网
git源码地址可以下载很多种
git源码
技术使用：L2Dwidget.min.js
更多技术分享请关注gzh：

博客页面添加动态小人,二次元人物 hexo live2d html人物公仔相关推荐

博客页面添加动态小人
在侧边栏里自定义html,代码如下 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/li ...
博客园添加动态背景效果
背景动画先直接看效果吧,还是挺有趣的 (来自官网上的一张图) 使用食用食用方法先良心安利js写的动画库.其原理就是基于 HTML5 新特性 canvas,渲染的动画效果.有兴趣可以访问一下:动画 ...
css文件插入背景音乐,博客园添加背景音乐,背景效果!
博客园添加背景音乐,背景效果申请博客园js权限申请话术实例尊敬的博客园管理员: 请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢! 开通 ...
如何在CSDN博客左侧添加微博关注
对于在CSDN中写博客是一件很开心的事情,我们可以对于自己的博客界面进行自定义,添加博客栏目.目前比较受大家喜欢的就是在博客左侧添加微博关注,这样在别人看你的博客的同时也可以看到你的微博的实时动态,并 ...
Django by Example·第二章|Enhancing Your Blog with Advanced Features(为博客系统添加高级功能)@笔记
Django by Example·第二章|Enhancing Your Blog with Advanced Features(为博客系统添加高级功能)@笔记这本书的结构确实很不错,如果能够坚持看 ...
利用腾讯云为静态页面添加“动态”相册
title: 利用腾讯云为静态页面添加"动态"相册 date: 2019-11-24 10:52:34 tags: 腾讯云cos桶 Frontend categories: Fro ...
博客中添加动漫妹子，总有一个适合你，嘿嘿嘿！
常喜欢逛博客的你,是不是会碰到一些有意思的东西,有很多博客网站都有一个卡通人物,它一直盯着你鼠标移动的地方,俗称看板娘. 是不是好想拥有她? 今天就来讲讲如何在自己的博客中添加类似的功能.如果你的数学 ...
2005年博客与web2.0十大最拽的武侠人物
2005年,网络江湖被博客和web2.0炒得沸沸扬扬高潮迭起.在乱世当中,谁是武林中的主角?西门吹草今天就胡扯几段,评出2005年博客与web2.0十大最拽的武侠人物.究竟这些人是英雄还是小人,是善还 ...
【转】在你的博客中添加Google地图(Use Google Map API On Your Bolg)
在你的博客中添加Google地图(Use Google Map API On Your Bolg) *+申请一组 Google Maps API Key 在使用 Google Maps API 之前, ...
博客园添加鼠标粒子吸附特效
本文从以下三个方面, 阐述在博客园添加鼠标粒子吸附特效: 一. 效果展示二. 权限申请三. 设置步骤一. 效果展示在博客园的页面, 出现鼠标粒子吸附的特效, 如图所示: 二. 权限申请点击博 ...

博客页面添加动态小人,二次元人物 hexo live2d html人物公仔

博客页面添加动态小人,二次元人物 hexo live2d html人物公仔

一、如何使用

总结

博客页面添加动态小人,二次元人物 hexo live2d html人物公仔相关推荐

最新文章

热门文章