8th wall realtime reflections in play canvas

Help & Support
1

Hi, I’m trying to add real-time reflections to play canvas. Like on the example https://www.8thwall.com/8thwall/cubemap-aframe

The problem is, I don’t know where to go next. I got the idea to use a camera feed texture that comes from cameraPipelineModeule. Here is my code. However, I don’t know if it’s really possible to convert this texture to a cube map and update the materials on my model. Here is my code so far. Any help would be appreciated.

ReflectionsController.prototype.initialize = function () {
    this.app.on("xr:realityready", this.onXRLoaded, this);
};

ReflectionsController.prototype.onDestroy = function () {
    this.app.off("xr:realityready", this.onXRLoaded);
};

ReflectionsController.prototype.onXRLoaded = function () {
    XR8.addCameraPipelineModule({
        name: 'xr-reflection',
        onUpdate: ({ processCpuResult }) => {
            //      processCpuResult.reality.realityTexture //Use this texture as cube map in model
        },
    });
};
2

I’m not sure how you’d go about using a camera feed to generate a cubemap, it’s not straighforward as it only captures one side of the environment.

But considering 8th wall has support for dynamic environment reflection, I think they maybe already have a way to create the cubemap? But as I’m not familiar with their SDK, I don’t know, that’s more of a question for them I think.