Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Паукообразный скрипт (https://javascript.ru/forum/misc/71455-paukoobraznyjj-skript.html)

void() 20.11.2017 14:25

Паукообразный скрипт
 
Здравствуйте!

Когда-то видел на сайте очень красивый скрипт, чем-то напоминающий паука. Попытался изобразить на картинке:


А сейчас найти не получается ничего похожего.

Смысл в том, что есть точки и когда ведешь мышью над этими точками, вблизи курсора возникают нити, которые приклеиваются к курсору.

Может, кто-то знает что-то подобное? Или хотя бы как это называется:) А если делать самому, то с чего начать? Вижу тут несколько проблем:
- как выбрать точки, которые находятся рядом с курсором (перебрать массив из точек и сравнивать координаты x и y?).
- ну хорошо, если даже так, то что представляют собой эти нити? Прозрачная png картинка или что?
- поворот нитей осуществляется с помощью transform rotate?

Nexus 20.11.2017 14:32

void(), это наверняка было полотно canvas или svg

void() 20.11.2017 14:34

Nexus,
о, блин - до этих тем я еще не добрался. Вообще-то да - наверняка даже canvas...

Dilettante_Pro 20.11.2017 14:58

void(),
Здесь есть нечто похожее

рони 20.11.2017 15:03

void(),
там был canvas, где тоже не помню ...
варианты на тему
http://javascript.ru/forum/showthrea...768#post444775
http://javascript.ru/forum/showthrea...976#post405988

void() 20.11.2017 15:04

Dilettante_Pro,
рони,
wow! Спасибо вам - это то, что надо!

рони 20.11.2017 15:08

void(),
http://vincentgarreau.com/particles.js/

void() 20.11.2017 15:36

рони,
Класс) Эх, буду пытаться повторить)

void() 20.11.2017 16:45

Rise,
Упс, странный все-таки этот google photos. Для меня картинка отображалась. Похоже остальные включили телепатические способности)))


void() 20.11.2017 16:59

Rise,
тогда воспользуюсь старым добрым piccy.info. Спасибо, что обратили на это внимание, а то я бы так и постил картинки, а их никто бы не видел. Капец :lol:

Да тут картинка - это сильно звучит) каракули, только чтобы понять смысл.



Часовой пояс GMT +3, время: 21:58.