基于Qt的Live2D模型显示以及控制

2023-12-14 14:45
文章标签 显示 qt 模型 控制 live2d

本文主要是介绍基于Qt的Live2D模型显示以及控制，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

基本说明

  1. Live2D官方提供有控制Live2D模型的SDK,而且还提供了一个基于OpenGL的C++项目Example,我们可以基于该项目改成Qt的项目，做一个桌面端的Live2D桌宠程序。

官方例子

  1. 经过改造效果如下图所示。

在这里插入图片描述

官方项目配置

  1. 下载官方提供的SDK例程,，选择Cubism SDK for Native。

    官方网站

在这里插入图片描述

  1. 下载解压后应该是下面的样子。

    在这里插入图片描述

    • 其中Core文件夹放的是核心库Live2DCubismCore的动态链接库，提供有各个平台，我们只需要用windows的链接库就可以了。

    • Framework提供基本的框架用于模型的读取和配置，我们可以使用源码也可以用它编译成的链接库。

    • Samples文件夹存放就是Example,里面有对应的脚本，可以生成VS项目。

  2. 生成VS项目

    • 进入Samples/OpenGL/Demo/proj.win.cmake/scripts目录下，根据你们安装的vs版本，选择对应的脚本进行项目生成。

      在这里插入图片描述

    • 在生成项目之前还需要配置一下第三方模块，不然无法生成。因为用到Opengl.所以需要glew和glfw模块。虽然官方有提供脚本一键配置，不过文件下载不了，我们需要手动下载配置。去github下载glfw和glew源码。

      • glew · GitHub

      • glfw · GitHub

      然后来到Samples/OpenGL/thirdParty目录下，解压刚才下载的两个文件，得到两个文件夹，文件夹名字记得修改为glew和glfw。配置完成如下所示。

      在这里插入图片描述

    • 配置完第三方模块后，使用项目脚本生成vs项目，打开脚本后，有一些选项可以配置，根据提示和自己需求配置即可。

      在这里插入图片描述

    • 如果之前的步骤没有错会在Samples/OpenGL/Demo/proj.win.cmake/目录生成build文件夹.我们打开里面的Demo.sln文件，即可在vs中运行项目。

      在这里插入图片描述

      点击运行项目，即可运行官方示例。

      在这里插入图片描述

      在vs中我们看到除了Demo项目，还有glew，glfw,framework项目，它们是用来生成链接库的，我们把他们设为启动项目然后生成一遍，得到对应链接库，之后我们要用的。glew会生成glew32.lib，libglew32.lib。glfw会生成glfw3.lib。framework会生成Framework.lib。

    • 至此我们就完成了第一步，跑起来官方的例程，之后想怎么改就怎么改。

准备移植Qt的文件

  1. 需要的链接库

    • 我们以Release,x64为环境，之前的链接库也按照这个模式生成。

    • 首先需要我们自己生成的链接库glew32.lib，libglew32.lib，glfw3.lib，Framework.lib。还有官方提供的Core链接库Live2DCubismCore_MD.lib/Live2DCubismCore_MT.lib。根据我们之前配置项目时的设置，选择MD或者MT即可。链接库在下载的SDK目录Core/lib/windows下，我们根据自己使用的vs版本选择对应的库，v143是Vs2022，v142是Vs2019，v141是Vs2017。

      在这里插入图片描述

    • 最后还需要主动链接一些系统库，这些需要的库我们可以在VS中查看Demo项目在属性页中的链接器看到。

      pragma comment(lib, "kernel32.lib")

      pragma comment(lib, "user32.lib")

      pragma comment(lib, "gdi32.lib")

      pragma comment(lib, "OpenGL32.lib")

      pragma comment(lib, "glu32.lib")

      在这里插入图片描述

  2. 需要的源代码

    • 我们需要在官方给出的控制代码中一些修改一些文件，改成适合Qt程序的。所需源码如下所示。

      在这里插入图片描述

    • 还有上面的链接库glfw,glew,Framework,Live2DCubismCore_MD.lib/Live2DCubismCore_MT.lib对应的头文件(*.h/*.hpp)，以及stb_image.h文件。这些文件都可以在下载的SDK中找到。

移植Qt

Qt中有封装的OpenGL类（QOpenGLWidget）,我们要做的就是把模型渲染在我们自己的OpenGL窗口上。

  1. 准备以上文件后我们用Qt Creator新建一个带界面UI文件的Qt程序，编译器使用MSVC对应的版本，名字叫Live2DDemo，然后把以上链接库，源文件，头文件添加到项目中。

  2. 添加完成后Qt工程如下所示

    在这里插入图片描述

    我们需要在mainwindow.h中手动链接一下这些库。

    pragma comment(lib, "kernel32.lib")

    pragma comment(lib, "user32.lib")

    pragma comment(lib, "gdi32.lib")

    pragma comment(lib, "OpenGL32.lib")

    pragma comment(lib, "glu32.lib")

    pro文件配置中加一个预定义宏,表示在WINDOWS平台

    DEFINES += CSM_TARGET_WIN_GL

    Framework的头文件直接把SDK中的Framework/src/目录下的所有文件直接复制过来就行，不用删除其中的cpp文件。GL和GLFW的文件夹名字不能改，因为它们源码就是以“GL/*.h"的方式包含的。如果更改了，需要去源码那里改一下头文件的包含。

    在这里插入图片描述

    项目的工程目录,inc目录存放头文件，libs存放链接库，live2d存放需要修改的代码。

    在这里插入图片描述

    配置根据各自的情况配置就行，其实就是配置一些头文件和链接库。

  3. 如果上面的配置都没有错，编译应该是可以通过的。如果有报错，根据报错提示修改即可。报错一般就是以下情况。

    • 头文件找不到。在工程文件Pro中加上缺少的即可，注意一下目录层级。

    • 链接库找不到。看看是不是x64，release，MSVC的编译环境，链接库是不是x64，release环境下生成的，链接库路径有没有写对。

修改源码

上面的配置都没有问题后，我们就可以开始修改，把Live2D模型渲染到Qt的QOpenGLWidget窗口上。

  1. 新建一个类MyOpenGL然后继承QOpenGLWidget,然后重写下面几个protected函数。

    void initializeGL()

    void resizeGL(int w, int h)

    void paintGL()

    下面几个头文件要放在cpp文件包含。

在这里插入图片描述

然后在mainwindow.ui界面拖拽一个QOpenGLWiget控件，提升为我们自定义的类MyOpenGL。如果一切都没有错，运行后就是下面的样子。

在这里插入图片描述

  1. 修改LAppDelegate类。

    • 在LAppDelegate.hpp中包含myopengl.h头文件，然后在public下新增两个函数声明。

      在这里插入图片描述

    • 注释原来的GLFWwindow*_window，改成MyOpenGL*_window。然后修改GetWindow函数。

      在这里插入图片描述

      在这里插入图片描述

    • Initialize()函数修改如下

      在这里插入图片描述

    • LAppDelegate.cpp

      • 在Initialize函数中做如下修改。

    在这里插入图片描述


     

    在这里插入图片描述

    在这里插入图片描述

    • Release函数修改如下

    在这里插入图片描述

    • void LAppDelegate::Run() 函数的所有内容注释掉，我们要把功能拆分到新增的resize()和update()函数中。两个函数如下

    在这里插入图片描述

    在这里插入图片描述

  2. 修改width和height的获取方式

    原来的代码中获取渲染窗口的宽和高是通过glfwGetWindowSize() 函数，但我们修改为了自己的OpenGL窗口，因此所有用到这个函数的地方都要修改。我们可以先编译一下看看哪里报错，然后跳到对应地方修改就可以了。需要修改的地方比较多就不一一截出来了，修改都是类似的。

    在这里插入图片描述

    在这里插入图片描述

  3. 修改我们自己的MyOPenGL类

    在这里插入图片描述

  4. 添加Resource

    • 下载的SDK中有官方提供的一些live2D模型，我们把整个Resources文件夹放到exe程序的上一级目录。因为在Qt Creator中运行程序，运行目录默认是exe程序的上一级目录。

    • 如果上面的步骤都没有错，运行出来的效果如下。如果程序闪退就是Resources文件夹放的位置不对，导致找不到文件而闪退。

      在这里插入图片描述

  5. 加上鼠标事件和定时更新功能

    鼠标事件用于和模型进行互动，可以触发一些特定动作

    在这里插入图片描述

    在这里插入图片描述

    到这里就基本和官方的效果差不多了，至于更多自定义修改，比如去掉背景和一些部件，模型的自定义显示，模型的切换等等，把那些控制代码看看，根据的需求修改即可。下载QtLive2dDesktop-master基于Qt的Live2d桌面模型程序，showlive2dByQt资源-CSDN文库

这篇关于基于Qt的Live2D模型显示以及控制的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/492937。

相关文章

一份LLM资源清单围观技术大佬的日常；手把手教你在美国搭建「百万卡」AI数据中心；为啥大模型做不好简单的数学计算？ | ShowMeAI日报

一份LLM资源清单围观技术大佬的日常；手把手教你在美国搭建「百万卡」AI数据中心；为啥大模型做不好简单的数学计算？ | ShowMeAI日报

👀日报&周刊合集 | 🎡ShowMeAI官网 | 🧡 点赞关注评论拜托啦！ 1. 为啥大模型做不好简单的数学计算？从大模型高考数学成绩不及格说起 司南评测体系 OpenCompass 选取 7 个大模型 (6 个开源模型+ GPT-4o)，组织参与了 2024 年高考「新课标I卷」的语文、数学、英语考试，然后由经验丰富的判卷老师评判得分。 结果如上图所
阅读更多...
JAVA读取MongoDB中的二进制图片并显示在页面上

JAVA读取MongoDB中的二进制图片并显示在页面上

1：Jsp页面： <td><img src="${ctx}/mongoImg/show"></td> 2：xml配置： <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001
阅读更多...
大语言模型（LLMs）能够进行推理和规划吗？

大语言模型（LLMs）能够进行推理和规划吗？

大语言模型（LLMs），基本上是经过强化训练的 n-gram 模型，它们在网络规模的语言语料库（实际上，可以说是我们文明的知识库）上进行了训练，展现出了一种超乎预期的语言行为，引发了我们的广泛关注。从训练和操作的角度来看，LLMs 可以被认为是一种巨大的、非真实的记忆库，相当于为我们所有人提供了一个外部的系统 1（见图 1）。然而，它们表面上的多功能性让许多研究者好奇，这些模型是否也能在通常需要系
阅读更多...
据阿谱尔APO Research调研显示，2023年全球髓内钉市场销售额约为4.7亿美元

据阿谱尔APO Research调研显示，2023年全球髓内钉市场销售额约为4.7亿美元

根据阿谱尔 (APO Research）的统计及预测，2023年全球髓内钉市场销售额约为4.7亿美元，预计在2024-2030年预测期内将以超过3.82%的CAGR（年复合增长率）增长。 髓内钉市场是指涉及髓内钉制造、分销和销售的行业。髓内钉是一种用于整形外科手术的医疗器械，用于稳定长骨骨折，特别是股骨、胫骨和肱骨。髓内钉通常由不銹钢或钛等材料制成，并插入骨的髓管中，以在愈合过程中提供结构支
阅读更多...
vue+elementUI下拉框联动显示

vue+elementUI下拉框联动显示

<el-row><el-col :span="12"><el-form-item label="主账号:" prop="partyAccountId" :rules="[ { required: true, message: '主账号不能为空'}]"><el-select v-model="detailForm.partyAccountId" filterable placeholder="
阅读更多...
人工和AI大语言模型成本对比 ai语音模型

人工和AI大语言模型成本对比 ai语音模型

这里既有AI，又有生活大道理，无数渺小的思考填满了一生。 上一专题搭建了一套GMM-HMM系统，来识别连续0123456789的英文语音。 但若不是仅针对数字，而是所有普通词汇，可能达到十几万个词，解码过程将非常复杂，识别结果组合太多，识别结果不会理想。因此只有声学模型是完全不够的，需要引入语言模型来约束识别结果。让“今天天气很好”的概率高于“今天天汽很好”的概率，得到声学模型概率高，又符合表达
阅读更多...
智能客服到个人助理，国内AI大模型如何改变我们的生活？

智能客服到个人助理，国内AI大模型如何改变我们的生活？

引言 随着人工智能（AI）技术的高速发展，AI大模型越来越多地出现在我们的日常生活和工作中。国内的AI大模型在过去几年里取得了显著的进展，不少独创的技术点和实际应用令人瞩目。 那么，国内的AI大模型有哪些独创的技术点？它们在实际应用中又有哪些出色表现呢？此外，普通人又该如何利用这些大模型提升工作和生活的质量和效率呢？本文将为你一一解析。 一、国内AI大模型的独创技术点 多模态学习 多
阅读更多...
Java研学-RBAC权限控制(八)

Java研学-RBAC权限控制(八)

九 登录登出 1 登录作用   判断员工是否有权限访问，首先得知道现在操作的人是谁，所以必须先实现登录功能 2 登录流程   ① 提供登录页面，可输入用户名与密码信息，并添加执行登录的按钮。（登录页面不能被拦截）   ② 给按钮绑定点击事件（异步操作，POST请求）   ③ 事件中发送登录请求，使用 AJAX 方式提交。（使用 AJAX 原因：用户体验更好，既可保留用户刚输入的用户名和密码
阅读更多...
OpenCompass：大模型测评工具

OpenCompass：大模型测评工具

大模型相关目录 大模型，包括部署微调prompt/Agent应用开发、知识库增强、数据库增强、知识图谱增强、自然语言处理、多模态等大模型应用开发内容 从0起步，扬帆起航。 大模型应用向开发路径：AI代理工作流大模型应用开发实用开源项目汇总大模型问答项目问答性能评估方法大模型数据侧总结大模型token等基本概念及参数和内存的关系大模型应用开发-华为大模型生态规划从零开始的LLaMA-Factor
阅读更多...
模型压缩综述

模型压缩综述

https://www.cnblogs.com/shixiangwan/p/9015010.html
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2