移植 AWTK 到 纯血鸿蒙 (HarmonyOS NEXT) 系统 (1) - 让 OpenGLES 应用跑起来

在正式移植 AWTK 之前,我们先尝试在 HarmonyOS 上运行一个简单的 OpenGLES 应用程序。虽然可以确定这一步肯定是可行的,但是作为一个 HarmonyOS NEXT 新手,还是先从简单的应用程序开始,把坑都踩一遍,遇到问题比较好解决。

HarmonyOS 本身带的有 OpenGLES 的例子,但是用最新的 DevEco Studio 打开,编译时有几个问题。先是找不到 SDK,安装了 SDK,又出现其它问题,最后懒得折腾了。直接新建一个 Native 应用,然后将代码拷贝过去。

1. 新建 Native 应用

2. 拷贝下列文件

  1. 从 applications_app_samples/code/BasicFeature/Native/NdkOpenGL 项目中拷贝下列文件到新项目对应目录:

    复制代码
     entry/src/main/cpp/app_napi.cpp
     entry/src/main/cpp/include/
     entry/src/main/cpp/module.cpp
     entry/src/main/cpp/napi_manager.cpp
     entry/src/main/cpp/napi_util.cpp
     entry/src/main/cpp/tetrahedron.cpp
     entry/src/main/ets/utils/
     entry/src/main/resources/base/element/float.json
     entry/src/main/resources/base/media/icon.png
    
     entry/src/main/cpp/CMakeLists.txt
     entry/src/main/ets/entryability/EntryAbility.ets
     entry/src/main/ets/pages/Index.ets
     entry/src/main/resources/base/element/color.json
     entry/src/main/resources/base/element/string.json
     entry/src/main/resources/en_US/element/string.json
     entry/src/main/resources/zh_CN/element/string.json
  2. 修改 entry/src/main/cpp/CMakeLists.txt,将动态库的名字改成 awtk_napi

  3. 修改 entry/src/main/cpp/types/libentry/Index.d.ts

ts 复制代码
//传入 x,y 偏移量并返回 x,y 旋转角
export const updateAngle:(offsetX:number, offsetY:number)=>Array;
  1. 修改 entry/src/main/cpp/types/libentry/oh-package.json5
json 复制代码
{
  "name": "libentry_napi.so",
  "types": "./Index.d.ts",
  "version": "1.0.0",
  "description": "entry for harmony."
}

3. 编译并运行

可以看到一个简单的 OpenGL 应用。

通过这个简单的应用程序,熟悉了 HarmonyOS NEXT 的开发流程,心里有底了,接下来就可以开始移植 nanovg 了。

相关推荐
前端不太难2 小时前
HarmonyOS 游戏项目,从 Demo 到可上线要跨过哪些坑
游戏·状态模式·harmonyos
全栈探索者2 小时前
列表渲染不用 map,用 ForEach!—— React 开发者的鸿蒙入门指南(第 4 期)
react.js·harmonyos·arkts·foreach·列表渲染
试着3 小时前
【huawei】机考整理
学习·华为·面试·机试
一只大侠的侠3 小时前
Flutter开源鸿蒙跨平台训练营 Day8获取轮播图网络数据并实现展示
flutter·开源·harmonyos
Lionel6894 小时前
鸿蒙Flutter跨平台开发:首页特惠推荐模块的实现
华为·harmonyos
盐焗西兰花4 小时前
鸿蒙学习实战之路-Reader Kit自定义页面背景最佳实践
学习·华为·harmonyos
果粒蹬i4 小时前
【HarmonyOS】DAY10:React Native开发应用品质升级:响应式布局与用户体验优化实践
华为·harmonyos·ux
早點睡3905 小时前
基础入门 React Native 鸿蒙跨平台开发:react-native-flash-message 消息提示三方库适配
react native·react.js·harmonyos
早點睡3906 小时前
高级进阶 ReactNative for Harmony项目鸿蒙化三方库集成实战:react-native-image-picker(打开手机相册)
react native·react.js·harmonyos
早點睡3906 小时前
基础入门 React Native 鸿蒙跨平台开发:react-native-easy-toast三方库适配
react native·react.js·harmonyos