程序员也要谈恋爱 之 live2d 女友

前言

萌娘百科的程序员招募信息中，有这么一条需求：使用live 2D等软件做个能转头卖萌的萌百娘app。这一条引起了我的注意，于是想要了解一下这个live 2D，本篇博客主要记录live 2D的集成以及相关使用。
项目demo见文末。

环境配置

OC
Xcode 10.1

SDK集成

引入Live2D Cubism SDK

在live2d官网下载SDK，这里我们使用的是旧版2.0系列的SDK，而不是新版2.1系列的SDK。
SDK版本: 2.0.06_1 下载地址

解压后，SDK结构如下：

Live2D_SDK_[平台名]_[版本]
    |--- lib
    |--- include
    |--- framework
    |--- sample    
    |--- ReadMe.txt

我们需要的在项目中引入的是lib、include和framework中的内容，sample中是一些示例项目。

配置Xcode

我们创建一个名为MyGirl的工程项目，根据官方的SDK集成说明，我们开始一步步的配置Xcode，进入工程项目的Build Setting选项。

1. Other Linker Flags中添加-lLive2D。
   

   配置1.png

2. Library Search Paths, Debug的部分设置"$(SRCROOT)/（你的项目名）/Live2DSDK/lib/$(CONFIGURATION)-$(PLATFORM_NAME)", Release的部分设置"$(SRCROOT)/（你的项目名）/Live2DSDK/lib/$(CONFIGURATION)-$(PLATFORM_NAME)"
   

   配置2.png

3. User Header Search Paths, 设置"$(SRCROOT)/（你的项目名）/Live2DSDK/include"。
   

   配置3.png

4. Preprocessor Macros中，在Debug与Releease中,添加L2D_TARGET_IPHONE。
   

   配置4.png

5. 在Framework中加入GLKit、OpenGLES、CoreMotion和AVFoundation。

配置5.png

下载live2d模型

我们使用官方提供的示例模型或者这里，我们下载这个双马尾妹纸Haru酱。模型资源文件放在项目Live2DResource目录中。

项目结构

在项目中添加SDK文件时，我们勾选Create groups选项，而引入模型文件时我们勾选Create folder references选项。所以最后我们的项目结构如下：SDK文件夹是黄色的，资源文件时蓝色的。这里OfficalLive2DTools目录下的文件是SDK示例项目中拷贝过来的，会用到。

结构1.png

结构2.png

运行项目

因为Live2D是c++的代码语言, 所以我们把ViewController.m改为ViewController.mm，然后在里面编写代码。不熟悉的话，代码就按照示例项目中的写就可以。

运行效果

运行后，haru酱妹子就出现在屏幕上啦~

效果图.png

demo地址

后记

最后我发现，其实live2D的难点完全在于人物模型的制作！！！（捂脸）女友的可爱程度完全取决于模型的制作啊~~~这个SDK集成并没有什么技术含量T_T，没有可爱的女友模型，我要着铁棒有何用！溜了溜了，学习做模型去了。

现在二次元ACG文化在青少年人群中逐渐盛行，为社会大众所接受。二次元IP、虚拟偶像等的正在创造很大的经济效益，虚拟歌手初音未来、洛天依等的演唱会门票早已经追平国内一线明星，各类二次元平台、产品周边层出不穷，身为二次元技术宅，程序员掌握一些相关技能感觉很有必要啊。（给我先去找个女朋友啊喂！！！）

相关参考

live2d官网
官方集成教学
DaiLive2DPlayground