—»     —»   Создаем трехмерную модель на чистом коде CSS при помощи Tridiv
  Раздел: Web-приложения   Нет комментариев  

Создаем трехмерную модель на чистом коде CSS при помощи Tridiv



Наверняка все мы знаем о существовании WebGL – это открытый стандарт браузерной реализации поддержки OpenGL, посредством которой мы можем создавать 3D-игры и эффекты на javascript. Теперь у нас есть новый способ разработки трехмерной графики, - с применением CSS.

Недавно мы наткнулись на очень впечатляющий инструмент под названием Tridiv – веб-редактор для создания трехмерных фигур на CSS-коде. Если вы когда-нибудь пользователи ПО для создания 3D-графики вроде 3DStudio Max или Maya before, Tridiv покажется вам супер-легкой альтернативой. Здесь представлены вертикальная, фронтальная и боковая плоскости. Вы можете добавлять фигуры и комбинировать их между собой для создания желаемых фигур в трехмерной плоскости. Кроме того, вы можете перетаскивать окно просмотра, чтобы просмотреть созданную вами фигуру с разных углов.

Создаем трехмерную модель на чистом коде CSS при помощи Tridiv

Мы были очень удивлены тем, насколько это удобное и простое приложение, и к тому же, нам с первого раза удалось воспользоваться им. Каждую фигуру можно без труда оформить. Вы можете изменять габариты, уровень непрозрачности, цвета, углы и даже добавлять в фигуру изображения. Как только все будет завершено, инструмент генерирует всю необходимую разметку HTML и CSS-код, которые вы можете встроить в страницу.

Создаем трехмерную модель на чистом коде CSS при помощи Tridiv
Создаем трехмерную модель на чистом коде CSS при помощи Tridiv
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: 3D, CSS
Опубликовал Design FactoRy   Прочитано (раз): 3866   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц January по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Август 2017    »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031