Возвращаю рубрику подборок. В каждом выпуске — эффект, который не просто красиво выглядит, а может быть встроен в реальный проект. Сегодня три WebGL-примера: от медуз на фоне до параметрических настроек космической станции.
Как анимации и WebGL делают бизнес успешнее: взгляд изнутри
Когда-то сайты были просто текстом и картинками. Что-то вроде вывески на двери магазина — информативно, но без души. Сейчас всё иначе. Современный веб стал живым пространством, в котором пользователь не просто читает информацию, а взаимодействует, исследует, погружается. И моя задача — помочь бизнесу раскрыть этот потенциал.
Я помню, как впервые сто…
22
Дизайн, интерактив и будущее веба
Современный веб-дизайн больше не останавливается на простых статичных страницах. Мы живём в эпоху, когда сайты становятся живыми, вовлекающими и запоминающимися. Но интерактивные технологии — это не просто модный тренд, а реальная возможность добавить сайту индивидуальность и уникальный характер.
22
#3 Подборка: Интерактивы и эффекты
Сегодня делюсь новыми находками для вдохновения. Это не просто примеры эффектного дизайна, а идеи, которые можно адаптировать для интерактивов, игр или промо.
11
Демонстрация продукта в игровом формате
Наше агентство EASY DIGITAL в партнерстве с агентством PRT запустили уникальный проект с игровой механикой для бренда Xiaomi, который демонстрирует, из чего состоит продукт, какие детали используются в его создании и в чем их отличие друг от друга.
33
Анимации и шортсы с 2D-персонажами в 3D: установка и разбор скилла claude-animated-shorts для Claude
Скилл собирает вертикальные ролики на 55–70 секунд с three.js и Remotion на локальном компьютере без генераторов видео.
Визуализатор мышления ИИ в одном HTML-файле
Приболел тут и решил отвлечься от сложных проектов, сделав что-нибудь эдакое.
В общем, после размышлений и обсуждений с ассистентом, решил сделать визуализатор мышления локальной LLM в реальном времени, упакованный в один HTML-файл.
Вы вводите вопрос — нейросеть начинает думать вслух, а каждое её слово превращается в светящийся «атом» в 3D-космосе.…
Настраиваем полноценную сборку
Перед тем как начать
В предыдущем уроке мы создали нашу первую сцену при помощи самого простого подключения three.js, если вы это пропустили, то советую вернуться!
То, как мы с вами в первом уроке подключили three.js - самый простой вариант. К сожалению, у него есть свои недостатки, а именно при том методе подключения у нас нет доступа к некоторым кл…
Трансформация объектов (часть 1)
Перед тем как начать
В предыдущем уроке мы настроили полноценную сборку проекта с three.js при помощи webpack, если вы это пропустили, то советую вернуться!
#6 Подборка: игровые механики и техдемки
Сегодня игровые механики и техдемки, которые не просто «вау», а из которых реально собираются рабочие модули для сайтов и презентаций.
#2 Подборка: Веб-интерактив и геймификация
Привет держи интересные находки для вдохновения и экспериментов с анимацией и взаимодействием.
77
#1 Подборка: Анимация и интерактив
Привет! Подобрал несколько сайтов для вдохновения:
Сегодня собрал для вас несколько интересных проектов, которые могут впечатлить своей реализацией и вдохновить на новые идеи.
В этих сайтах классно сочетаются визуал, интерактивность и внимание к деталям.
22