【Vue最简单的实现网页Live2D看板娘】的更多相关文章

Vue最简单的实现网页Live2D看板娘

Live2D看板娘 前言 二.使用步骤 1.引入 2.设置样式 结尾(后续更新更强的配置看板娘~) 前言 最近想给自己的网页添点新花样,然后就想到了别人的网站都有一些看板娘的玩意儿,看着很舒服,鉴于自己也没玩过,就鼓捣了一会儿.发现实现的模型还挺多.我这里呢,就简化一下,弄一个最简单在vue中的教程. 二.使用步骤 1.引入 在index.html页面映入js: <!-- 看板娘 --> <script type="text/javascript" charset=&…

Hexo 添加Live2D看板娘

title: Hexo 添加 Live2D看板娘 二次元什么的最喜欢了[大好きです] 准备 项目地址 live2d模型 部分模型预览 开始 首先进入Hexo博客根目录安装live2d插件 $ npm install --save hexo-helper-live2d 接着,修改根目录下的 _config.yml 文件 添加自定义配置(下面提供我的配置做参考): ## live2d live2d: enable: true scriptFrom: local pluginRootPath: liv…

文章中左下角的妹子live2d看板娘

关键词: live2d看板娘 自行搜索即可 攻略很多…

博客美化—添加萌萌的live2D看板娘(不能再简单了)

看着很多博客都有live2D的萌萌哒看板娘,我闲着有空说干就干. 从参考博客的附件中下载资源文件 waifu.css waifu-tips.js live2d.js flat-ui.min.css//若不加菜单可以不引入 上传资源文件到博客园 申请js权限 设置博客园页脚Html代码(其中的资源文件可以替换成你自己的url) 页脚Html代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">…

网页添加Live2D看板娘简易教程

看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义. 如果想在自己的博客上放一个呆萌的看板娘非常的简单只需要简单的几行代码就能实现. 这时可以看我自己博客的看板娘,就在右下角. js代码 <script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/fi…

网页添加 Live2D 看板娘

    我是先参考别人的[点击跳转]博客来做的.不过我发现网上很多人都没有把一些细节写出来,用了别人那里下载的文件后里面的一些跳转链接就跳到他们的页面了.所以我这里写一写如何修改这些跳转链接吧. 1. 首页跳转链接 $('.waifu-tool .fui-home').click(function (){ window.location = '<这个是看板娘点小房子时的跳转链接>'; }); 2. 关于跳转链接 $('.waifu-tool .fui-info-circle').click(f…

网页添加Live2D看板娘

看板娘简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义. 如果想放一个呆萌的看板娘在博客上 js <script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script> <script type=&q…

在网页添加 Live2D 看板娘

只需要将以下代码粘贴到 标签中即可 <!--看板娘--> <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"…

Hexo添加Live2D看板娘+模型预览

文章目录 添加和注意事项 模型预览 live2d-widget-model-chitose live2d-widget-model-epsilon2_1 live2d-widget-model-gf live2d-widget-model-haru_01 live2d-widget-model-haru_02 live2d-widget-model-haruto live2d-widget-model-hibiki live2d-widget-model-hijiki live2d-widget…

Vue看板娘教程1.0

Live2D看板娘 前言(PS:本教程使用的Vue项目) 一.下载文件 二.使用步骤 1.引入文件 2.引入js 3.修改app.vue 4.如何换模型? 更换模型的效果 5.如何换语音? 结尾(后续更新更强的配置看板娘~) 前言(PS:本教程使用的Vue项目) 接上一篇简单版的Live2D看板娘的教程,这次使用高级一点点的,花里胡哨的还有很多,可自行百度,简直眼花缭乱,我这也是刚研究的,后面还搞出什么花样了,再发后续...好了好了,步入正题吧,开肝~ 一.下载文件 要玩看板娘,需要一些写好的资…