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

爱音斯坦牛

全栈领域优质创作者

2022-10-04 17:20:24

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

...全文

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

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

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

想给网站添加一个看板娘？这个GitHub上的Live2D很合适右方第一个按钮：回主页第二个按钮：显示一言第三个按钮：切换看板娘第四个按钮：看板娘换装第五个按钮：截图到本地第六个按钮：关于看板娘第七个按钮：关闭看板娘模型举例：Pio酱Nep!超次元游戏：海王星系列Shizuku？Tia 酱Bilibili 22Bilibili 33大部分模型引自https://www.live2d.c...

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

Live2D看板娘是一种基于Live2D技术的网页插件，它能够在网页上展示一个动态的2D动画角色，这些角色通常具有互动性，能够响应用户的鼠标动作或点击，增加网页的趣味性和互动性。Live2D技术由日本Cybernoids公司开发，主要应用于电子游戏领域，通过将2D图像进行平移、旋转和变形等操作，生成具有自然动画效果的可动人物模型。

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

37,743

社区成员

34,212

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

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

+ 用AI写文章