「含源码」关于NXP IMX8 Mini的图形开发指南(GPU)案例分享！

前言Graphical Demo框架提供了对平台相关依赖的抽象。Graphical应用的通用封装，如模型加载、纹理加载、着色器编译等，以及其它一些通用的应用逻辑处理的封装，使得使用框架的开发人员（以下简称开发人员）可专注于具体应用需要的渲染相关代码的开发，提高Graphical应用的开发效率。Demo Framework是NXP官方开发的一个跨平台的Graphical Demo开发框架。此框架有以下特点：● 仅需编写一次应用代码；● 可运行于Android、Yocto Linux、Ubuntu、MS Windows（Yocto Linux泛指基于Yocto构建的Linux系统）；● 易于移植至其它平台；● 支持OpenGL ES2、OpenGL ES3、OpenVG和试验性的G2D API。备注：i.MX 8M Mini不支持OpenGL ES3 API，详情参考下图https://p26.toutiaoimg.com/img/pgc-image/5f5de84b589342978aaee422dd4ccdef~tplv-tt-shrink:640:0.jpg

图 1*测试硬件平台：TLIMX8－EVM评估板（NXP i.MX 8M Mini）https://p9.toutiaoimg.com/img/pgc-image/7d2ca4188cb641929085433567fd4f90~tplv-tt-shrink:640:0.jpg

图 2 TLIMX8-EVM评估板1、框架结构https://p9.toutiaoimg.com/img/pgc-image/699bf654103b4520829943e62b1c8df3~tplv-tt-shrink:640:0.jpg

图 3 Demo Framework简要框架Demo App对应具体的某个Graphical应用，开发人员可基于Demo Frame Core和Demo Framework Services开发自己的应用。同时Helper Classes亦提供了许多通用功能的代码实现，比如其中的GLProgram和GLShader等封装了许多复杂的OpenGL ES的使用逻辑，开发人员可直接调用Helper Classes封装好的API来进行开发。备注：框架的更多设计细节请参考产品资料“6-开发参考资料\NXP官方参考文档\”目录下的《i.MX_Graphics_User's_Guide.pdf》手册中的17.3~17.7章节。2、框架使用2.1 Demo Framework开发环境搭建确保虚拟机上已完成NXP i.MX 8M Mini SDK环境安装和配置，若未完成，请参考产品资料用户手册目录下的Linux开发环境搭建手册。请在Ubuntu执行如下命令安装依赖工具包。Host# sudo apt-get install build-essential libxrandr-devHost# sudo apt-get install libgles2-mesa-devHost# sudo apt-get install libdevil-devhttps://p3.toutiaoimg.com/img/pgc-image/ec932ccaffad4e568c0a5bbecb6422c2~tplv-tt-shrink:640:0.jpg

图 4https://p26.toutiaoimg.com/img/pgc-image/fae5484803e14680928587950939398f~tplv-tt-shrink:640:0.jpg

图 5https://p5.toutiaoimg.com/img/pgc-image/a1f4c49efc9a4116a078274873b93adf~tplv-tt-shrink:640:0.jpg

图 6执行如下命令通过Git工具下载Demo Framework源码。Host# mkdir imx-gpu-sdk-5.6.2-buildHost# cd imx-gpu-sdk-5.6.2-buildHost# git clone git://github.com/nxpmicro/gtec-demo-framework.gitHost# cd gtec-demo-frameworkHost# git checkout df9afd8c21b603662a9d8fcf049d01da0c5cc358https://p9.toutiaoimg.com/img/pgc-image/11fc664c438d4a1c85df93048ccfbe07~tplv-tt-shrink:640:0.jpg

图 72.2 源码编译在Demo Framework源码所在路径执行如下命令加载SDK环境变量，加载成功即可查看到交叉编译工具链aarch64-poky-linux-gcc。Host# source /home/tronlong/SDK/environment-setup-aarch64-poky-linuxhttps://p26.toutiaoimg.com/img/pgc-image/b29d86be5d5f4c9396da1e3118762c7d~tplv-tt-shrink:640:0.jpg

图 8执行如下命令进行编译。Host# . ./prepare.sh//注意：两个点之间有空格Host# FslBuild.py -vvvvv -t sdk --UseFeatures --UseExtensions [*] --Variants --BuildThreads 24 -c install --CMakeInstallPrefix `pwd`备注："--BuildThreads 24"为编译时的线程数，一般为处理器核心数的两倍，请根据实际情况修改，FslBuild部分参数说明如下图。https://p9.toutiaoimg.com/img/pgc-image/ae0fe31edc3645af9db35062ac0449e1~tplv-tt-shrink:640:0.jpg

图 9https://p3.toutiaoimg.com/img/pgc-image/ae9bc8e0bf2b483ab8c5e597d8a59bf8~tplv-tt-shrink:640:0.jpg

图 10https://p5.toutiaoimg.com/img/pgc-image/c9d771018b344b848b319c2c314c7c9c~tplv-tt-shrink:640:0.jpg

图 11编译耗时约30min，编译完成后将在当前目录下生成bin文件夹。https://p5.toutiaoimg.com/img/pgc-image/2ea1550198c9493a9863ce336013d1a5~tplv-tt-shrink:640:0.jpg

图 12执行如下命令可查看bin目录结构，如未安装tree，请执行“sudo apt-get install tree”进行安装。Host# tree -L 2 binhttps://p9.toutiaoimg.com/img/pgc-image/d06fab28235043febbd690a7e3946f50~tplv-tt-shrink:640:0.jpg

图 13其中部分案例的实现和效果说明，可参考如下连接：
https://developer.ridgerun.com/wiki/index.php?title=IMX8/Multimedia/GPU/OpenGL。2.3 案例测试评估板连接HDMI显示器，将编译生成的bin拷贝至评估板“/home/root/”目录下。本次测试将bin目录重命名为tec-demo-framework-bin，以Blur Demo案例测试为例。Target# cd tec-demo-framework-bin/GLES2/Blur/Target# ./GLES2.Blur_Waylandhttps://p26.toutiaoimg.com/img/pgc-image/9aa4d88028a24e3d94128fcafd4b6819~tplv-tt-shrink:640:0.jpg

图 14HDMI显示器输出如下渲染对比视频效果。https://p26.toutiaoimg.com/img/pgc-image/168baa63e32f41739f1ec7cbca26f32c~tplv-tt-shrink:640:0.jpg

图 153、Demo新增3.1 利用脚本生成DemoDemo新增需在源码编译后的基础上进行，并通过FslBuildNew.py脚本来完成，注意不同类型的应用需不同的template参数。在Demo Framework源码目录下，执行如下命令查看相关参数。Host# . ./prepare.shHost# FslBuildNew.py –helphttps://p6.toutiaoimg.com/img/pgc-image/55e331c359e241718830c8b25b99522e~tplv-tt-shrink:640:0.jpg

图 163.2 新增GLES2类型Demo示例以GLES2类型Demo为例，新增GLES2类型的CoolNewDemo至DemoApps/GLES2目录。请在gtec-demo-framework目录下，执行如下命令。Host# source /home/tronlong/SDK/environment-setup-aarch64-poky-linuxHost# . ./prepare.shHost# cd DemoApps/GLES2Host# FslBuildNew.py GLES2 CoolNewDemoHost# cd CoolNewDemoHost# FslBuild.py --Variants https://p3.toutiaoimg.com/img/pgc-image/bfc66756bcaf4906b3a1f7fcaba5643c~tplv-tt-shrink:640:0.jpg

图 17编译完成后，生成的文件目录为“
gtec-demo-framework/build/Yocto/Ninja/release/DemoApps/GLES2/CoolNewDemo/GLES2.CoolNewDemo_Wayland”。备注：若遇到如下错误，请执行命令“sudo apt-get ninja-build”安装ninja build工具。https://p26.toutiaoimg.com/img/pgc-image/447976d68d2147489ac48d56736e550e~tplv-tt-shrink:640:0.jpg

图 18通过FslBuildNew.py脚本生成的Demo仅是一个骨架，在实际应用中，需根据实际应用功能添加代码。然后使用FslBuild.py脚本进行编译，最后将对应的的可执行文件及其依赖的资源文件拷贝至评估板运行。将CoolNewDemo文件夹拷贝至评估板文件系统，执行如下命令进行测试。Target# ./GLES2.CoolNewDemo_Waylandhttps://p6.toutiaoimg.com/img/pgc-image/a5a4a9d2e5ce4fa1a856128ddf56b9d0~tplv-tt-shrink:640:0.jpg

图 19HDMI显示器输出如下效果。https://p9.toutiaoimg.com/img/pgc-image/a48db24c2e9f44bfbc1b045e0ced0829~tplv-tt-shrink:640:0.jpg

图20想要获取这个案例的详细说明内容，以及本篇案例的源码，请在下方评论区留言~~感谢大家的喜爱