CSS3 и HTML5 - вращающаяся группа объектов

Question

У меня есть проект, в котором у меня есть перетаскиваемые объекты. После размещения этих объектов я хочу создать «вид из камеры» в котором я могу изменить угол зрения. (форма от 2d до 3d)

Я пробую все виды комбинаций (CSS3-rotate3d, HTML5-canvas) или, может быть, JavaScript.

Кто-нибудь знает, как лучше всего построить решение?

Answer 1

Использование JavaScript для управления преобразованием CSS3 rotate3d, вероятно, является лучшим выбором, как в этой демонстрации .

Для использования холста потребуется каким-то образом перерисовать перетаскиваемые элементы на холсте, что может быть простым или чрезвычайно сложным, в зависимости от того, чем они являются.Если бы все они были изображениями, их можно нарисовать на холсте и вращать с помощью WebGL.Рисование произвольных элементов DOM на холсте, вероятно, чрезвычайно сложно.

Преобразование CSS3 rotate3d, вероятно, проще реализовать, но я подозреваю, что оно имеет меньшую поддержку, чем WebGL.rotate3d работает как минимум в Chrome и Safari, но поддержка WebGL также довольно тонкая.

Надеюсь, это поможет!