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

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

Rise 20.11.2017 16:28

Цитата:

Сообщение от void()
Попытался изобразить на картинке:

Где картинка?

void() 20.11.2017 16:45

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



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