THING.UE.UWebView API 文档

简介

THING.UE.UWebView 是一个用于在3D场景中展示Web内容的视图对象。它可以将网页内容作为纹理贴在3D对象上，实现在虚拟环境中的Web交互。

使用示例

简单示例

// 创建一个WebView对象
const webView = new THING.UE.UWebView();
webView.domWidth = 1920;
webView.domHeight = 1060;
webView.url = "https://threejs.org/examples/#webgl_animation_keyframes";

// 创建两个Marker对象，并将WebView内容作为纹理贴图
let page0 = new THING.Marker({
    name: "webviewmarker1",
    position: [0, 0, 0],
    scale: [2, 2, 2],
    complete: function ({ object }) {
        object.node.renderer.renderLayer = THING.UE.URenderLayer.WebView;
        webView.setWindow(object);
        object.node.style.setImage("Map", webView.resource);
        object.node.fixedSize = [360, 1080];
        object.node.style.border = [0, 0, 360 / 1920.0, 1];
    },
});

let page1 = new THING.Marker({
    name: "webviewmarker2",
    position: [8, 0, 0],
    complete: function ({ object }) {
        object.node.renderer.renderLayer = THING.UE.URenderLayer.WebView;
        webView.setWindow(object);
        object.node.style.setImage("Map", webView.resource);
        object.node.fixedSize = [1920 - 360, 1080];
        object.node.style.border = [360 / 1920.0, 0, 1, 1];
    },
});

效果图