sitw.dev / проекты

Солнечная система

1 июня 2025 г.

← Все проекты

Статус: В продакшне · Год: 2025 · Технологии: Canvas API, JS, Telegram · Демо, с компьютера: solar-rouge-iota.vercel.app

Идея

Хотелось сделать что-то красивое и познавательное для Telegram. Солнечная система — идеальный объект: масштабы завораживают, данные точные, а анимация орбит выглядит завораживающе даже на маленьком экране телефона.

Как устроено

Приложение работает прямо внутри Telegram через механизм Mini Apps. Вся визуализация нарисована на Canvas API — никаких внешних графических библиотек. Орбиты рассчитаны по реальным астрономическим данным: периоды обращения, расстояния от Солнца, наклон орбит.

Можно нажать на любую планету и посмотреть её характеристики: размер, расстояние, период обращения, число спутников.

Что реализовано

  • Анимированные орбиты всех планет в реальном времени
  • Масштабируемый вид — от всей системы до крупного плана
  • Карточки с данными по каждой планете
  • Адаптация под тему Telegram (светлая / тёмная)
  • Плавная анимация на 60fps

Что было сложно

Главная сложность — масштаб. Реальные расстояния в Солнечной системе таковы, что если нарисовать планеты в правильном масштабе, их просто не видно. Пришлось придумать логарифмическое масштабирование, которое сохраняет ощущение пространства, но делает всё видимым.