Live2D的简单使用

看了下Live2D，研究了下使用，再次简单的总结下，以便后来查看。
官方网站：http://www.live2d.com/en/
SDK：https://live2d.github.io/#unity

导入后里面有个Samples文件夹，里面是官方示例，每个例子有Description，描述这个例子是做什么的。
Animation是动画的示例，使用的是Animator的方式做的。
Editor这个可以可以自己定义导入后的操作，对于自动生成一些东西很有帮助，比如修改导进来的Texture的格式，自动生成对应的Animator动画等。
LookAt是使眼睛看向指定点的，一般都会做一下，毕竟是特色，根据对应的原理，我们可以自己定义对应的动画，比如根据音效时长使角色自动开合嘴巴。
Raycasting是点击碰撞，要事先加脚本CubismRaycastable及CubismRaycaster，然后直接调用对应的API就行，可以获取到点击的Drawables。

基本功能确定了，然后就是应用到项目中了，放到UI上一个要考虑的是层级排序问题。Live2D自身提供了两种排序方案，通过sortOrder和通过Z来排序，但是这个是针对角色模型自身的，在UI上并不怎么适合，最终确定的方案是RenderTexture。但是使用这个有个问题来了，就是前面说的点击碰撞不行了，摄像机，点击点对应关系乱了，这时候需要理清点击点所在的空间，屏幕空间以及摄像机所在的空间关系，利用摄像机函数进行空间转换在调用官方的API就可以了。

实际使用时，在自动生成这块，容易出现SVN冲突的问题，可以考虑生成所有资源后，将这些源文件删除，删除可能会报错，目前是使用编辑器协程延时来进行删除操作，关于编辑器协程，可以参考我以前的文章。

简单的总结下，先这样吧，有用这个的，可以一起探讨。

Live2D的简单使用相关推荐

博客园增加Live2D看板娘教程，超级简单，一看就懂
目录一.前言二.效果图三.资源准备 1.相关的资源,可以点击下面的网盘链接直接下载 2.也可以通过下面的地址到Gitbuh中下载四.实现教程 1.个人小站实现教程 2.博客园实现教程一.前言 ...
live2d 看板娘简单添加看版娘到自己的网站
简单添加看版娘到自己的网站关注公众号后台回复 "看板娘" 获取全部文件(接口,源代码). 我们先来看一下我们的网站会变成什么样吧! http://www.djyqxbc.vi ...
网页简单Live2D动画插入
<Live2D>是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发.通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像,对于以动画风格为主的冒险游戏来说 ...
live2d实现看板娘达到交互效果
网页上实现一个卡通人物,鼠标移动时做出各种动作和文字提示,达到交互效果一直想在网页实现下这个效果,研究了下,其实它是引用live2D实现的,Live2D是一种应用于电子游戏的绘图渲染技术,技术由日本 ...
Hexo添加Live2D看板娘最新教程
目录前言介绍 Live2D 看板娘添加Live2D看板娘准备工作安装依赖下载model文件添加live2d看板娘到hexo 查看效果发布结束语参考前言上次我们搭建了hexo博客 ...
Unity 制作萌系live2d桌宠：屏幕自适应+交互
目录准备工作使用unity显示live2d人物全屏+背景透明+点击穿透+置顶屏幕自适应交互本文在之前的博客如何使用unity制作萌萌的live2d桌宠的基础上对项目继续改进,解决了屏幕自适 ...
live2d_二次元 | live2d为你的网站博客增加萌萌哒的看板娘
首先科普下什么是Live2D 来源百度百科:Live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发.通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像,对于 ...
用html5看板娘,记在nuxt.js中引入一个萌哒哒的看板娘（Live2d模型）
在vue中引入看板娘很简单,网上资源也很多那么在nuxt中如何引入呢?这个问题我试了好多好多方法,像vue一样引入全局组件...都不行,最后找到了一个方法. 其实就是运用nuxt中的app.html ...
【Android】用Cubism 2制作自己的Live2D——软件的安装与破解！
前言- 上文我们简单的了解了Cubism的情况,但是Cubism 2.X安装好以后如果不进行破解只能使用Free版本,这是我们接受不了的,我们是专业的.是来学习的,怎么能不用Pro版本呢?所以话不多说 ...

Live2D的简单使用

Live2D的简单使用相关推荐

最新文章

热门文章