有什么方法可以使3D模型的背景在离子场景的a场景中透明吗?

时间:2019-05-16 08:38:14

标签: ionic-framework iframe ionic2 ar.js

我的问题是如何使a帧的白色背景透明,以便我们可以看到从iPhone相机和3D模型中看到的一切。

我一直在尝试使AR(增强现实)在Ionic iOS版本中运行。我意识到,由于某些原因,A框架无法触发网络摄像头。因此,我想到的一种解决方法是按a帧加载3D模型并同时触发相机。这是如何工作的,在屏幕的2/3中,我们可以看到摄像机输入,而模型的1/3中则加载了白色背景。如果我可以透明化模型的背景,那么我会很高兴。有什么方法可以在Ionic中使模型的背景透明吗?还有其他解决此问题的方法吗?

enter image description here

home.page.html中的内容很简单: `                            离子空白                      

<ion-content>
 <a-scene  *ngIf="iosReady"
       renderer="alpha: true;
               colorManagement: true;
               sortObjects: true;
               physicallyCorrectLights: true;
               maxCanvasWidth: 1920;
               maxCanvasHeight: 1920;">
  <a-gltf-model  position="1 1 -4" 
       src="/assets/models/LibertStatue.gltf" ></a-gltf-model>
 </a-scene>
</ion-content>`

在home.page.ts中,我有:

const cameraPreviewOpts: CameraPreviewOptions = {
            x: 0,
            y: 0,
            width: window.screen.width,
            height: window.screen.height,
            camera: 'rear',
            tapPhoto: true,
            previewDrag: true,
            toBack: true,
            alpha: 1
        }


        CameraPreview.startCamera(cameraPreviewOpts).then(
            (res) => {
                console.log(res);
            },
            (err) => {
                console.log(err);
            });
    });

0 个答案:

没有答案