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