首页 > TAG信息列表 > live2d

live2d 看板娘可用模型

live2d-widget-model-chitose live2d-widget-model-epsilon2_1 live2d-widget-model-gf live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru) live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru) live2d-widget-mod

【美化博客园样式历程】添加live2D看板娘

不知道该不该说二次元的力量是不是强大,有好多博客都写了相关的内容,非常可惜的是,我也是一名阿宅,不弄个看板娘说不过去。 代码 首先,需要申请博客园的 js 权限 ,步骤是:管理 -> 设置 -> js权限申请 接着就到页面html代码添加如下代码 引入 live2d 的 js: 要注意书写规范,同时奇怪的地

在个人网站中加入二次元角色

只需要在网页中引入3行cdn代码即可 <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"/> <s

教你使用看板娘

基本使用方法 如下面代码一样,在HTML的head头内引入L2Dwidget.js即可在页面中引入动画。 <script src="https://unpkg.com/live2d-widget/lib/L2Dwidget.min.js"></script> <script src="https://unpkg.com/live2d-widget/lib/L2Dwidget.0.min.js"></script> &l

前端装扮系列-为博客添加二次元

Live2D简介 live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发,通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。 live2d官方提供了很多平台的SDK),包括iOS,Android,Flash,Unity,openGL等, 可以参照官方网站:https://www.live2d.com/ live2D是

个人Blog页面Live2D看板人物 很简单

页面看板人物 Live2D 附图  看板人物 随鼠标指针转动身体 很有意思 许多个人Blog都能见到 说一下怎么做 很简单: 先配置 npm i vue-live2d@1.2.1  配置完成在public中的index.html中: <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2D

Unity 关联 Live2D 学习3

眼动追踪: 在这里,我们将解释如何使型的注视跟随鼠标光标。 SDK提供了两个很好的组件:CubismLook Look Controller 混合模式:三个参数和之前文章提供的参数设置函数中的参数意义一致 -Center:在此处设置一个GameObject作为要遵循的坐标的中心。 中心是已设置的GameObject的边界的中心

Live2D项目,桌面可爱玩偶(可以动的),html桌面化(exe)的实现

Live2D项目,桌面可爱玩偶(可以动的),html桌面化(exe)的实现 原本为html的网页嵌入代码,我运用了nw.js进行了桌面化的实现 下载地址: https://wws.lanzous.com/iWr0Wnny5bg 密码:i2on 下图为html源码图 下面为html源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title

博客园美化:添加live2d看板娘

将下列代码复制粘贴到页尾HTML: <!-- live2D --> <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhangshuhao1116/waifu1.css"/> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.m

看板娘demo,学会了可以方便的给自己的博客添加一个看板娘

文件下载         由于文件代码有点多所以,放一个网盘链接 链接:https://pan.baidu.com/s/1qiFDWN-bMzq6zKpytvuzeA 提取码:ajcm demo <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="

Hexo

Hexo 一个把markdown文件渲染成静态网页的框架。 可以作为博客、网页展示、文档等。 运行于Node.js(javascript独立于浏览器外的运行环境)。 官网:https://hexo.io/ 安装 Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本) Git(hexo初始化的模板需要从github上

docsify 构建文档网站之定制功能(全网最全)

作者: wugenqiang 学习笔记:https://notebook.js.org/ 微信公众号:码客 E 分享(ID:enjoytoshare) 文档后续更新地址:docsify 构建文档网站 4 定制功能 文章目录 4 定制功能 4.1 支持 DOT 语言作图 4.2 支持 LaTex 数学公式 4.3 支持 PDF 页面展示 4.4 支持回到顶部 4.5 点击页面出

live2d-widget 看板娘(改)

代码修改于 https://www.fghrsh.net/post/123.html 核心依赖 live2d.min.js 可以从 https://github.com/stevenjoezhang/live2d-widget下载,嫌速度慢的话,gitee上也有。 l i v

我的自定义多交互live2d折腾经历

在@m0d1 大佬的督促(?)下有了这篇复盘。不过因为可能很多地方讲得不全面+理解不够深入,故不打算把这篇当成是教程/指南,那就算是一个指北吧= = (划重点:不是教程!不是教程!不是教程! 省流简介:机缘巧合之下看到了stevenjoezhang/live2d-widget的多交互live2d,有点心动但是模型太少不太合口

用html代码给网页加个live2d看板娘吧

直接粘贴以下代码(静态网页在_config.yml中添加,博客园在页尾html中加): <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Dreamer-Paul/Pio@2.4/static/pio.min.css" /> <script

给你的博客园添加上高洁、优雅的歌姬友希那Live2d

妳烠為Roselia堵↑①苆嘚覺悟嗎?  查了老半天终于知道怎么加上自己想要的live2d在博客主页,喜欢我这个的也可以直接用我的链接。 首先要申请JS权限,在博客侧边栏公告添加代码: <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.

网页添加Live2D 看板娘

简述:看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义。 那么,这个呆萌的看板娘是如何添加呢?其实非常的简单,只需要简单的几行代码就能实现。 一、html文件添加以下代码 <!--

使用L2Dwidget给网页加入二次元图片

无意间看到一个网站有图片动画,而且可以随着鼠标在动,关键是动画还蛮好看的,觉得探讨一波,话不多说,上个效果图 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <script> L2Dwidget.init({ "model": {

转载:博客园添加动态动漫妹子

添加插件 我们在【设置】页面下方找到【博客侧边栏公告(支持HTML代码) (支持 JS 代码)】这项,         然后加入以下代码:   <script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script> <script typ

添加萌萌的看板娘

首先,申请js权限 然后,上传资源文件到博客园,或者引用我的博客中已有的js文件:L2Dwidget.0.min.js和L2Dwidget.min.js 最后,在页脚代码中添加代码: <script type="text/javascript" charset="utf-8" src="https://blog-static.cnblogs.com/files/bingDiv/L2Dwidget.0.min.js"></scri

Unity-Live2D实现GalGame中人物随鼠标点击移动

人物模型是从live2d下载下来的,这么可爱的二次元不可能是我画的。 live2d本身有对鼠标监测的封装方法(见对象L2DTargetPoint),鼠标在live2d的拖拽管理坐标系内会反馈一个鼠标的影响度,可看成一个在-1到1之间的比例值; 这里的方法是: 1.先获取鼠标当前在屏幕的位置 2.利用已有公式将当前鼠

live2d模型导入unity报错

live2d模型导入unity报错 将3.1版本导入unity2019.4提示live2d unloaded,模型白板; 将3.1版本导入unity2017是另外一个提示,然后console报错是两个当前点击模型文件的时间(红色,莫名其妙) 最后我一堆操作后上官网https://www.live2d.com/download/cubism-sdk/#sdk1下了最新的4版

使用GitHub+Hexo+live2d搭建个人博客

使用GitHub+Hexo+live2d搭建个人博客 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 安装hexo sudo npm install hexo-cli -g 创建博客目录 hexo init username.github.io cd username.github.io npm install

博客园如何实现看板娘Live2d?来吧少年,开启新世界的大门!——live2d 博客园 个性化定制

先把文件建好,一共四个需要上传博客园的文件 ①waifu.css ②waifu-tip.css ③live2d.js ④live2d-related.css 你可以通过https://blog-static.cnblogs.com/files/Nortonary/ + 相应文件名 获取该文件的详细代码 随后,在博客园侧边公告栏输入以下代码: <!DOCTYPE html> <html xmlns

简单几步为博客园添加动态动漫妹子

简单几步为博客园添加动态动漫妹子   一、效果图 相信从事技术开发的朋友们,都有自己的博客。 今天我们来讲讲如何让自己的博客增加一点色彩。 我们来看一张效果图:       右下角有个很乖巧的动漫妹子,鼠标移动,妹子会摇头晃脑~ 集成其实很简单,这是一种2D技术,实现方式有挺多中的