реализовать интерфейс обложки в веб-приложении Android

Question

Я пытаюсь создать интерфейс обложки в веб-приложении Android с использованием HTML, CSS, JavaScript и некоторых изображений.

CSS 3D-преобразования, которые поддерживаются в Safari sine 2009 и на iPhone с версии 2.0, не поддерживаются на Android. хуже того, реализация на ошибках на Android 2.1 и Android 2.2, и в каждой версии по-другому.

Любая идея, как я могу создать интерфейс обложки в веб-приложении Android с использованием HTML, CSS, JavaScript и некоторых изображений без преобразования CSS 3D?

Answer 1

Если вы ищете текстурированные 3D-преобразования без использования CSS 3D или плагинов, посмотрите не дальше, чем Canvas, элемент HTML присутствует в большинстве современных браузеров. Есть уже 3D-библиотеки, которые используют это, например, K3D.

С другой стороны, вы можете использовать динамические HTML и предварительно обработанные изображения под разными углами. Для 3D-эффекта без поворотов, просто реализовать основную формулу 3D визуализации, такие как эта:

Х положение точки на экране = позиции X в пикселях/расстоянии + половина ширины экрана

Y Пойнт положение на экране = положение Y в пикселях/расстоянии в сторону + половина высоты экрана