Three.js погрузка больших моделей

Question

Когда я пытаюсь загрузить очень большой файл с помощью соответствующих загрузчиков, представленных в библиотеке, вкладка моего сайта работает в аварийных ситуациях. Я попытался реализовать класс Worker, но он, похоже, не работает. Вот что происходит:

В главном файла JavaScript У меня есть:

var worker = new Worker('loader.js'); 

Когда пользователь выбирает один из доступных моделей я проверить для расширения и передать файл URL/путь к рабочему: (в данном случае PCD файл)

worker.postMessage({fileType: "pcd", file: file}); 

Теперь loader.js имеет соответствующий включает, которые необходимы, чтобы сделать его работу:

importScripts('js/libs/three.js/three.js'); 
importScripts('js/libs/three.js/PCDLoader.js'); 

и в методе onmessage он использует подходящий загрузчик в зависимости от расширения файла.

var loader = new THREE.PCDLoader(); 
loader.load(file, function (mesh) { 
    postMessage({points: mesh.geometry.attributes.position.array, colors: mesh.geometry.attributes.color.array}); 
}); 

Данные успешно передаются на главный javascript, который добавляет его в сцену. По крайней мере, для небольших файлов - большие, как я уже сказал, занимают слишком много времени, и браузер решает, что произошла ошибка. Теперь я думал, что рабочий класс должен работать асинхронно, так что тут дело?

Answer 1

В настоящее время загрузчики Three.js полагаются на строки и массивы строк для анализа данных из файла. Они не разделяют файлы на куски, что приводит к чрезмерному использованию памяти, которые браузеры немедленно прерывают. Загрузка 64-мегабайтных файлов в память объемом более 1 ГБ, используемой во время загрузки (что приводит к ошибке).