【live2D看板娘】为你的网站添加萌萌的二次元板娘，这都拿不下你？

爱音斯坦牛

优质创作者: 编程框架技术领域

2022-10-04 17:20:24

【live2D看板娘】为你的网站添加萌萌的二次元板娘，这都拿不下你？ http://t.csdn.cn/HgUwP

...全文

652 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

文章目录前言介绍Live2D看板娘添加Live2D看板娘准备工作安装依赖下载model文件添加live2d看板娘到hexo查看效果发布前言上次我们搭建了hexo博客，今天来添加一个Live2D看板娘。在网上看了一些教程，不过hexo更新之后更简单，以前的一些教程有些过时了，所以想写一篇更新的教程。介绍 Live2D Live2D是一种应用于电子游戏的绘图渲染技术，由日本Cybernoids公司开发，通过一系列的连续图像和人物建模来生成一种类似二维图像的三维模型，换句话说就是2D的素材实现一定程度的3D

【Live2D看板娘】：为你的网站注入二次元活力去发现同类优质开源项目:https://gitcode.com/ 项目介绍在当今互联网时代，个性化和互动性成为了网站吸引用户的关键因素。如果你正在寻找一种简单而有效的方式来提升你的个人网站或博客的吸引力，那么Live2D看板娘项目绝对是你的不二之选。这个开源项目不仅提供了详细的教程和资源，还允许你轻松地将可爱的二次元角色集成到你的网页中，为你的网...

啊？看板娘？什么是看板娘？简而言之，就是网站的，有吸引用户驻留、提高人气的作用类似品牌形象代言你也想要这样的效果咩XD不出意外会有个你不认识的萌妹出现在你的网页，像这样：但是！但是！！我们想要的是什么！！当然是可以定制化的二次元萌妹！！只有这样，自己的网页才有逼格呀~所以在经过了一段时间的捣鼓之后，我终于搞懂了如何在 Web 端载入 Live2D 模型。下面我基于 Vue3 封装了一个加载 Live2D 模型的组件，需要的可以自取。

Live2D看板娘实现开发工具IDEA 国际惯例先上图：所需资源：链接：https://pan.baidu.com/s/1s7IJIqGnn-cNRAfoS-qG5w 提取码：dhf4 其中包含了看板娘所需的CSS，image,JS,Live2d所需的基本资源。下面就来实现吧开发工具idea+tomcat,如果没有的小伙伴们可以自己从网上分别安装这两个资源并配置，网上有很多，这里我不在赘述了。（如果有很多人需要我或许可以出个教程…认真脸）。 1.创建项目 2.项目创建完成 3.引入看板娘

37,744

社区成员

34,213

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

试试用AI创作助手写篇文章吧

+ 用AI写文章