Если вы можете обойтись без поддержки IE, или потребовать плагин для пользователей IE, или обеспечить растеризацию на стороне сервера для пользователей IE, вы можете использовать вычисленные файлы SVG.
Вы можете сделать очень простойПроекция вершин прямоугольников, возможно, начнется с простой изометрической проекции, а затем перейдет к перспективной проекции.Используйте для этого простую математическую матрицу 4x4, которая используется в OpenGL, и представляйте трехмерные координаты в виде [x, y, z, w] векторов.Поскольку изображения малы и достаточно просты, вы можете просто обойтись, используя умный порядок рендеринга, то есть снизу вверх, назад к фронту, что гарантирует, что вам не придется беспокоиться о копании в буфере глубины или другом подобномвещи.Должен быть довольно простым в реализации, вам не нужны сторонние библиотеки, и он будет изначально поддерживаться в большинстве современных браузеров.
Хорошо, я подумал, что это интересный эксперимент, поэтому я сделал рабочийверсия того, что я описал выше.Он работает во всех основных браузерах, за исключением IE.Поддержка SVG должна прийти в IE с введением IE9.Я тестировал в Opera, Firefox и Safari под OS X, а также Opera и Firefox под Linux.Возможно, можно добавить поддержку IE, сделав возможным вывод VML, хотя я должен сказать, что я не знаю, разрешает ли IE встраивание VML в XHTML с использованием пространств имен, как я использовал здесь.3D сложенных коробок
Сейчас он выполняет только изометрическую проекцию.Я мог бы просто потратить немного больше времени на это, чтобы добавить опцию перспективной проекции.Это может показаться забавным и не должно быть намного больше, чем добавление еще одного умножения матриц.