(第一次写，有错误恳请指正XD)

(希望能帮助到感兴趣的小伙伴)

(看客别看到这么多代码就想走！！ 后面有生成示例:3)

先放张图介绍一下各个类的基本功能

首先进入程序入口

int main(int argc, char* argv[])

{

// create the application instance if (LAppDelegate::GetInstance()->Initialize() == GL_FALSE) //分配器初始化 {

return 1;

}

LAppDelegate::GetInstance()->Run(); //运行 return 0;

}

一、先看bool LAppDelegate::Initialize()

//首先是gl窗口的生成(具体请看https://learnopengl-cn.github.io/)//注册回调函数 glfwSetMouseButtonCallback(_window, EventHandler::OnMouseCallBack);

glfwSetCursorPosCallback(_window, EventHandler::OnMouseCallBack);

//然后是一系列初始化 _view->Initialize(); //范围初始化

InitializeCubism(); //Cubism初始化

SetRootDirectory(); //路径设置

LAppLive2DManager::GetInstance(); //模型管理类初始化

_view->InitializeSprite(); //背景及其控件初始化

范围设定 有需求可以更改..

Cubism初始化无脑CtrlCV

背景和控件的话最终可能需要去掉 自己调用所使用的接口 所以..有需要再说吧(其实是没研究到)

(一)模型管理类LAppLive2DManager

static LAppLive2DManager* GetInstance(); //指针获取

static void ReleaseInstance(); //指针释放

LAppModel* GetModel(Csm::csmUint32 no) const; //根据下标获取模型

void ReleaseAllModel(); //释放所有模型

void OnDrag(Csm::csmFloat32 x, Csm::csmFloat32 y) const; //模型跟随鼠标

void OnTap(Csm::csmFloat32 x, Csm::csmFloat32 y); //表情触发

void OnUpdate() const; //模型参数更新

void NextScene(); //切换下一个模型

void ChangeScene(Csm::csmInt32 index); //根据坐标切换模型

Csm::csmUint32 GetModelNum() const; //获取模型数

1.LAppLive2DManager初始化

LAppLive2DManager::LAppLive2DManager()

: _viewMatrix(NULL) //背景矩阵? , _sceneIndex(0) //当前模型下标{

ChangeScene(_sceneIndex); //切换到第一个模型}

2.ChangeScene //根据坐标切换模型

获取文件到加载模型的主要代码

std::string model = ModelDir[index]; //模型名称数组 //路径获取 std::string modelPath = LAppDelegate::GetInstance()->GetRootDirectory() + ResourcesPath + model + "/";

std::string modelJsonName = ModelDir[index];

modelJsonName += ".model3.json";

ReleaseAllModel(); //释放所有模型 //_models是一个官方的简易Vector //声明: Csm::csmVector _models; _models.PushBack(new LAppModel()); //压一个新模型 _models[0]->LoadAssets(modelPath.c_str(), modelJsonName.c_str()); //加载模型资源

比较奇葩的就是 明明每次只加载一个模型 但是却会获取所有的模型并进行更新(

3.voidOnDrag(Csm::csmFloat32 x, Csm::csmFloat32 y)const;//模型跟随鼠标

//通过这个接口改变朝向值参数model->SetDragging(x, y);

4.voidOnTap(Csm::csmFloat32 x, Csm::csmFloat32 y);//表情触发

for (csmUint32 i = 0; i < _models.GetSize(); i++) //走一遍所有模型 {

if (_models[i]->HitTest(HitAreaNameHead, x, y)) //判断点击是否有效 {

_models[i]->SetRandomExpression(); //随机表情 }

else if (_models[i]->HitTest(HitAreaNameBody, x, y))

{

//随机动作 第一个参数身体触摸动作组 第二个优先级 第三个打印信息 _models[i]->StartRandomMotion(MotionGroupTapBody, PriorityNormal, FinishedMotion);

}

}

5.voidNextScene();//切换下一个模型

//这个就不说了(csmInt32 no = (_sceneIndex + 1) % ModelDirSize; //_sceneIndex当前模型下标 ModelDirSize模型数 ChangeScene(no);

(二)然后进入到LAppModel类(因为有很多内容 只挑选可能会使用到的接口函数)

void Update(); //模型更新

void Draw(Csm::CubismMatrix44& matrix); //通过模型矩阵绘制模型

//判断触摸点(比较尴尬的一个功能 很多模型没有触摸点)virtual Csm::csmBool HitTest(const Csm::csmChar* hitAreaName, Csm::csmFloat32 x, Csm::csmFloat32 y);

1.void Update();

//首先是获取刷新间隔时间const csmFloat32 deltaTimeSeconds = LAppPal::GetDeltaTime();

_userTimeSeconds += deltaTimeSeconds; //累加

//模型跟随鼠标动作 _dragManager->Update(deltaTimeSeconds);

//获取鼠标对应的live2d坐标下的x, y值//也就是已经被转换之后的坐标 _dragX = _dragManager->GetX();

_dragY = _dragManager->GetY();

//相关的是这一组函数 _model->AddParameterValue(_idParamAngleX, _dragX * 30); // -30から30の値を加える _model->AddParameterValue(_idParamAngleY, _dragY * 30);

_model->AddParameterValue(_idParamAngleZ, _dragX * _dragY * -30);

//ドラッグによる体の向きの調整 _model->AddParameterValue(_idParamBodyAngleX, _dragX * 10); // -10から10の値を加える //ドラッグによる目の向きの調整 _model->AddParameterValue(_idParamEyeBallX, _dragX); // -1から1の値を加える _model->AddParameterValue(_idParamEyeBallY, _dragY);

//模型动作更新if (_motionManager->IsFinished()) //判断动作是否完成 {

//开始随机动作,第一个参数是模型闲置时的动作组,第二个参数是动作优先度 StartRandomMotion(MotionGroupIdle, PriorityIdle);

}

else

{

//动作未完成则继续更新动作 motionUpdated = _motionManager->UpdateMotion(_model, deltaTimeSeconds);

}

//以下

2.voidDraw(Csm::CubismMatrix44& matrix);这个主要是通过传入的矩阵matrix进行改变模型的位置、大小等参数

3.virtual Csm::csmBool HitTest(const Csm::csmChar* hitAreaName, Csm::csmFloat32 x, Csm::csmFloat32 y);

if (_opacity < 1){return false;} //透明度判定 const csmInt32 count = _modelSetting->GetHitAreasCount(); //模型触摸点数 for (csmInt32 i = 0; i < count; i++)

{

if (strcmp(_modelSetting->GetHitAreaName(i), hitAreaName) == 0) //匹配触摸点名称 {

const CubismIdHandle drawID = _modelSetting->GetHitAreaId(i); //获取触摸点id return IsHit(drawID, x, y); //判定是否被点击到 }

}

return false; //不存在返回false

现在初始化已经完成 转到

二、void LAppDelegate::Run()

//首先这个应该是获取窗口大小然后调整渲染范围 自适应窗口glfwGetWindowSize(LAppDelegate::GetInstance()->GetWindow(), &width, &height);

if((_windowWidth!=width || _windowHeight!=height) && width>0 && height>0)

{

_view->Initialize();

_view->ResizeSprite();

_windowWidth = width;

_windowHeight = height;

}

// 時間更新 LAppPal::UpdateTime();

//opengl清屏 glClearColor(0.0f, 0.0f, 0.0f, 1.0f);

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

glClearDepth(1.0);

//渲染背景及模型 _view->Render();

//以下

函数包含一个while循环

while (glfwWindowShouldClose(_window) == GL_FALSE && !_isEnd)

{

}

//通过两个函数改变和获取程序开关信号 bool GetIsEnd() { return _isEnd; }

void AppEnd() { _isEnd = true; }

(一)_view->Render();视窗渲染 LAppView类实现

_back->Render(); //背景 _gear->Render(); //齿轮 也就是切换模型按钮 _power->Render(); //关闭程序

//然后就是通过模型管理类更新模型 LAppLive2DManager* Live2DManager = LAppLive2DManager::GetInstance();

Live2DManager->OnUpdate();

//然后是背景的渲染更新就不说了(

1.void LAppLive2DManager::OnUpdate() const 模型管理类的更新

//这个就是上面所说的模型矩阵 CubismMatrix44 projection;

int width, height;

glfwGetWindowSize(LAppDelegate::GetInstance()->GetWindow(), &width, &height); //获取窗口大小//通过这个函数可以改变模型大小 projection.Scale(1.0f, static_cast(width) / static_cast(height));

const CubismMatrix44 saveProjection = projection;

csmUint32 modelCount = _models.GetSize(); //获取模型数量 for (csmUint32 i = 0; i < modelCount; ++i)

{

LAppModel* model = GetModel(i); //通过下标获取模型 projection = saveProjection;

LAppDelegate::GetInstance()->GetView()->PreModelDraw(*model); //背景渲染相关 可以不用管

model->Update(); //模型参数更新 model->Draw(projection); //通过模型矩阵设置来绘制模型

LAppDelegate::GetInstance()->GetView()->PostModelDraw(*model); //同上 }

(二)然后是两个回调函数 一个获取鼠标点击和释放事件 一个获取移动事件 在LAppDelegate类中实现

void OnMouseCallBack(GLFWwindow* window, int button, int action, int modify);

void OnMouseCallBack(GLFWwindow* window, double x, double y);

//两个回调函数中主要有三个接口//首先是点击和释放 通过_captured判断是否被pressed_view->OnTouchesBegan(_mouseX, _mouseY);//点击事件_view->OnTouchesEnded(_mouseX, _mouseY);//释放事件//然后通过是否被pressed来判定移动事件_view->OnTouchesMoved(_mouseX, _mouseY);//移动事件

//同样是通过LAppView类实现void LAppView::OnTouchesBegan(float px, float py) const

{

_touchManager->TouchesBegan(px, py); //大概是记录起始位置}

void LAppView::OnTouchesMoved(float px, float py) const

{

//坐标转换 float viewX = this->TransformViewX(_touchManager->GetX());

float viewY = this->TransformViewY(_touchManager->GetY());

//改变所储存的移动中的鼠标位置 _touchManager->TouchesMoved(px, py);

//模型跟随鼠标 LAppLive2DManager* Live2DManager = LAppLive2DManager::GetInstance(); //获取模型管理类指针//模型跟随鼠标接口 Live2DManager->OnDrag(viewX, viewY);

}

void LAppView::OnTouchesEnded(float px, float py) const

{

LAppLive2DManager* live2DManager = LAppLive2DManager::GetInstance(); //获取模型管理类指针 live2DManager->OnDrag(0.0f, 0.0f); //模型朝向还原为初始状态 {

//坐标变换 float x = _deviceToScreen->TransformX(_touchManager->GetX()); // 論理座標変換した座標を取得。 float y = _deviceToScreen->TransformY(_touchManager->GetY()); // 論理座標変換した座標を取得。

//根据结束点击的鼠标位置触发相应功能 //模型动作触发 live2DManager->OnTap(x, y);

//点击到齿轮就切换下一个模型 if (_gear->IsHit(px, py))

{

live2DManager->NextScene();

}

//关闭程序 if (_power->IsHit(px, py))

{

LAppDelegate::GetInstance()->AppEnd();

}

}

}

最后是生成可执行程序的步骤 也是 @w2014 大大的方法(

2.然后在CubismSdkForNative-4-r.1\Samples\OpenGL\thirdParty\scripts中执行setup_glew_glfw.bat 等待执行完成(很可能会失败 如果实在不行就自己手动下载 速度也快)下载好的应该有两个文件glew和glfw 放入CubismSdkForNative-4-r.1\Samples\OpenGL\thirdParty中

3.找到CubismSdkForNative-4-r.1\Samples\OpenGL\Demo\proj.win.cmake中的CMakeLists.txt (63-65行)

修改后

4.找到Visual Studio 2019\Visual Studio Tools\VC 或者开始菜单

根据自己计算机使用不同的命令符窗口(x64是64位 x86是32位)

运行后先用d:移动到d盘 然后通过cd指令 到cmake的文件夹 打开cmake-gui.exe

5.打开cmake后可以看到两个地址框

第一个填写自己live2dsdk所在的位置加上CubismSdkForNative-4-r.1\Samples\OpenGL\Demo\proj.win.cmake(比如我的地址D:\file\live2dsdk\CubismSdkForNative-4-r.1\Samples\OpenGL\Demo\proj.win.cmake)

第二个填写可执行文件输出的位置

输入完毕后点击Configure

选择NMake Makefiles 然后其他默认Finish

之后就会生成配置

建议修改这个配置

然后其他默认 继续Configure 最后Generate

6.然后我们再运行刚才的命令符窗口

cd到我们刚刚填写的第二个地址框的可执行程序(比如我填写的是D:\file\live2dsdk\CubismSdkForNative-4-r.1\Samples\OpenGL\Demo\proj.win.cmake\build4)

执行namke指令

等待执行完成

终于！！！ 我们完成了

找到可执行文件目录中的\bin\Demo

(最终效果展示)

(有背景)

(持续更新中.....)

(死亡排版 尽请吐槽X3)