Анимация бывает разной. Где-то достаточно лёгкого движения, а где-то сайт должен превратиться в полноценное 3D-путешествие. В своей практике я разделяю интерактив на три уровня, каждый из которых решает свои задачи.
Дизайн, интерактив и будущее веба
Современный веб-дизайн больше не останавливается на простых статичных страницах. Мы живём в эпоху, когда сайты становятся живыми, вовлекающими и запоминающимися. Но интерактивные технологии — это не просто модный тренд, а реальная возможность добавить сайту индивидуальность и уникальный характер.
#3 Подборка: Интерактивы и эффекты
Сегодня делюсь новыми находками для вдохновения. Это не просто примеры эффектного дизайна, а идеи, которые можно адаптировать для интерактивов, игр или промо.
#2 Подборка: Веб-интерактив и геймификация
Привет держи интересные находки для вдохновения и экспериментов с анимацией и взаимодействием.
#1 Подборка: Анимация и интерактив
Сегодня собрал для вас несколько интересных проектов, которые могут впечатлить своей реализацией и вдохновить на новые идеи.
В этих сайтах классно сочетаются визуал, интерактивность и внимание к деталям.
Промо-сайт нашего стартапа на Vue.js и WebGL — как он создавался и зачем нужен
В этой статье я расскажу о создании промо-сайта для одного из больших проектов нашей команды — сайта-агрегатора в спортивной нише, а также о том, какие перед промо стоят цели, и о технологиях, которые мы осваивали и применяли в процессе его разработки.
Трансформация объектов (часть 1)
Теперь, когда у нас все готово, мы можем изучить функциональные возможности three.js. Сегодня мы рассмотрим как перемещать и масштабировать объекты...
Настраиваем полноценную сборку
То, как мы с вами в первом уроке подключили three.js - самый простой вариант. К сожалению, у него есть свои недостатки, а именно при том методе подключения у нас нет доступа к некоторым классам three.js, поскольку иначе файл будет слишком тяжелый.
Создание простой сцены с three.js
Сейчас пришло время создать нашу первую сцену и вывести что-то на экран.
Первое подключение three.js
Во время первого урока мы подключим three.js к нашему проекту самым простым способом. Нам предстоит создать только HTML файл и написать немного JS кода.
Введение в курс по three.js
Спешу вас обрадовать, этот курс не о сложных математических штуках из области аэродинамики, а о том, как можно различными способами отрисовать 3D графику в вебе. А именно нам предстоит разобраться с библиотекой three.js.