Рубрики
Без рубрики

Летающие птицы закат

CodePenchallenge Flying Birds Sunset Описание Это просто простой эффект указателя мыши, который W … Tagsed Codepen, Vue, JavaScript, Design.

Описание

Это просто простой эффект указателя мыши, который, когда пользователь перемещает мышь на экране, птицы выйдут, а затем будут летать случайным образом везде.

Я создал фон SVG с помощью Inkscape. Я положил прямоугольную форму на весь холст, затем добавил цвет градиента. Для облаков я использовал фильтр -> наложение -> облака (Я не уверен, правильный ли мой перевод на английский), затем исправил настройки на основе того, как мне это понравилось. Для солнца я просто использую эллипс, чтобы сделать круг, и размыл его, используя фильтр -> размытие.

Есть другое преобразование S для движения птицы и ее крыльев, чтобы они не пересекались друг с другом.

Это также работает на смартфоне с помощью события Touch.

Ресурсы

Я создал фоновое изображение, используя Чертовски

Я использовал Vuejs Чтобы создать функциональность.

Оригинал: “https://dev.to/takaneichinose/flying-birds-sunset-3ca4”