Как сделать такой задний фон на three js?

Question

[darksladen]

Ребят, подскажите как можно сделать такой задний фон? Только начинаю осваивать three js, так что прошу просто дать направление. Непонятно, как он меняется при прокрутки сайта.. Рендерится ли все заново, либо просто перемещается камера. Вообщем прошу объяснить как можно это сделать на three

Comments

[Hyubert]

Ребят, подскажите как можно сделать такой задний фон?

какой такой?

[darksladen]

Hyubert, Тут один задний фон, вы видите еще чтоли? На three js он! Тут больше нет ничего на заднем фоне! ПО какой формуле эти звезды гаснут, из чего они сделаны и т.д..

[Hyubert]

darksladen, я не вижу ничего, никакой ссылки, ни какой картинки.

[darksladen]

Hyubert, Ну я и тупарь, сори ) https://gleec.com/

[darksladen]

Hyubert, Вообщем потихоньку разбираюсь со three js.. Сейчас непонятнее всего логика появление/пропадания этих точек, очень интересно они там летают и светятся. Во-вторых, материал точек. У них цвет мягкий какой то, я сейчас сделал сферой, думаю как то можно иначе сделать. И на счет оптимизации, как можно лучше сделать, чтобы анимировалость только то, что в поле зрения

[lxfr]

darksladen, так изучи документацию для three js
Примеры, демки.

Answer 1

[profesor08]

Чтоб понять, ты должен уметь рисовать на three.js, пользоваться камерой. Меняй значения при прокрутке. Gsap в помощь. TimeLineMax для анимации.