Найти в Дзене
Создание и анимация 3D модели
Всем привет. Сегодня создадим модель при помощи нейронки Кандинский, отредактируем и анимируем её в блендере. Погнали. Генерируем по картинке стул из икеа (кстати, по картинке он выдаёт более качественный результат чем по промту). Геометрия сгенерированного из 40 000 полигонов стула в принципе пойдёт, но с материалом стоит поработать. Идём в блендер. В блендере заходим в режим редактирования и выделяем полигоны обивки стула и каркаса...
3 месяца назад
Вконтакте простым языком пишу про three.js. Анимация Three.js Освещение Three.js Инструменты отладки Three.js
8 месяцев назад
Aim (p5.js)
Немного самоиронии :) Давайте посмотрим как сделать эту простую анимацию на p5.js. За основу взял пример Aim. 1. Создаём canvas, фоном которого будет картинка (можно конечно нарисовать все буквы с помощью p5...
9 месяцев назад
Moon/Sun
Разбираем анимацию на этой gif. Невооружённым глазом можно заметить что луна и солнце сменяют друг друга вращаясь. Но как? Дело в том, что два элемента svg помещены в контейнер. И вращается собственно сам контейнер. При наведении на 180 градусов и когда курсор вне - тоже на 180. Давайте подробнее рассмотрим как работает js (ссылку на весь код прикреплю ниже): 1...
10 месяцев назад
Анимация псевдоэлемента
Приветствую. На этот раз моё внимание привлёк сайт Gufram, а именно css анимация пунктов меню. Казалось бы всё довольно просто, но не совсем... Анимация реализована с помощью псевдоэлемента ::after. При наведении мыши - span скрывается вниз, а псевдоэлемент опускается на его место. Пообщавшись с нейросетью, я пришёл к выводу, что span опускается вниз к примеру на 110% transform: translateY(110%), а псевдоэлемент встаёт на его место transform: translateY(0%). Вот что пишет Deep Seek: Спасибо за уточнение! Теперь я полностью понимаю вашу задачу...
10 месяцев назад
Если нравится — подпишитесь
Так вы не пропустите новые публикации этого канала