С помощью какого плагина или технологии можно сделать штуку как на сайте (ссылка внутри)?

Question

[BlahBlag01]

С помощью какого плагина или технологии можно сделать штуку как на главной страницы сайта (буква а в круге) activetheory.net. Я даже название этой фишки не знаю

Answer 1

[Александр Таратин]

WebGl анимация. Изучите файл activetheory.net/cdn/assets/js/lib/three.min.js
Код простыней в начале файла это сама библиотека THREE.js остальное какие-то наработки других людей.

Comments

[Александр Таратин]

Обманул, там не все. Часть кода тут https://activetheory-v2.s3.amazonaws.com/assets/js... но он минифицирован

[BlahBlag01]

А как это называется? @Taraflex

[Александр Таратин]

@BlahBlag01 дизайнерская фантазия

Answer 2

[asdz]

svg наверное, джаваскрипт жесть у них activetheory-v2.s3.amazonaws.com/assets/js/activet...

Comments

[Александр Таратин]

@asdz ни разу не svg

[asdz]

@Taraflex а как определил?

[Антон Шаманов]

@asdz там canvas используется

[Александр Зачиналов]

И canvas, и svg, и WebGL и СSS3D...всего хватает)

[Александр Зачиналов]

сорри, SVG действительно они не стали пихать, там в скрипте их версии jpg стоят, видимо поэтому мыльно у них там)

[Александр Таратин]

@SanDiesel надписи мутные не из-за джипега. Это сглаживание шрифтов так работает при css transform. Логотипы у них все в png

[Александр Зачиналов]

У них присутствуют импорты jpg в скриптах для некоторых элементов графики, я хотел только это отметить, поскольку в оригинальном скрипте использованы svg файлы. Это даже не повествование, а вопрос большей частью. зачем использовать jpg, когда svg намного легче? Только по причине кроссбраузерности? дак вроде у них и так есть технологии которые не поддерживаются ie8)