Как с помощью three.js & webgl санимировать статичное изображение(заставить деревья колыхаться)?

Question

[justkeepmeinyourmind]

Добрый вечер, кто сможет помочь с вопросом об аминировании статичного изображения. У меня имеется фоновое изображение на сайте


Я хочу, чтобы анимация заключалась в следующем: было легкое покачивание деревьев, а также движение облаков. Заранее спасибо

Comments

[Dark Hole]

1. Это задание, а не вопрос
2. И как вы это себе представляете? Откуда мы возьмем пиксели, которых нет?

[Dima Polos]

Гифку хорошо зацикленную у дизайнера попросить не проще?

[Дмитрий Локшин]

Всего лишь напишите дополнительный модуль, который будет понимать вид деревьев (искусственный интеллект), и все, дальше анимируйте указанными инструментами.

[justkeepmeinyourmind]

Dima Polos, так нету никакой гифки, я изображение просто скачал

[Dima Polos]

justkeepmeinyourmind, тогда так просто не получится, вот выше пошутили, что надо написать какой-то примитивный ИИ и с ним анимировать, и это правда) Иначе, надо нарезать деревья, влево/вправо их посмешать, понаклонть, в фотошопе, а еще лучше в иллюстраторе, чтобы контуры верхушек вектором были, далее с помощью, наример morph svg, анимировать движение деревьев, и в таком же стиле облаков. Простого пути тут нет.

[Dima Polos]

Артём Егоров, или красиво зацикленная гифка

Answer 1

[Dima Polos]

https://youtu.be/YEYmYI7ZpQc
Вот так.

Answer 2

[Николай Чуприк]

Мне кажется, с вашим пониманием компьютерной графики, вам рановато браться за three.js.