Cocos XR的WebBox实现流程

1. 正常3D场景下的webview

1.1 组件角色

Cocos Creator正常3D场景下只有在UI组件才支持webview,即作为下图中的UI Nodes(Canvas Node)的子节点,和3D组件是隔离开的,不能显示在3D空间中,UI Nodes(Canvas Node)是一个平面内的矩形形状的节点,其中的子节点全部显示在父节点内部,可以看作最终会覆盖在屏幕上的2D控件,这个webview会显示在其他所有组件的上方,不遵循Cocos的层级关系(直接在surfaceview上层显示了Android的webview控件)
Cocos XR的WebBox实现流程_第1张图片

1.2 TS调用安卓的webview控件接口:

ts实现接口跟web平台下一致:engine\cocos\web-view\web-view.ts
Jsb 自动绑定的接口:工程目录\build\android\proj\build\Debug\xxxxxxx\arm64-v8a\generated\cocos\bindings\auto\jsb_webview_auto.cpp/h
c++ 封装接口:engine\native\cocos\ui\webview\WebView.h
jni接口:engine\native\cocos\ui\webview\WebViewImpl-android.cpp
控件实现:engine\native\cocos\platform\android\java\src\com\cocos\lib\CocosWebView.java

2. XR场景下的webview

2.1 工程入口

Android平台下的XR模式下的webview是通过插件的方式支持的,该插件的c++代码未开源,以静态库形式提供,创建工程后,插件会被下载到工程目录下:ProjectPath\extensions\xr-plugin,
webview入口:ProjectPath\extensions\xr-plugin\assets\xr\component\webview\xr-webview.ts
Android底层实现是:engine\native\cocos\platform\android\libcocosxr\src\com\cocos\lib\xr\下的CocosXRWebViewContainer.java和 CocosXRWebViewManager.java类:

2.2 流程图:

有空补

你可能感兴趣的:(渲染,Cocos,xr,游戏引擎)