Реализаторы THREE.js

Может кто-нибудь объяснить, в чем разница между рендерингами three.js? Какой из них быстрее? Какой из них более стандартный и перекрестный браузер? Как работает рендер SVG и рендеринга дома? У меня другой результат, когда я использую webGl вместо рендеринга canvas для кода ниже, поэтому почему это должно произойти?
cube = new THREE.Mesh( new THREE.CubeGeometry( 200, 200, 200, 1, 1, 1, materials ), new THREE.MeshFaceMaterial() );
Это большая разница между холстом и webGL? какой из них я должен использовать для сайта с высоким просмотром?

Ответ 1

Вы действительно хотите создавать приложения, которые поддерживают WebGL, только если вы хотите создать 3D-графику. Другие рендереры Three.JS больше похожи на хаки и доказательство концепций, чем то, что может дать вам реальный 3D. Если ваша цель - не создавать потрясающую графику, вы можете просто использовать статические изображения PNG, анимацию GIF или клипы YouTube и иметь лучшую обратную совместимость. <canvas> рендеринг backend полезен только для очень простой графики (например, вращающегося куба без текстуры) и имеет <canvas>, поскольку резервное копирование не будет работать во многих случаях.

  • Создайте свой эксклюзивный контент в WebGL

  • Предоставить резервные копии устаревшим браузерам

    • Использование Google Chrome Frame http://www.chromium.org/developers/how-tos/chrome-frame-getting-started/chrome-frame-faq

    • Если устаревшие пользователи браузера не хотят устанавливать подключаемый модуль Chrome Frame в своем устаревшем браузере, просто перенаправляйте их на статическое изображение и статический текстовый контент

Например, https://tinkercad.com/home/ является веб-приложением только для WebGL. Их оценка в конференции webshaped.fi состояла в том, что около 50% аудитории сайта могут получить доступ к содержимому WebGL. Это может показаться низким, но он все еще намного выше, чем люди, которые устанавливают приложение на свой мобильный или рабочий стол, поэтому скорость разговора, использующая 3D с использованием WebGL, выше, чем через другие механизмы развертывания.

Также см. http://webglstats.com/

WebGL также является надежной технологией - он не исчезнет. В настоящее время вы в основном ориентированы на рабочий стол, но это всего лишь вопрос времени, 2-3 года, прежде чем мобильная адаптация станет реальностью.

Ответ 2

перейти с WebGLRenderer, поскольку его будущее доказательство и imp - это большинство методов THREE.js.

Например, ParticleSystem не работает в CanvasRenderer