холст против webGL против CSS 3d -> что выбрать? [closed]
Для базового трехмерного веб-приложения, то есть нескольких кубов, вращения и трансляции в трехмерном пространстве - что лучше выбрать?
CSS 3d кажется самым простым, но он не поддерживается в IE9 или в дорожной карте для IE10 и предлагает меньше контроля, чем другие варианты. Canvas и WebGL кажутся более сложными, но я не знаю, есть ли они являются залогом будущего.
Почему существует так много разных техник для 3D? что лучше? что является будущим доказательством?
1 ответ
Причина, по которой существует так много разных вариантов для 3D, в том, что все это находится в состоянии постоянного изменения - 3D в браузере не является законченным стандартом, и из перечисленных вами вариантов, единственный, который работает Во всех доступных на данный момент браузерах есть Canvas.
IE, в частности, вряд ли доставит вам много радости - как вы говорите, 3D даже не планируется для IE10 на данный момент. Сказав это, SVG был добавлен в IE9 довольно поздно, так что всегда есть надежда. Но причина, по которой это маловероятно, заключается в том, что Microsoft сделала ставку только на поддержку функций, официально утвержденных в качестве стандартов.
Из перечисленных вами технологий Canvas является на сегодняшний день наиболее поддерживаемой, но Canvas не является 3D-технологией; Это 2D-холст, и если вы хотите, чтобы в нем были 3D-эффекты, вам нужно написать их самостоятельно, и они не будут ускоряться аппаратно.
Полагаю, реальный ответ на ваш вопрос зависит от того, насколько важна эта функция для вашего сайта. Если это просто приятный глаз, без которого пользователи неподдерживаемых браузеров могут жить, то непременно сделайте это с помощью 3D-CSS. Но если вам нужно сделать это согласованным во всех современных браузерах, сделайте это с помощью Canvas.
Я бы порекомендовал не использовать WebGL для вашего случая, потому что звучит так, как будто это будет излишним для того, что вы делаете.
3D CSS - это, вероятно, правильный ответ , но пока используйте Canvas, пока остальные браузеры не добавят поддержку 3D CSS.