OpenGL ES平台
===========

#### 业务流程

基于OpenGL ES图形API平台，超帧外插模式的主要业务流程如下：

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2b/v3/pYF0DkKLR7eoRbQXgMkN6w/zh-cn_image_0000002594828920.png?HW-CC-KV=V1&HW-CC-Date=20260612T073540Z&HW-CC-Expire=86400&HW-CC-Sign=48853DBB54FCE2D41057E34107C15588B65CE277BB269245DC8886DA6901B3B9)

1.  用户进入超帧适用的游戏场景。
    
2.  游戏应用调用[HMS\_FG\_CreateContext\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_createcontext_gles)接口创建超帧上下文实例。如超帧上下文实例创建失败，则无需进入步骤5到步骤8的真实帧、预测帧交替渲染送显的循环流程，只需逐帧对场景进行渲染送显即可。
    
3.  游戏应用调用接口配置超帧实例属性。包括调用[HMS\_FG\_SetAlgorithmMode\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_setalgorithmmode_gles)（必选）设置超帧算法模式并选择外插模式；调用[HMS\_FG\_SetResolution\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_setresolution_gles)（必选）设置超帧输入输出图像分辨率；调用[HMS\_FG\_SetCvvZSemantic\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_setcvvzsemantic_gles)（可选）设置齐次裁剪空间Z/W范围及深度测试函数；调用[HMS\_FG\_SetImageFormat\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_setimageformat_gles)（可选）设置真实渲染帧颜色缓冲区图像格式；如果颜色缓冲区相对深度模板缓冲区基于y轴翻转180度，则调用[HMS\_FG\_SetDepthStencilYDirectionInverted\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_setdepthstencilydirectioninverted_gles)（可选）设置翻转状态。
    
4.  游戏应用调用[HMS\_FG\_Activate\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_activate_gles)接口激活超帧上下文实例。
    
5.  渲染游戏场景绘制真实渲染帧，缓存真实帧颜色信息、深度信息和相机矩阵等信息，用于后续超帧预测。
    
6.  真实渲染帧绘制UI并送显。
    
7.  游戏应用调用[HMS\_FG\_Dispatch\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_dispatch_gles)接口并传入历史真实渲染帧颜色信息、深度信息、相机矩阵等信息，生成预测帧，并更新预测帧缓冲区。当相机视图投影矩阵的平移分量非常大时（如超过10W），预测帧效果下降，画面易出现闪烁现象。此时可在[HMS\_FG\_Dispatch\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_dispatch_gles)接口调用前调用[HMS\_FG\_SetExtendedCameraInfo\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_setextendedcamerainfo_gles)设置相机扩展信息，从而获取精度更高的预测帧效果。
    
8.  预测帧绘制UI并送显，跳转至步骤5继续执行，直到退出游戏场景。
    
9.  用户退出超帧适用的游戏场景。
    
10.  游戏应用调用[HMS\_FG\_DestroyContext\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_destroycontext_gles)接口销毁超帧上下文实例并释放内存资源。
     

#### 开发步骤

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/24/v3/m2Cfh-esRYCpy_xmnUyN9w/notice_3.0-zh-cn.png?HW-CC-KV=V1&HW-CC-Date=20260612T073540Z&HW-CC-Expire=86400&HW-CC-Sign=DABC640FE975A425D6191C6D515330484331ED5B953B7A6FC6892F43B41C655F)

外插模式需要标记模板缓冲的第8位，用于区分静态物体和动态物体。静态物体所占区域的模板值需标记为0xxx xxxx，动态物体所占区域的模板值需标记为1xxx xxxx，模板缓冲的低7位模板值开发者可自行设置。如果标记错误或漏标记，可能会造成超帧预测效果不准确，如运动物体边缘区域拖影等现象。

本节阐述基于OpenGL ES图形API平台的超帧调用示例。详细代码请参考[图形开发Sample（超帧GLES）](https://gitcode.com/harmonyos_samples/frame-generation-gles-samplecode-clientdemo-cpp)。

1.  引用Graphics Accelerate Kit超帧头文件：frame\_generation\_gles.h。
    
    // 引用超帧frame\_generation\_gles.h头文件
    #include <graphics\_game\_sdk/frame\_generation\_gles.h>
    
2.  编写CMakeLists.txt。
    
    find\_library(
        # Sets the name of the path variable.
        framegeneration-lib
        # Specifies the name of the NDK library that you want CMake to locate.
        libframegeneration.so
    )
    
    target\_link\_libraries(entry PUBLIC
        ${framegeneration-lib}
    )
    
3.  调用[HMS\_FG\_CreateContext\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_createcontext_gles)接口创建超帧上下文实例。如果返回nullptr，则说明超帧上下文实例创建失败，或当前硬件设备不支持开启超帧。
    
    // 创建超帧上下文实例
    FG\_Context\_GLES\* context\_ = HMS\_FG\_CreateContext\_GLES();
    if (context\_ == nullptr) {
        return false;
    }
    
4.  调用超帧实例属性配置接口，超帧算法模式选择外插模式。
    
    // 初始化超帧接口调用错误码
    FG\_ErrorCode errorCode = FG\_SUCCESS;
    
    // 超帧算法模式
    FG\_AlgorithmModeInfo aInfo{};
    aInfo.predictionMode = FG\_PREDICTION\_MODE\_EXTRAPOLATION; // 外插模式
    aInfo.meMode = FG\_ME\_MODE\_BASIC; // 运动估计基础模式
    errorCode = HMS\_FG\_SetAlgorithmMode\_GLES(context\_, &aInfo); // \[必选\] 设置超帧算法模式
    if (errorCode != FG\_SUCCESS) {
        return false;
    }
    
    // 真实帧颜色缓冲区分辨率
    FG\_Dimension2D inputColorResolution{};
    inputColorResolution.width = 1280; // 真实帧颜色缓冲区图像宽度
    inputColorResolution.height = 720; // 真实帧颜色缓冲区图像高度
    // 真实帧深度模板缓冲区分辨率
    FG\_Dimension2D inputDepthStencilResolution{};
    inputDepthStencilResolution.width = 1280; // 真实帧深度模板缓冲区图像宽度
    inputDepthStencilResolution.height = 720; // 真实帧深度模板缓冲区图像高度
    // 预测帧分辨率
    FG\_Dimension2D outputColorResolution{};
    outputColorResolution.width = 1280; // 预测帧图像宽度
    outputColorResolution.height = 720; // 预测帧图像高度
    // 超帧输入输出图像分辨率
    FG\_ResolutionInfo rInfo{};
    rInfo.inputColorResolution = inputColorResolution;
    rInfo.inputDepthStencilResolution = inputDepthStencilResolution;
    rInfo.outputColorResolution = outputColorResolution;
    errorCode = HMS\_FG\_SetResolution\_GLES(context\_, &rInfo); // \[必选\] 设置超帧输入输出图像分辨率
    if (errorCode != FG\_SUCCESS) {
        return false;
    }
    
    // \[可选\] 设置齐次裁剪空间Z/W范围及深度测试模式，接口不调用时默认为FG\_CVV\_Z\_SEMANTIC\_MINUS\_ONE\_TO\_ONE\_FORWARD\_Z
    errorCode = HMS\_FG\_SetCvvZSemantic\_GLES(context\_, FG\_CVV\_Z\_SEMANTIC\_MINUS\_ONE\_TO\_ONE\_FORWARD\_Z);
    if (errorCode != FG\_SUCCESS) {
        return false;
    }
    
    // \[可选\] 设置真实渲染帧颜色缓冲区图像格式，接口不调用时默认为FG\_FORMAT\_R8G8B8A8\_UNORM
    errorCode = HMS\_FG\_SetImageFormat\_GLES(context\_, FG\_FORMAT\_R8G8B8A8\_UNORM);
    if (errorCode != FG\_SUCCESS) {
        return false;
    }
    
    // \[可选\] 当颜色缓冲区相对深度模板缓冲区基于y轴翻转180度时，设置第二个参数为true，接口不调用时默认为无翻转
    errorCode = HMS\_FG\_SetDepthStencilYDirectionInverted\_GLES(context\_, true);
    if (errorCode != FG\_SUCCESS) {
        return false;
    }
    
5.  调用[HMS\_FG\_Activate\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_activate_gles)接口激活超帧上下文实例。
    
    // 激活超帧上下文实例
    errorCode = HMS\_FG\_Activate\_GLES(context\_);
    if (errorCode != FG\_SUCCESS) {
        return false;
    }
    
6.  游戏运行中，真实渲染帧和预测帧交替渲染并送显。渲染真实帧时，缓存颜色信息、深度信息和相机矩阵等属性信息。渲染预测帧时，需调用[HMS\_FG\_Dispatch\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_dispatch_gles)接口并传入上一帧真实帧属性信息，指定预测帧缓冲区索引，生成预测帧，最终更新预测帧缓冲区内存。
    
    // 帧计数
    uint32\_t frameNum = 0;
    // 帧生成属性配置结构体
    FG\_DispatchDescription\_GLES dispatchDescriptionData\_ {
        .inputColor = 0U,
        .inputDepthStencil = 0U,
        .viewProj{},
        .invViewProj{},
        .outputColor = 0U
    };
    
    // 变量声明
    uint32\_t inputColor = 0;
    uint32\_t inputDepthStencil = 0;
    uint32\_t outputColor = 0;
    FG\_Mat4x4 preViewProj;
    FG\_Mat4x4 preInvViewProj;
    
    // 帧循环
    while (true) {
        frameNum += 1;
        if ((frameNum & 1) != 0) { // 真实帧渲染阶段
            // 渲染当前帧渲染画面，缓存颜色、深度、相机矩阵等信息，用于下一帧预测帧生成
            // ...
    
            // 绘制真实帧
            // ...
    
            // 绘制UI
            // ...
    
            // 送显真实帧
            // ...
        } else { // 预测帧渲染阶段
            // 传入上一帧真实渲染帧颜色缓冲区索引
            dispatchDescriptionData\_.inputColor = inputColor;
            // 传入上一帧真实渲染帧深度模板缓冲区索引
            dispatchDescriptionData\_.inputDepthStencil = inputDepthStencil;
            // 传入预测帧缓冲区索引
            dispatchDescriptionData\_.outputColor = outputColor;
            // 传入上一帧真实渲染帧视图投影矩阵
            dispatchDescriptionData\_.viewProj = preViewProj;
            // 传入上一帧真实渲染帧视图投影逆矩阵
            dispatchDescriptionData\_.invViewProj = preInvViewProj;
            
            // 生成预测帧，更新预测帧缓冲区的内存
            errorCode = HMS\_FG\_Dispatch\_GLES(context\_, &dispatchDescriptionData\_);
    
            switch (errorCode) {
                case FG\_SUCCESS: {
                    // 绘制预测帧
                    // ...
    
                    // 绘制UI
                    // ...
    
                    // 送显预测帧
                    // ...
                    break;
                }
                case FG\_COLLECTING\_PREVIOUS\_FRAMES:
                    // 传入真实帧数量未达到固定阈值，无预测帧生成，基础外插模式传入真实帧数量<3时返回该状态码，增强外插模式传入真实帧数量<2时返回该状态码，此时不要将预测帧送显
                    break;
                default:
                    // 预测帧生成失败
                    return false;
            }
        }
    }
    
7.  调用[HMS\_FG\_DestroyContext\_GLES](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/_graphics_accelerate#hms_fg_destroycontext_gles)接口销毁超帧实例，释放内存资源。
    
    // 销毁超帧上下文实例并释放内存资源
    errorCode = HMS\_FG\_DestroyContext\_GLES(&context\_);
    if (errorCode != FG\_SUCCESS) {
        return false;
    }