Tridiv: редактор 3D CSS

    image

    Сегодня утром увидел в Твиттере Пола Айриша ссылку на кое-что впечатляющее. Tridiv — 3D-редактор для создания моделей на CSS. Для всех, кто хоть раз боролся с CSS трансформациями, чтобы сделать даже простой 3D эффект, известно, что подобная штука сможет значительно облегчить жизнь. Для остальных — еще одна демонстрация того, на что способны HTML5/CSS3.

    Приложение интерфейсом напоминает привычные 3D WYSIWYG редакторы. В режиме Превью можно настроить освещение/фон/скопировать исходный код/посмотреть, как все это выглядит на CodePen. Возможно сохранение в Local Storage. Хотя, конечно, интересный вопрос — почему выбраны трансформации, а не WebGL. Капля дегтя — работает пока только в Chrome и Safari (но код префиксо-независимый, поэтому по всей видимости в скором времени добавится поддержка остальных браузеров — в том же Firefox работает demo от автора приложения).

    image

    Попробовать — tridiv.com
    Обсуждение на HackerNews
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 13

      +5
      Завораживает…
        +3
        Это потрясающе, сделано все действительно с любовью.
          +2
          Оч. круто, но инструментарий пока маловат.
            +1
            Ещё бы сферу умел делать как предустановленный элемент. Я б сразу и опробовал в реальных условиях :)
              +1
              Я сразу понял, что не хватает корректного слияния объектов и вырезки из объекта формы пересечённой с другим объектом.
              Короче, сразу захотелось нормальный 3D-редактор ))))
                0
                относительно нормальный есть, но на webgl — openjscad.org
                в левой панели — куча примеров
            +1
            Хм… Нужно подумать где это можно использовать.
            Нельзя чтобы такой чудесный инструмент служил лишь развлечением.
              0
              В node-webkit говорит, что браузер несовместимый, хотя анимация в шапке работает отлично :(
                0
                Единственное, чего не хватает — группировки объектов
                  +4
                  Вот такой караблик получился
                  Скрытый текст
                    +1
                    кОраблик :) А кораблик крутой :)
                  0
                  это одна из самых классных вещей которые я вид с использованием css, серьезно.
                    0
                    Похоже, не для всех IP сайт работает. Из Российского интернета не открывается ни в какую, за то через прокси — все ок.

                    Only users with full accounts can post comments. Log in, please.