JavaScript
Canvas
Comments 31
+4
Тяжело иногда быть осведомленным: сложно смотреть на такую солнечную систему, зная, что пропорции расстояний в ней совсем другие.
UFO landed and left these words here
UFO landed and left these words here
0
Относительно лишь движение без ускорения.
Ускоренное же движение (а движение планет — самое что ни на есть ускоренное) мы чувствуем.
+4
Увы, в данном случае реалистичность категорически несовместима с юзабилити…
+1
Кто в курсе они понимают — уместить ее в масштабе на мониторе не вариант :)
+2
Эх… Ностальгия… Когда-то, очень давно, в школе я на Алгоритмическом Языке сделал модель Солнечной системы с рассчётом места положения планет в реальном времени (с учётом взаимодействия только между планетой и Солнцем). Базовые характеристи планет взял из энциклопедии. И они летали. Круто было…
+2
Статей о канвасе много не бывает)
ps: Я как-то скептически отношусь к новым фреймворкам для js канваса, осознавая что их гораздо больше чем законченных проектов реализованных на них ((
0
Кстати, да, что-то серьёзное на canvas встречается довольно редко.
Возможно, из-за отсутствия средств разработки, как во флеше?
+1
А редактор на printio.ru это не серьёзно? :) Пока что работает вроде нормально, используя Fabric.js, конечно, которую я именно для редактора и написал — printio.ru/tees/new
0
О, спасибо :). Рад видеть вас здесь.

Graphics2D.js
размер 69 (полный) / 39 (минимизированный)
JavaScript
последнее обновление 28.11.14
MIT / LGPL
документация есть
форума / группы нет
unit-тестов нет
не модульный? (есть лишь рисование / объекты / события / анимация, прочая функциональность — фильтры, svg и т.п. — выходит в плагины)
зависимостей нет
svg-парсер — частично? (парсинг простейших svg-путей есть, парсинг любых — плагин)
webgl-рендер — нет
IE<9 — нет
Node.js — нет
Watchers — 3
Forks — 0
Project Page — keyten.github.io/Graphics2D/
Code repository — github.com/keyten/Graphics2D
+1
Вот бы земля ещё вращалась вокруг своей оси, а то на одной половине жарево и вечный день, у других ночь.
0
Сделайте, в чём проблема :).

Можете рассчитывать на мою помощь в лс.
+1
При клике на планету выпадает меню.

У меня не выпадает. Ограничение примера, или баг?
0
Во всех трёх вариантах (LibCanvas, FabricJS, Graphics2d) реализовано именно так: при наведении — подсказка с именем планеты, при клике — остановка анимации.
Если смотреть на ТЗ, мне не совсем понятно, что за меню (что там должно быть), а также как различать клик для меню и клик для анимации:
При клике на планету выпадает меню. При наведении мыши на планету и при клике по ней анимация данной планеты останавливается, остальные планеты продолжают свое движение.


Так что я решил реализовать последовать примеру других вариантов :)
+1
Фигово, что при наведении на планету, под ней чёрный круг образуется и закрывает звёзды.
А так очень плавно работает и CPU не грузит!
0
Это фиксится :)

При создании обводки планеты (функция createOrbit, переменная stroke) нужно просто убрать fill: 'black', и добавить после вызова planets.circle — orbit.clip(stroke). Но это будет кушать немножко больше.
0
Автор, ты почему спутники Сатурна называешь планетами? И почему они летают вокруг солнца :)
+1
Потому что ТЗ такое :)

Возможно, это не наша солнечная система, а какая-нибудь другая.
0
Не может быть другой Солнечной системы, а не солнечной системы.

Звёзды с планетами (особенно, экзопланетами) часто называют солнцами (с маленькой буквы), и их системы соответственно :).
Only those users with full accounts are able to leave comments.  , please.