2015-09-10 4 views
2

Я хочу, чтобы с помощью JavaScript/CSS воссоздать видео-анимацию на фоне веб-страницы [Uber Developer] (link).Импульс, перемещающийся по линии анимации

Я определяю сетку дорожек (мой собственный дизайн, а не тот, что на странице с расширенными возможностями) на моей странице, используя линии Canvas, и я пытаюсь понять, как получить эффект светового импульса через оптическое волокно эффект для распространения сигналов на случайно выбранных путях в моей сетке.

Вот пример холста фона я работаю (не окончен) -
link

Я пытаюсь пульс распространяться от одной черной конечной точки в другую по форме сегмента соединяющих их и сходящихся/расходящихся на стыках.

Может ли кто-нибудь указать мне правильное направление? Любые рамки, которые могут помочь?

+0

Можете ли вы показать сетку, которую вы в настоящее время реализовали? Это может помочь вам найти некоторые методы для вас. –

+0

Для этого можно сделать анимацию CSS. Если вы можете дать мне сетку для работы, вы можете дождаться этого метода от меня. Поскольку сетка видеофонов абсолютно случайна, я не уверен в необходимой вам сетке. –

+0

Я продолжаю получать некоторые странные ошибки, когда я пытаюсь отредактировать вопрос, чтобы загрузить изображение. Вот ссылка на изображение сетки - https://drive.google.com/file/d/0B4qtFMwHzSBxYzF5bHhnTVF2UzQ/view. (Я все еще работаю над тем, чтобы получить всю вещь в холсте, обновится через час с тем же) – user1649740

ответ

0

Попробуйте выполнить путь в SVG и поднять lazy painter. Преимущества много, так как вес груза минимален и совместим с кросс-браузером.

+0

Спасибо. Но это все еще оставляет проблему получения этого сияющего эффекта ведущей точки. – user1649740

Смежные вопросы