首先科普下什么是Live2D

来源百度百科:Live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像,对于以动画风格为主的冒险游戏来说非常有用,缺点是Live 2D人物无法大幅度转身,开发商正设法让该技术可显示360度图像。

下面是别人博客上看到的

这是我网站上的看板娘,可以变身,有好几种样式

还可以换衣服

眼睛会跟着你的鼠标,超级可爱~

教程很简单

从git上搜 live2d-widget

将这一行代码加入

或 ,即可展现出效果:

git上的截图如下

下载完项目,里面有demo,可以本地直接运行。

我之前也找过不少live2d的教程

但大都不行,本地运行不了,放到服务器上好多都会报错,还有的有跨域问题。

这个是我看到的最理想的一个了,还可以自己配置

我设置的是鼠标放在内容上,会有提示

还可以设置日期提醒

可以自定义看板娘说的话

可以去我的网站看效果 www.imdlq.com

点击底部的 阅读原文 也可以访问

PC端移动端都简单做了自适应

不过感觉移动端效果不太好,遮挡了内容

默认是移动端不显示的,我故意配置的显示

我的网站是平时自己用的,做的项目+平时有可能用到的网址

其实就是一个大的收藏夹 (lll¬ω¬)

都是前端写的,我的计划是做成活的

(登录+注册+添加网址/说明/logo+删除+修改)

做好的话,用起来挺方便的

虽然我能用node/php 简单的做一些增删改查

但数据库和环境实在是难搞.....就没有进行下一步

以后对这方面掌握的更好的时候,或者碰到一个志同道合的后端的小伙伴

一定会把网站做的更好~

live2d_二次元 | live2d为你的网站博客增加萌萌哒的看板娘相关推荐

  1. 3行代码 为网站博客添加萌萌哒看板娘可爱二次元女动漫玩偶人物

    看板娘一词源自日语"看板娘(かんばんむすめ)".其中的"看板"指的是店面招牌,或者是为了宣传.打广告而制作的宣传牌."看板娘"也就是店面的招 ...

  2. 博客园右下角添加看板娘

    看板娘 看板娘也就是别人博客右下角或者左下角的那个小人, 那如何把它加载到自己的博客园呢? 前提条件 必须需要申请开通支持JS代码, 否则以下内容也就不用看了 配置 侧边栏公告 将以下内容复制到: 博 ...

  3. 解决博客园添加hexo看板娘无法加载问题

    关于添加看板娘 因为觉得作者设置的页面左下角的网易云音乐并不实用所以将其改成看板娘 但是由于太菜,不能很好的理解live2d的官方文档 数次度娘都是一些不能用的版本,不是配置少双引号,就是路径错误,看 ...

  4. Android开发者网站博客导航

    Android开发者网站博客导航 常用网站 大厂博客 大牛博客 CSDN博客 公众号 社区论坛 GitHub 求职招聘 面试指南 在线学习 应用商店 常用工具 常用网站 Google Develope ...

  5. 网页/网站/博客等刷点击率(流量)方法

    欢迎关注"程序杂货铺"公众号,里面有精彩内容,欢迎大家收看^_^ 网页/网站/博客等刷点击率(流量)方法 前言: 首先,在这里不鼓励大家对网页/网站/博客等进行刷点击率的作法,毕竟 ...

  6. 学习Unity相关网站博客和开源项目

    首先分享下网站: Unity官方学习:https://unity3d.com/cn/learn Unity论坛:https://forum.unity3d.com/ Unity圣典:http://ww ...

  7. 给网站加个漂亮可爱的看板娘live2d,自建api,简化无错版

    给网站加个漂亮可爱的看板娘live2d,自建api,简化无错版 演示及相关下载 演示地址: 下载地址: 添加看板娘流程 1.解压文件到你的站点目录 如:https://www.ex.com/live2 ...

  8. 如何建设一个属于自己的网站(博客),打造个人品牌?

    如何建设一个自己的网站(博客) 如果你有创建一个自己的网站这个冲动,要搭建一个属于自己的网络空间平台,但是苦于不知道从何下手,或者因为不知道水有多深,又或者觉得那是做IT,搞程序的人的专利,望而却步, ...

  9. 不同规模大小网站博客对云服务器带宽要求差异分析

    不同规模大小的网站博客对云服务器带宽要求有什么差异?使用云服务器是很多企业的选择,云服务器管理方便,使用简单非常受大家的欢迎.不少企业搭建网站都会使用云服务器,那么在选择云服务器的时候我们要怎么选配置 ...

最新文章

  1. 为什么采用4~20mA的电流来传输模拟量?
  2. Libra深度解析!
  3. 数据结构实验之链表八:Farey序列
  4. 计算机控制系统的概念构成,计算机控制系统复习
  5. 美团扫码付的前端可用性保障实践
  6. FreeSql 访问 Oracle 解决大小写问题
  7. IOC操作Bean管理XML方式(FactoryBean)
  8. 学会这5种JS函数继承方式,前端面试你至少成功50%
  9. 成绩转换(百分制到五级制的转换)-(只作新手参考)
  10. Rabbitmq+Nginx+keepalived高可用热备
  11. 桌面云之深信服VDC安装部署和虚拟机模板创建
  12. Face3D学习笔记(3)3DMM示例源码解析【上】准备工作
  13. docker网段冲突导致主机网络异常处理
  14. 使用ffmpeg 命令行解码并显示像素格式为.raw图像
  15. 四极管:IIC之AVR 24c64读写
  16. 【redis源码分析】Redis Sentinel 是如何实际解决分布式共识问题的
  17. java微信公众号获取地理位置_Java微信公众平台开发之获取地理位置
  18. (私人收藏)古风PPT高级灰蓝传艺
  19. 银内胆保温杯的功效和作用
  20. 编程经验NO.1 from月光博客

热门文章

  1. vue 数组中的元素 渲染到一行
  2. 【知识兔】Excel教程:批量合并相同内容单元格神技
  3. 土星环年龄很轻?卡西尼号探测船坠毁前传送珍贵数据
  4. 网上赚钱竞争那么激烈你一定要有自己的绝活!
  5. dw中css面板在哪,请问下美工设计师:1、怎么在DWCS5设计面板里面找到CSS代码? 爱问知识人...
  6. JavaEE知识体系
  7. 酷睿i7 12700k核显相当于什么显卡 i712700k参数 i7 12700k什么水平
  8. 如何在Raspberry Pi和ESP8266中使用MQTT
  9. C语言类型限定符(type specifier)(一)——volatile详细教程
  10. 本学期3个sprint的团队贡献分