Задать вопрос
@Zombie42679
Пытаюсь верстать, учу JS, когда-нибудь стану топом
css

Анимация кометы по орбите, как реализовать?

Первый раз делаю подобное - хочу реализовать следующие, чтоб зеленый круг (комета) по орбите (красная линия) бесконечно крутился, как то можно легче это всё реализовать или надо каждые 5 процентов указывать координаты?

https://codepen.io/anon/pen/wpmwjK
  • Вопрос задан
  • 1180 просмотров
Комментировать
Подписаться 9 Простой Комментировать
Решения вопроса 4
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Проще и лучше - svg:
https://codepen.io/dinks/pen/ECbpG
https://codepen.io/semenchenko/pen/BwGOKo
https://codepen.io/Scott-Hutcheson/pen/oeJRWP?q=sv...
https://codepen.io/diogocera/pen/YyYPZB
Из минусов - не полная поддержка в edge, но обещают исправить
how it made: https://css-tricks.com/guide-svg-animations-smil/#...
Ответ написан
Комментировать
Комментировать
mountpoint
@mountpoint
Вот посмотрите пример на scss https://codepen.io/ghost028/pen/bEBKXZ
Ответ написан
Комментировать
Комментировать
Exploding
@Exploding
wtf?
Вот вам в догонку 4-я вещь, на которую можно смотреть вечно)))
P.S. Не моё. Нашел когда-то случайно
Ответ написан
1 комментарий
1 комментарий
Stalker_RED
@Stalker_RED
https://jsfiddle.net/wm5mfqtd/show/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
lexxpavlov
@lexxpavlov
Программист, преподаватель
Посмотрите статью Павло Пономаренко Солнечная система на LibCanvas? в комментах есть версия на флэше, на Fabric.js, на canvas без библиотек (правильная ссылка), CSS-only и даже на Silverlight :)
Ответ написан
Комментировать
Комментировать
@krypt3r
Примеров вам уже накидали, но учтите, что кометы движутся по эллиптическим орбитам, а некоторые по параболическим и гиперболическим, и скорость их движения в разных точках орбиты будет разной.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Ищем программиста для поддержки сайта на PHP Laravel/Symfony
25 апр. 2024, в 18:36
10000 руб./за проект
Доработка мобильного приложения React Native iOS/Android
25 апр. 2024, в 18:32
50000 руб./за проект
Обучение моделированию процесса дуговой наплавки в CAE
25 апр. 2024, в 18:14
1500 руб./в час
Ещё заказы