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

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

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

Vue.js是什么Vue.js 是用于构建交互式的 Web 界面的库.Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单.灵活的 API.Vue.js(类似于view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,vue采用自底向上增量开发的设计.vue的核心只关注视图层,它不仅易于上手,还便于与第三方库或即有项目整合.另一方面,当与单文件组件和vue生态系统支持的库结合使用时,vue也完全能够为复杂的但也应用程序提供驱动. Vue.js 特点 简洁: HTML…

缘起 哈喽大家好,又是周四了,俗话说周四来了,周末还远么哈哈,老张我也想下周请假,来个16天的大长假哟,不知道大家是怎么请假的,近来发现文章下边已经没有人评论了,赶脚比较凄凉了,大家看到的麻烦点个赞呀说个话呀,增加下人气哈哈,刚刚突然想到原来问题都跑到群里了,也是,当初创建群的目的就是解决问题滴,不能本末倒置了 [ 苦笑 ],经过一个月的书写<.net core(13)>.<Vue学习(13)>上下两部入门教程已经结束,今天开始一个 Vue 的补充教程 —— Nuxt.js 一个基…

最近逛博客,发现好多博主都加了网页看板娘,简直可爱到血槽空了,赶紧学习模仿改造了一下~ 给博客园的博客也添加了看板娘!!就在右边~喜欢的请打赏我~ 不过因为移植过来比较复杂,就不出教程啦~记得多来调教她哦~ 效果展示==> 源码下载==> 官网==> 官网示例sdk下载==> 开发备注:chrome直接调试会有跨域问题,建议更换火狐或者搭建本地服务器或者在服务器端调试~…

之前已经介绍了关于Vue的脚手架vue-cli的安装,以及一些文件目录介绍.具体可以查看<vue 入坑教程(一)--搭建vue-cli脚手架> 下面简单说一下具体的文件介绍 (一) package.json 配置文件 package.json是项目的配置文件,里面是项目的相关的包依赖,npm运行命令,位于项目根目录. { "name": "ddlcwecaht", ---------------------项目名称 "version"…

目标书接上回,上回那个例子实在太土了.实际开发中我们不可能把整个网站的js和html全写到一个页面上.所以我们这节课的目标在于改造这个例子的文件结构,让它不那么土Let's do it 环境参数vue版本:2.5.16开始改造我们要开始改造上一节那个极土的例子,让它看起来洋气一点.很多教程上来把webpack跟vue绑在一起教,让很多原本不懂webpack的人以为webpack是vue的组成部分,或者是必不可少的部分.在这里我要声明一句: webpack不是vue的必须组成,只是webpack可…

目标前两课教的是入门和文件结构.都没有什么实在的东西.这次我们要来点实在的.我们要做出一个待办列表.这个待办列表有以下特点: 可以自动从文本中抽取出这件事情的开始时间可以显示当前距离这件事情的开始时间还有多久,比如:23:40 回家 (还有 6 小时 36 分 15 秒)如果当前时间已经超过了计划时间,则以灰色字体显示任务,并加上删除线通过这个例子我们可以学到以下知识点 v-for属性v-bind:key属性v-on属性在vue中使用bootstrap在vue中使用localStoragewat…

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