Применить 2D-холст (изображение + текст) к 3D-поверхности и сделать вращение / анимацию на 360 градусов - возможно ли это сделать с помощью HTML5 / CSS3 / Javascript или Flash?

Question

Я размышляю (если это возможно или), как реализовать следующие функции в браузере:

Я пытаюсь создать веб-приложение, которое позволит пользователю настраивать дизайн (добавлять изображения + текст) на трехмерную поверхность в браузере. Проектирование может осуществляться в (2D) холсте / редакторе, который позволит пользователям перетаскивать изображения, добавлять текст и т. Д. Затем, предпочтительно в режиме реального времени, дизайн преобразуется и применяется к трехмерной форме / поверхности. Пользователь может выполнить предварительный просмотр, вращая трехмерную поверхность.

Он должен работать в iOS, чтобы не было Flash. Также можно было бы избежать WebGL для такого рода приложений - хотелось бы широкого охвата браузера (IE8 должен был бы поддерживаться соответствующими графическими шайбами).

Есть ли что-нибудь, что уже делает это? Возможно ли реализовать это исключительно на стороне клиента (HTML5 / Javascript)?

Answer 1

Проверьте http://www.c3dl.org/ для библиотек 3d js

http://www.addyosmani.com/resources/googlebox/ для изображения и текста, отображенного на поле,

И http://mugtug.com/sketchpad/ дляhtml5 редактор

Answer 2

Да, это определенно возможно. Посмотрите на Three.js и thingiview для примеров и вдохновения в том, как сделать 3d сторону этого. Вы должны быть в состоянии спроектировать редактор, используя холст html5, а затем получить его версию изображения, используя метод toDataUrl ().