【关于live2D的使用】的更多相关文章

Live2D WebGL实现

demo预览:http://www.kakinuma.date/l2d.html 官方:http://www.live2d.com/en/ sdk下载:https://link.zhihu.com/?target=http%3A//app2.live2d.com/cubism/sdk/bowiuex/webgl/Live2D_SDK_WebGL_2.0.05_1_en.zip sdk目录: framework框架有一个js,lib库有1个,这是最基本的构成 下面有SampleApp1,Simpl…

【Android】用Cubism 2制作自己的Live2D——官方App样例源码学习(1)！

前言- 上几篇文章,我们一个一个的研究了Cubism官方提供的Android使用Live2D的简单例子,但是依旧和大家平时见到的还是有很大差距的.在研究了代码差不多一周以后,我决定还是用文字的形式记录一下比较好. 下面就是我们的主角:SampleApp1 下载及运行 编译运行后的结果- 先来粗略看看代码实现了什么功能: 目光看向触摸区域 拥有平时循环的动作(眨眼睛等) 拥有触摸反馈:包括动作.声音 拥有重力感应,人物和背景会随之移动,会有声音的反馈 点击右下方可以更换model 已经可以算是实现…

【Android】用Cubism 2制作自己的Live2D——来制作动态壁纸吧！

前言- Andorid SDK下载  baidu云 提取码:19jm 这次我们就来研究一下官方的例子之一的liveWallPaper,也就是开发Android的动态壁纸 先来看看这个例子运行的结果: 还是蛮可爱的嘛,那么开始吧! 项目的目录- framework中是live2d要用的必须的类 libs下是开发必须要用的jar包 -GLWallpaperService.jar -live2d_android.jar sample下就是重点了live2DRenderer是绘制模型的类.LiveWal…

【Android】用Cubism 2制作自己的Live2D——android sdk样本的下载与Android studio编译！

前言- 在浏览Live2d说明书的时候我无意中发现了一个有趣的东西,就是android sdk中居然自带动态壁纸!那就让我们来试试吧,说明书此页的网址连接——中文版||日文版 Android开发所必需的环境- 没啥说的,没有的可以跳过了,真的想试试的可以试试说明书上的#01 Android開發必要的工具,不过不要轻信上面显示的30分钟就是了.在这里我用的是Android studio SDK的下载- 地址(日文网站破校园网打不开233回头不上,一定) baidu盘     提取码:19jm 下载…

【Android】用Cubism 2制作自己的Live2D——官方App样例源码学习(2)！

前言- 明确了项目目录的结构,但是结构什么的也太"抽象"了. 本篇开始上代码! 模型的绘制- 前几天的学习中,live2d的绘制有了一些了解了,在Android端使用OpenGL ES绘制模型时需要Surface绘制和Renderer渲染,那么切入点就为GLSurfaceView和Renderer. 在SampleApp1中的sample包下LAppView和LAppRenderer就分别饰演的这两个角色 LAppRenderer implements GLSurfaceView.Re…

【Android】用Cubism 2制作自己的Live2D——初探Live2D在Android上的运行！

前言- 上一次我们成功运行了官方给我们的样本,是不是很有干劲啊?!这次我们就来看看Live2D是怎么在手机上运行的! 准备- 上次运行成功的官方样本——第一次我们先看简单的,就是那个名字叫Sample的项目,看起来就很见到不是么?!她的目录里除了lib库中的Live2D的jar包之外,就剩两个类了,看来这就是今天的全部工作量了!争取不加班! 顺便我们还要看看这个项目跑出来的样子,大概就是这样,在屏幕中间绘制模型,然后让模型的头横摆?! 开工- 依旧还是从简单的着手, SampleActivity…

【Android】用Cubism 2制作自己的Live2D——软件的安装与破解！

前言- 上文我们简单的了解了Cubism的情况,但是Cubism 2.X安装好以后如果不进行破解只能使用Free版本,这是我们接受不了的,我们是专业的.是来学习的,怎么能不用Pro版本呢?所以话不多说我们来看看如何破解使用Cubism2.1 软件的安装与破解- >>首先我们需要下载软件并进行安装操作,连接见上篇,我也是从其他网站找来的资源,亲测能用. 1.将下载的安装包解压,点击Live2D_Cubism_Setup进行安装 2.打开Crack文件夹,对应系统版本,将“X32”.“X64”文件…

【Android】用Cubism 2制作自己的Live2D——初见！

前言- 现在很多手游的UI上都不约而同的放置一个Live2D模型,这仿佛已经成为了一个业界的潜规则之类的东西.作为一名深受手机游戏毒害的90后,我也没有忘记小时候励志当一名技术宅的梦想,也想试试自己做一个Live2D模型用于我的毕业设计.所以开始了自己制作Live2D的摸索... 工具- 起初我一直以为Live2D的制作是要学习Unity或者Flash的,但是有一天我在B站看见的刘老师的Oeasy系列(AV22931421)中了解到Cubism这个软件,只不过视频中的Cubism使用的是3.X,…

live2d+cocos2dx示例工程

环境 : win10 64bit visual studio 2013 cocos2d-x-3.9 Live2D_SDK_OpenGL_2.0.06_2_sample_3.3_en 首先安装visual studio 2013,我之前用的visual studio 2015一直编译有问题. https://www.cnblogs.com/sea-stream/p/10544453.html 安装完成后,我们需要下载几个文件 链接:https://pan.baidu.com/s/13MxHfMj2…

用ECMAScript4 ( ActionScript3) 实现Unity的热更新 -- 热更新Live2D

live2D是一个很强大的2D动画组件.我们可以使用AS3脚本对它进行热更新. live2D在Unity中的使用请看这里: 如何获取Live2D 总得来说,我们可以先去live2D官网下载它的Unity SDK,然后即可在Unity中使用.我们这里使用的是live2d 2.1版. 我们的目标是把 Live2D_SDK_Unity_2.1.02_1_jp\sample\Demo\ 这个unity示例工程改造成as3热更新版本. 准备热更新工程 首先您要先创建一个空白的Unity工程.然后将下载好的…

Live2D 博客页面添加板娘

偶然看到了live2d,神奇的二次元呀 在页脚Html代码中添加如下代码即可: <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/cyuanwu/waifu.css"/> <link rel="stylesheet" type="text/css" href="ht…

博客美化—添加萌萌的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">…

HEXO next live2d插件删除问题

title: HEXO next live2d插件删除问题 date: 2018-03-06 13:09:12 updated: tags: [hexo,next,建站,学习,前端技术,疑问] description: 关于建站中解决live2d插件无法删除的记录,目前仍未彻底解决. keywords: comments: image: --- 前几天准备使用live2d插件,一直照着官方文档没有成功,今天发现其实是已经成功了,似乎是pc的问题导致了动态资源无法加载,虽然当时换了几个不同内核的浏…

纯干货！live2d动画制作简述以及踩坑

本文来自网易云社区,转载务必请注明出处. 1. 概述 live2d是由日本Cybernoids公司开发,通过扭曲像素位置营造伪3d空间感的二维动画软件.官网下载安装包直接安装可以得到两种软件,分别是Cubism Modeler和Cubism Animator,最后我们还需要安装第三个软件Viewer用作预览调戏等. 由于还是由2d图形制作,所以对动画师要求比较高,除去原画绘制能力,动画师还需要具有一定三维空间感,以及复杂逻辑能力(问什么要有逻辑能力,请看完= =). 先简单说一下制作流程: ps…

看板娘 & 二次元 & live2d

live2d https://l2dwidget.js.org/dev.html https://github.com/xiazeyu/live2d-widget.js 看板娘 要切换看板娘吗? http://dzblog.cn/article/5aca31ccd0597d4709f5337a http://dzblog.cn/cases/react-toutiao/index.html http://dzblog.cn/blog…

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纸片人模型 准备工具 github仓库:存放live2d模型和json文件 如果你的博客支持本地存放文件也可,主要是博客园只支持集中格式,太坑了. 注意如果你使用git仓库的话,firefox浏览器可能不能成功显示,原因是CORS安全策略阻止了跨源申请 现成的带json的live2d模型. 这个可以到资源群或者百度贴吧去找(也可以自己做 如果没有的话,作者推荐了两个少女前线的模型,非常好康,地…

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

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

博客前端live2D实现

1.本来以为没那么简单,结果看了大佬的https://www.cnblogs.com/liuzhou1/p/10813828.html#4431992的简单明了.效果如下,可随鼠标移动. ①这里添加在博客侧边栏公告(支持HTML代码) (不支持 JS 代码的向管理员申请): js代码 <script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files…

Typecho的卡哇伊小猫咪小插件（Live2D猫咪插件）

之前看到一个博客,被它博客上的动态小猫咪给吸引了,这个纯粹就是一个在线撸猫的神器啊.但是在网上寻找一番,并没有找到合适的插件,或者说没有找到合适的模型,因此无奈之后,只能向该博主请教,在它写的博客上,一番寻找之后,看到了博主的联系方式,然后向博主咨询,能不能分享一个这个插件,但是该博主说,该插件还不完善,完善之后,在分享给我.好吧,咨询之后,博主未能提供可以进行直接食用的插件,我们只好自己动手,丰衣足食了.经过一番寻找之后,终于找到了一个相关的猫咪模型,然后修改模型名称之后PIO插件能够自动识别…

给博客页面添加 live2d 小萝莉

添加依赖 在页脚HTML代码的地方添加下面的代码: <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 初始化 <script> L2Dwidget.init({ "model": { //jsonpath控制显示那个小萝莉模型,下面这个就是我觉得最可爱的小萝莉…

Live2d技术

保存一些关于Live2d技术的博文或模型资源,有空研究研究. 什么是 live2d?:https://baike.baidu.com/item/Live2D/8496493 1.https://www.zhangxinxu.com/wordpress/2018/05/live2d-web-webgl-js/ 2.https://www.wikimoe.com/?tag=Live2d  (模型炒鸡棒阿!!) 3.https://github.com/xiazeyu/live2d-widget-mo…

live2d web端加载moc3模型

大佬博客链接:https://blog.csdn.net/weixin_44128558/article/details/104792345 照着大佬的博客做一下,可以先学会怎么生成bundle.js文件,以及官方的sdk文件的详细内容,讲得很详细 如果想直接用的话也可以看最下面的代码copy即可 下面是照着大佬的博客的时候遇到的一些问题 目录 将模型文件放在github上面用jsdelivr会出现WebGL加载跨域纹理出错的问题 人物没有布满整个canvas导致人物相对较小的问题 删除官方模板…

网页添加 Live2D 看板娘

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

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

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

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

在@m0d1 大佬的督促(?)下有了这篇复盘.不过因为可能很多地方讲得不全面+理解不够深入,故不打算把这篇当成是教程/指南,那就算是一个指北吧= = (划重点:不是教程!不是教程!不是教程! 省流简介:机缘巧合之下看到了stevenjoezhang/live2d-widget的多交互live2d,有点心动但是模型太少不太合口味:又是一个机缘巧合之下看到了Eikanya/Live2d-model中有收集解包食物语的live2d模型,发现了本命菜,顿时动力++,感觉能结合live2d-widget提…

live2d

原文来自https://www.fghrsh.net/post/123.html Live2D 看板娘 v1.4 / Demo 3 - 内置 waifu-tips.json (博客园等网站引用推荐) Demo 1 - 常规引用 Demo 2 - 自动加载 autoload.js Demo 3 (当前面页) <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <me…

为你的网站加上live2d的动态小挂件，博君一晒

原文转载自「刘悦的技术博客」https://v3u.cn/a_id_122 喜欢二次元的朋友一定对大名鼎鼎的live2d技术并不陌生,live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发,通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像. 可以看到本站右下角出现了一只可爱的小喵 可以看到这只猫会跟着你的鼠标运动,有着伪3D的感觉,这种技术的核心就是明明是2D平面设计风格,却有3D行为交互的效果就是live2d 值得一提的是Live2D游戏也风靡一时…

Live2d Widget

写在最前 最早的时候看别人的博客很多都有一个可爱的看板娘,然后就找了教程给自己也整了一个.因为找到的教程都是稂莠不齐的,原作者自己说的也略显含糊(其实是我自己看不懂).总之秉承着一如既往的小白风格.把网上的教程做个整合. 效果 正式步骤 1.首先克隆仓库: https://github.com/stevenjoezhang/live2d-widget.git 2.把下载的zip解压放到主题的assets\media,重命名为live2d-widget 3.找到路径assets\media\liv…

【Android】用Cubism 2制作自己的Live2D——官方App样例源码学习(4)！

前言- 这是最后一个重要的类了——LAppLive2DManager,流程什么的也清晰了,话不多说我们来康康吧! LAppLive2DManager- public class LAppLive2DManager{ public void releaseModel(){} public void update(GL10 gl){ } public LAppModel getModel(int no){} public int getModelNum(){} public LAppView cre…