Непокрытое исключение: объект при загрузке модели glTF с использованием Draco Decoder в кадре - PullRequest
0 голосов
/ 25 апреля 2020

Я пытаюсь загрузить модель glTF, используя draco decoder в glitch.com, следуя документации a-frame . Вы можете посмотреть полный проект и код здесь . Когда я запускаю код локально, все работает как положено, но когда я запускаю приложение glitch.com, я получаю исключение uncaught: Object 3 ошибка в консоли браузера. Это HTML Я использую:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Chaitén VR 3</title>
        <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
        <script src="scripts/camera-listener.js"></script>
    </head>
    <body>
        <a-scene
            stats
            renderer="antialias: true; colorManagement: true; sortObjects: true; physicallyCorrectLights: true; maxCanvasWidth: 1920; maxCanvasHeight: 1920;"
            gltf-model="dracoDecoderPath: scripts/draco_decoder">

            <a-assets timeout="69000">
                <a-asset-item
                    id="cave"
                    src="https://cdn.glitch.com/b8b66d5a-73ec-4bfe-8bfc-6ac0f5e30e89%2Fcueva_6_dcompress_1.gltf">
                </a-asset-item>
            </a-assets>

            <a-sky
                color="#000">
            </a-sky>

            <a-gltf-model
                src="#cave"
                scale="1 1 1"
                position="0 0 -10"
                rotation="-90 90 0"
                shadow="cast: true"
                sound="src: https://cdn.glitch.com/b8b66d5a-73ec-4bfe-8bfc-6ac0f5e30e89%2Fcave_1.mp3; autoplay: true; loop: true; volume: 2">
            </a-gltf-model>

            <a-entity
                id="camera"
                camera
                look-controls
                wasd-controls="acceleration:150"
                position="-4.5 1.6 -1">
            </a-entity>

        <a-entity
            id="light"
            light="type: point; intensity: 15; distance: 10; decay: 1; shadowCameraVisible: false;"
            position="-4.5 1.6 0.35">
        </a-entity>

            <a-entity camera-listener></a-entity>
        </a-scene>
    </body>

Я создал оригинальный glTF в Blender 2.82 и использовал glTF Pipeline для преобразования модели в Draco glTF.

1 Ответ

0 голосов
/ 25 апреля 2020

Я проверил этот файл: time_draco_decode. html и обнаружил, что:

// It is recommended to always pull your Draco JavaScript and WASM decoders
// from this URL. Users will benefit from having the Draco decoder in cache
// as more sites start using the static URL.
let decoderPath = 'https://www.gstatic.com/draco/v1/decoders/';

Я использовал этот путь, и теперь приложение работает нормально.

...