fui

一、下载压缩文件： waifu.css（看板娘在页面的位置（左边）以及大小） waifu1.css（看板娘在页面的位置（右边）以及大小）（看你喜欢放在哪边咯） waifu-tips.js（看板娘的语言设置） live2d.min.js（一些点击之后的动作） * flat-ui.min.css（看板娘右边菜单项 PS：不需要可以不配置） 链接：https://pan.baidu.com/s/1vYLlw5hBKCsNv9INWHJTiw&shfl=sharepset 提取码：y0pl 二、将压缩包的文件上传到博客： 三、在博客侧边栏公告添加如下代码：（ PS：需要申请开通（支持JS代码） ） < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" /> < title > Live2D </ title > < link rel ="stylesheet" type ="text/css" href ="https://blog-static.cnblogs.com/files/自己博客的Blog地址名/flat-ui.min.css" /> < link rel ="stylesheet"

前言 　　一行白鹭上青天 需求 　　最近，我们老板刷刷的为了省事，给美术减压（背景有点长，不说了）。 　　 美术出 fairygui，我需要在网页上看到实时操作，并且看到效果！ 需求分析 　　这怕是要了我的狗命啊，但是要年底了，包住饭碗要紧。 　　提炼关键字， fairygui ， 网页展示，操作，Egret 　　再浓缩一下： fairygui 为交互素材，白鹭为引擎，vue为展示页面 一、fairygui 是什么？ 　　官方地址： http://www.fairygui.com/guide/ 　　 FairyGUI提供了一个强大的UI编辑器， 使用习惯与Adobe系列软件保持一致 ，美术设计师和策划都可以轻松上手。 　　airyGUI提供了多个游戏引擎SDK： Unity 、 Cocos2d-x 、 Cry Egine , MonoGame , Havok Vision/Project Anarchy 、 Egret 、 LayaAir 、 CocosCreator 、 Haxe 、 Pixi 、 Flash 、 Starling ，未来还将支持 UE4 、 LibGDX 等。借助FairyGUI-SDK， 　　你可以轻松在UI中使用3D对象、粒子等元素，而且FairyGUI还解决了环形进度条、像素点击测试、图文混排、循环列表、虚拟列表、曲面UI、VR输入等UI开发中常见的痛点

此文章最后修订于400天前，其中的信息可能已经有所发展或是发生改变。 前言 一直有人问关于博客园看板娘的是如何加上去的，一开始的时候的确踩了很多坑，还有，这个美化博客这个事情，大家还是时刻适可而止的好，不然永远没有尽头，把自己的大好时光全都浪费（滑稽.jpg，用live2d 就可以很简单的加到自己网站上或者个人博客上。在自己个人博客上确实可以很容易的添加，但是在博客园就更简单了（踩坑之后的悔悟）。下面看步骤。 前提 确保自己的博客有 js 权限，没有的话可以向官方大大申请。 知道如何引用样式和js文件。 效果预览 ElPsyCongroowx 紫陌红尘丶 引入模型相关文件 在文章末会给出链接 waifu.css waifu-tips.js live2d.js flat-ui.min.css//若不加菜单可以不引入 代码实现 引入样式文件(页首) <link rel="stylesheet" type="text/css" href="waifu.css"/> 引入 js (页脚) <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script src="live2d.js"></script> <script src="waifu-tips.js"></script> 整体结构

此文章最后修订于400天前，其中的信息可能已经有所发展或是发生改变。 前言 一直有人问关于博客园看板娘的是如何加上去的，一开始的时候的确踩了很多坑，还有，这个美化博客这个事情，大家还是时刻适可而止的好，不然永远没有尽头，把自己的大好时光全都浪费（滑稽.jpg，用live2d 就可以很简单的加到自己网站上或者个人博客上。在自己个人博客上确实可以很容易的添加，但是在博客园就更简单了（踩坑之后的悔悟）。下面看步骤。 前提 确保自己的博客有 js 权限，没有的话可以向官方大大申请。 知道如何引用样式和js文件。 效果预览 ElPsyCongroowx 紫陌红尘丶 引入模型相关文件 在文章末会给出链接 waifu.css waifu-tips.js live2d.js flat-ui.min.css//若不加菜单可以不引入 代码实现 引入样式文件(页首) <link rel="stylesheet" type="text/css" href="waifu.css"/> 整体结构(侧边栏) <div class="waifu" id="waifu"> <div class="waifu-tips" style="opacity: 1;"></div> <canvas id="live2d" width="280" height="250" class="live2d"></canvas> <