Svg 3D: Создание, Вращение Осей И Анимация

Чуть больше недели назад в рамках конкурса от Telegram мне пришлось окунуться в «волшебный мир» svg, математических формул, оптимизации и анимации.

Заданием конкурса было создание достаточно простой диаграммы на JS, но некоторые нюансы задания и упор на производительность сделали его интересным.

Учитывая желание создать что-то с претензией на победу, пришлось нырнуть чуть глубже обычного порога для типичных (и не очень) проектов из мира фронтенд-разработки.

Завершить конкурс не получилось, но это время не было потрачено зря.

Главным открытием стала возможность полноценно работать с 3D-графикой в SVG! Создание моделей, вращающихся по выбранной оси, скриптовая анимация и многое другое – все это доступно здесь и сейчас.

Самое важное

   

 <svg xmlns=" http://www.w3.org/2000/svg " viewBox="0 0 200 200" axisZ="true">

   

polyLine.runAnimScene(delay);

Демо

• Lightning Network: Решение Для Последнего Километра

  19 Oct, 24

• Интервью С Владельцем Бионических Протезов Bebionic И Myofacil: Их Преимущества И Недостатки В Повседневной Жизни

  19 Oct, 24

• It-Стажеры: Ожидания Vs Реальность

  19 Oct, 24

• Хотите Узнать Все О Веб- И Мобильной Разработке? Спросите Меня Как: Devcon School Iv

  19 Oct, 24

• Джулиан Ассанж Проведет Шоу На Российском Государственном Канале

  19 Oct, 24

• Unity3D 3.X Получение Текущего Активного Окна

  19 Oct, 24

• Хранение Данных С Флэш-Памятью Емкостью 64 Тб.

  19 Oct, 24

• Бета-Тестирование Блог.ру

  19 Oct, 24

• Яндекс Будет Бороться С Сайтами, Использующими Социальный Фишинг И Как Легально Получить Аккаунт Посетителя В Социальных Сетях

  19 Oct, 24

• Есть Ли Api Для Киоск-Приложений В Android?

  19 Oct, 24