повторить свечение javascript вокруг гигантского облака на странице входа в MobileMe? - PullRequest
1 голос
/ 02 апреля 2011

Если вы подключаетесь к своему мобильному аккаунту в Интернете с помощью Safari, вы можете выбрать значок и войти непосредственно в выбранный сервис, кстати, отличная функция.

Но если вы заходите на ту же страницу с помощью другого браузера, например Firefox или Chrome, вы увидите великолепную страницу входа в систему с большим, не огромным облаком посередине (логотип MobileMe) и из него выходят интересные световые шары.

Вот ссылка: https://auth.me.com/authenticate?service=mail&ssoNamespace=appleid&formID=loginForm&returnURL=aHR0cHM6Ly9tZS5jb20vbWFpbC8=

И самое главное, что вы можете навести курсор мыши на эти маленькие световые шарики, и они следуют за движением вашей мыши.

Это просто прекрасно, и я никогда не видел ничего подобного в Javascript.И я не мог понять, глядя на их код, как они это сделали.Конечно, их javascript сжат, так что я не смог на это взглянуть, но в разметке эти блестящие огни - просто куча холстовых меток.

Кто-нибудь знает, как сделать что-то подобное?Это, вероятно, далеко от моих навыков работы с JavaScript, но было бы здорово добавить такой эффект в один из моих проектов.

Заранее благодарен за все ваши предложения;)

Ответы [ 2 ]

1 голос
/ 02 апреля 2011

, что требует много навыков. Я считаю, что это достижимо с processing.js http://processingjs.org/

0 голосов
/ 15 октября 2011

Взгляните на это [цитата]:

Итак, как же получается этот глазной леденец?Через более чем 6000 строк (неунифицированных) JS.MobileMe обычно использует SproutCore для своих приложений, но после просмотра исходного кода я не нашел ни одной ссылки на него.Однако на странице входа в систему, похоже, есть некоторое сходство с библиотекой, но я думаю, что она довольно обычная.По-видимому, для каждого из визуальных компонентов на экране существует класс, по крайней мере, одна, если не две отдельные библиотеки анимации (одна 2d и одна 3d), библиотека рендеринга частиц и библиотеки для работы с рисованием на холсте и манипулированием DOM.

Похоже, это было сделано на заказ.Вы можете прочитать больше здесь: http://badassjs.com/post/1649735994/the-new-mobileme-login-page-has-some-badass-js

Надеюсь, это поможет.

...