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

news/2024/5/9 1:30:46/文章来源:https://blog.csdn.net/weixin_39759060/article/details/110129154

首先科普下什么是Live2D

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

下面是别人博客上看到的

47c30abf0a09ec3b5dac4685676a96d6.png

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

还可以换衣服

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

406e404125ba2364765f6d2061233e28.png

教程很简单

从git上搜 live2d-widget

将这一行代码加入

或 ,即可展现出效果:
4d016c4fe87be031248ee60bcf532b7b.png

git上的截图如下

22479ae733381b7d2c6919e0c8dbf089.png

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

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

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

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

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

92a2dd4e37c32e22e6619bcc7ae7e1d1.png

还可以设置日期提醒

bc61f812c926ec53a800be5ddcee4722.png

可以自定义看板娘说的话

e853e2d34fa8171fdc6239e63c946b57.png

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

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

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

4a21466d736c2e50d42d2ded354c5cf3.png

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

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

b44396d88be06a4d38e7d827e8e4b2e8.png

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

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

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

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

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

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

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

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

一定会把网站做的更好~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_736329.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

小学生把自己学校的网站搞了!

相关阅读:2T架构师学习资料干货分享作者:Ret2Rttr来源:zhuanlan.zhihu.com/p/417528231本人7年级学生12岁 喜欢Pwn今天这篇文章来源于知乎上一个叫Ret2Rttr的分享,作者自称是一名六年级的小学生。文章主要记录的是他针对自己学校网…

一个基于 SpringBoot 开源的小说和漫画在线阅读网站,简洁大方 !

今天给大家推荐的这个开源项目是一个基于 SpringBoot 实现的小说和漫画在线阅读网站。需要源码和文档可以关注私信“外卖系统” 这个开源项目叫:fiction_house。 这个开源项目是一个多平台(web、安卓 app、微信小程序)、功能完善的小说弹幕…

弃用官方网站,Python 将所有 Bug 迁移到 GitHub 中

此前,Python 开发组一直在 Python 官方 Bug 网站 https://bugs.python.org(缩写为 bpo 或 BPO)上进行 Bug 提交、跟踪和处理,该网站使用开源工具 Roundup 作为 Bug 跟踪器。 2 月 18 日, Python 核心开发者 Łukasz L…

最适合晚上睡不着看的 8 个网站,建议收藏哦

最近上一篇:一边裁员,一边招人。。1. 找工作避坑名单一个涵盖几乎所有996、955的公司热点和时事的汇总列表,其实这是两个仓库。官网1(955):https://github.com/formulahendry/955.WLB官网2(996):https://github.com/im…

表白网站怎么上传到服务器,能上传到云服务器的表白模板

能上传到云服务器的表白模板 内容精选换一换资源包括静态语音,TTS放音以及短消息,在您进行流程编排前,需要先将涉及到的资源,包括语音、短信模板添加到系统中,才能继续配置流程。传统的HPC使用中存在如下问题&#xff…

新手入门 Python 的学习网站

1 Python 小例子 来自 github 网站上的项目,提供了 141 个代码小样,并标注了难度等级。 告别枯燥,致力于打造 Python 经典小例子、小案例。 2 编程教室 Crossin的编程教室 - 在线练习 3 python100天从新手到大师 这是一个github网站11W星…

危险,不要随意让网站记住密码自动登陆!

为了方便用户登录,几乎所有的网站都实现了“记住密码”、“自动登陆”这样似乎人性化的功能。 我也很喜欢这个功能,因为我自己的脑子实在是讨厌记东西。 为了安全起见,我的密码都设置的很复杂,满足“数字特殊符号英文字母大小写…

手机网站form表单check神器——Validform

手机端的商城项目已经上线了很久,但一直留有令人耿耿于怀的问题——form表单没有找到合适的validate,也就是说项目的input标签check只是做在了后台,前端并没有进行验证,这显然给后台服务器平添了很多烦恼(这活儿不应该…

使用ehcache缓存页面、ExpiresFilter添加Expires头,大幅提升网站性能

前几天把网站部署到服务器上后发现访问速度和龟速差不多,内心感到非常焦虑——之前并未做过这方面的尝试,要解决问题实在有些头大。 但幸好之前做过一个项目,本地访问速度感觉奇慢,但正式环境下访问速度反倒快得飞起。虽然我期初…

推荐10个堪称神器的 Java 学习网站

经常有一些读者问我:“二哥,学习 Java 应该关注哪些网站?”,我之前的态度一直是上知乎、上搜索引擎搜一下不就知道了。但读者对我这个态度很不满意,他们说,“我在问你,又不是问知乎,…

推荐10个堪称神器的学习网站

每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公…

作为程序员的他,大学四年一直自学,全靠这些实用工具和学习网站!

二哥,你好,马上 6 月份就要毕业了。非常感谢这些年来二哥的鼓励,你的那些文章我基本上都看了,尤其是程序人生方面的文章给我启迪很大。大学四年,我没有白过,虽然专业不是程序员,但我喜欢这个行业…

超实用的工具、素材、学习网站分享

文章目录------------------------------学习教程篇-------------------------------bilibili哔哩哔哩网易云课堂siki学院:泰课在线:可汗学院:线性代数的本质 - bilibili计算机科学速成课 - bilibiliLearnOpenGL:The Book of Shad…

大学四年,因为这些网站,他顺利拿下字节跳动的offer!

回想起大学的日子,我不免觉得有些羞愧,因为我把它虚度了,除了谈了个女朋友,几乎一无所获,我是个彻彻底底的学渣。但我有一个读者,小王,他就是最佳的励志典范,大一还挂科了三门&#…

老板急坏了,公司网站的 HTTPS 过期了

端午出去玩的时候,老板打电话说公司网站的 HTTPS 过期了,访问不了(见下图),要我立马升级一下。可惜我当时没带电脑,无能为力,可把老板急坏了。 没办法,急就先急着,只能等…

mfc之clistctrl导出excel_Excel函数:SEO这个站长帮手,你在用吗?

在SEO工作中,我们每天都会使用大量的站长工具,其中,Excel函数,是我们发现做一些SEO基础数据分析得力的站长帮手。 在以往的数据统计中,我们经常会利用到Excel排序、筛选、去重等一系列可使用的函数,但对于站…

企业网站 源码 mail:_分享一些好用的网站(二)

前言半年前写了一篇《分享一些好用的网站》记录了我之前常用的一些网站,现在过去半年,收藏夹也多了一些网站,特地记录下来,希望能对你有所帮助。由于这些网站都比较杂,我也懒得分类了。太长不看版临时邮箱 https://tem…

再见 HTTP?10 分钟手把手教会你将网站切换到 HTTPS,安全有保障,yyds!

CSDN 的小伙伴们,大家好,我是刚脱离险境的二哥呀! 很久(大概两年)之前,我就搞了一个独立的个人博客网站,长下面这样。 大家有访问过的,可以在评论区扣 1 可惜一直没搞备案和 HTTPS…

3 年9.9元,网站从HTTP升级到HTTPS

上一次,我们完成域名解析后,发现浏览器地址栏里的域名被提示为不安全,就是因为它还是个宝宝,没有升级为 HTTPS 证书。 那怎么升级为 HTTPS 证书呢?可以直接通过阿里云购买 SSL 证书,但特么巨贵! 本来想尝试一下 AWS 的免费 SSL 证书,但卡到验证码这一步就是收不到信息…

完了,二哥网站的图片挂了

二哥的编程知识星球正式开放了,这是一个Java学习指南编程实战的学习宝地,可以帮助你提高编程能力、养成好的学习习惯、找到志同道合的学习伙伴、拿到更好的 Offer。详情戳链接🔗《Java程序员进阶之路》! 大家好,我是二哥&#xff…