Есть ли способ сделать фон 3D-модели прозрачным в a-сцене в ионном режиме? - PullRequest
Новая
       23

Есть ли способ сделать фон 3D-модели прозрачным в a-сцене в ионном режиме?

2 голосов
/ 16 мая 2019

Моя проблема в том, чтобы сделать прозрачным белый фон рамки, чтобы мы могли видеть то, что видим с камеры iPhone плюс 3D-модель.

Я пытался заставить AR (Дополненную реальность) работать в версии Ionic для iOS. Я понял, что a-frame не может запускать веб-камеру по некоторым причинам в iOS. Поэтому мне пришло в голову одно из возможных решений: загрузить трехмерную модель по кадру и одновременно запустить камеру. Это как-то работает, на 2/3 экрана мы видим вход камеры, а на 1/3 модель загружается белым фоном. Если бы я мог прозрачный фон модели, то я был бы очень счастлив. Есть ли способ сделать прозрачным фон модели в Ionic? есть ли другие способы решения этой проблемы?

enter image description here

что у меня есть в home.page.html просто: ` Ionic Blank 

<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);
            });
    });
...