四、【易 AI】模型渲染与透明背景

美恶相饰，命曰复周，物极则反，命曰环流。

——《鹖冠子·环流》

一、渲染帧率

以上两种移植方式，均可正常渲染出模型，但是画面是静止的，是因为没有调用 update 方法来刷新窗口渲染内容，我们可以通过 QTimer 来控制渲染帧率，以 MyOpenGLWindow 为例，做以下修改，

#ifndef MYOPENGLWINDOW_H
#define MYOPENGLWINDOW_H

#include <QOpenGLWindow>
#include <QTimer>
#include <QOpenGLFunctions_3_3_Compatibility>

#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")

class MyOpenGLWindow: public QOpenGLWindow, protected QOpenGLFunctions_3_3_Compatibility
{
public:
    MyOpenGLWindow();


protected:
    void initializeGL();
    void resizeGL(int w, int h);
    void paintGL();

public slots:
    void onTimerUpdate();

private:
    QTimer * fpsTimer;
};

#endif // MYOPENGLWINDOW_H

#include "live2d/LAppDelegate.hpp"
#include "live2d/LAppView.hpp"
#include "live2d/LAppPal.hpp"
#include "live2d/LAppLive2DManager.hpp"
#include "live2d/LAppDefine.hpp"
#include "myopenglwindow.h"


MyOpenGLWindow::MyOpenGLWindow() {

    // 60 fps
    fpsTimer = new QTimer(this);
    fpsTimer->start((1.0/60.0)*1000);
    connect(fpsTimer,&QTimer::timeout,this,&MyOpenGLWindow::onTimerUpdate);

}

void MyOpenGLWindow::initializeGL(){
    initializeOpenGLFunctions();
    LAppDelegate::GetInstance()->Initialize(this);
}

void MyOpenGLWindow::resizeGL(int w, int h){
    LAppDelegate::GetInstance()->resize(w,h);
}

void  MyOpenGLWindow::paintGL(){
    LAppDelegate::GetInstance()->update();
}

void MyOpenGLWindow::onTimerUpdate()
{
    update();
}

点击运行，可以看到模型动起来了，

二、透明背景

在 LAppDelegate.cpp 中在清空屏幕时调用 glClearColor 函数将背景色调为透明，glClearColor 函数接受四个参数，分别代表红、绿、蓝和透明度的值，

// 原背景：完全黑色，且不透明
glClearColor(0.0f, 0.0f, 0.0f, 1.0f);

调整为，

// 完全透明
glClearColor(0.0f, 0.0f, 0.0f, 0.0f);

void LAppDelegate::update(){

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

    // 画面の初期化
    // glC