Пользователь
0,0
рейтинг
29 декабря 2015 в 22:01

Круглендарь 2016 — плакат-ежедневник

image

Друзья, готов круглый календарь 2016!

Каждый год я рисую новый круглендарь, вешаю на стенку и пишу-рисую на нём обо всём интересном, что со мной происходит. Или собирается произойти.

К концу года плакат становится исторической вещью и отправляется в архив.

Круглый календарь к концу года

  1. Скачайте *.pdf с сайта kruglendar.ru.
  2. Распечатайте и повесьте на стенку, рядом — фломастер.
  3. Подпишите какое-нибудь событие, например, появление круглендаря.

Как и раньше, круглендари бесплатные, исходный код — на гитхабе.

Процесс


В этом году с питона перешёл на джаваскрипт + d3.js. Пригодились функции для рыботы с датами, объектами svg (генераторы атрибута g, например) и скейлы. Теперь вы можете рендерить календарь в браузере без бодания с питоном, версиями и модулями.

Сперва хотел сделать что-то внезапно-разудалое, играл с формой. Пробовал пиксельные линии и диаграммы вороного.
Пиксельная версия Диаграмма Вороного

Однако, вернулся к идее с катящейся окружностью, цифры поставил по гипотрохоиде. Она похожа на прошлогоднюю гипоциклоиду, но линия без изломов, плавная. При изменении параметра r2 от 0 до r, гипотрохоида меняется от окружности до гипоциклоиды.

Построение гипотрохоиды

Отличия от прошлогодней версии


Календари 2013, 2014 и 2015 года
Круглендарь 2013

Круглендарь 2014

Круглендарь 2015

  • Все линии убрал, их функции перенёс на текст. Строку дат изогнул, выделяя месяцы. Выходные отметил крупным шрифтом.
  • Выбрал шрифт Bebas Neue: конденсный, бесплатный, есть 5 начертаний. В коде видно, какие ещё шрифты я пробовал. Буду благодарен, если подскажете другой.
  • Вынес названия месяцев за скобки, это улучшило их читаемость, а числа стали больше. На хабре об этом уже два года просили :)

С новым годом, коллеги!
@illus0r
карма
28,0
рейтинг 0,0
Пользователь
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое

Комментарии (37)

  • +2
    Светло-желтое на белом! ааааа!
    • 0
      Ой, промахнулся
      Сам долго сомневался и искал другие варианты. Не нашёл, буду рад, если подскажете. Печатал на двух принтерах, жёлтый текст видно.
      • 0
        Черный контражур слишком светлого текста?
        • 0
          Ни за что :) Читаемость будет ещё хуже
  • 0
    Сам долго сомневался и искал другие варианты. Не нашёл, буду рад, если подскажете. Печатал на двух принтерах, жёлтый текст видно.
  • 0
    Крутая идея. Я терпеть не могу всякие календари, но вот этот — реально крутой, может даже в альпклубе предложу нечто подобное повесить.
    • 0
      Класс, если получится фотку скинуть, буду благодарен!
  • 0
    Чудесная вещь. Спасибо огромное. И себе сделаю, и другу подарю.
  • 0
    … и снова, как и в прошлом году, для нормального чтения августа, июня, июля и мая нужно выгибать голову.
    Почему нельзя сделать текст с нормальным расположением? Или предлагается календарь постоянно крутить?:)
    • 0
      Подозреваю, что будет неаккуратно. И в нижней части числа будут идти от 30 до 1.
      • +1
        Да просто название месяцев перевернуть, и всё. Структуру трогать не нужно. Цифры же на механических часах вверх ногами не пишут :)
        • 0
          Так примерно? :)

          image
          • 0
            Да :)
            • 0
              Элементарно делается в инкскейпе, если будут вопросы, обращайтесь, подскажу.
  • 0
    Январь — зеленый? Да вы верно шутите.
    Зелеными всю жизнь были июнь и июль.
    • +1
      Забавно, давайте переделаем :) Сейчас цвета подбирал по градиенту, вы предлагаете брать цвет из окружающей среды. Идея интересная, надо только определиться, окружающую среду в какой точке планеты мы берём за эталон :) У нас в Волгограде так:

      Январь — белый;
      Февраль — белый;
      Март — коричневый;
      Апрель — салатовый;
      Май — зелёный;
      Июнь — тёмно-зелёный;
      Июль — жёлтый;
      Август — оранжевый;
      Сентябрь — красный;
      Октябрь — серый;
      Ноябрь — серый;
      Декабрь — белый

      Будут идеи — предлагайте.
      • +4
        Я думаю как то так
        Январь — синий (снег, да и люди тоже)
        Февраль — голубой
        Март — розовый (как на рассвете)
        Апрель — красный
        Май -салатовый
        Июнь — зеленый
        Июль — темно зеленый
        Август — желтый
        Сентябрь — оранжевый
        Октябрь — маджента
        Ноябрь — фиолетовый
        Декабрь — темно-фиолетовый
        • +1
          Если подберёте цвета в RGB (в таком формате), сделаю для вас форк :)
          • +1
            Попробуйте такой вариант
            [0,0,255],
            [0,128,255],
            [255,0,128],
            [255,0,0],
            [0,255,128],
            [0,255,0],
            [0,128,0],
            [255,255,0],
            [255,128,0],
            [288,0,255],
            [128,0,255],
            [40,0,128]
            • 0
              Ждем форк
              • +2
                • 0
                  Спасибо. Вроде ничего так получилось, с желтым надо только что то придумать.
      • НЛО прилетело и опубликовало эту надпись здесь
  • +2
    А вариант с русскими названиями месяцев есть?
    • +3
      Сделаю, если будет больше запросов. Пока что 3 человека попросило.
      • 0
        я бы тоже не отказался иметь с русскими названиями.
    • +3
      И общепринятые праздничные дни стоило бы сделать как и выходные. Но цвет изменить немного, чтобы было видно, что это праздничный. Или иконку праздника добавлять. Например ёлка — 1 января, цветы — 8 марта…
      • 0
        Круглендарь используется не только в России, не у всех Рождество 7 января и т. д. Идея хорошая, надо заложить возможность локализации праздников.
  • 0
    Прочитал в начале года 23 января сразу… ИМХО разделение дат хромает. Про жёлты уже сказали. Цифры кверхногами тоже не очень-то и удобно ИМХО.
  • 0
    А можно отразить календарь по вертикали? В моей голове календарь идёт по кругу, но против часовой стрелки и обратный ход ломает мой мозг :)
    • 0
      Хочу когда-нибудь сделать генератор круглендарей с произвольным углом поворота и направлением. Сейчас это сложно, делаю самый популярный вариант.
  • 0
    По вашим же примерам прекрасно видно, что диаметр круга нужно уменьшать.
    Чтобы было больше полезного места вокруг и меньше не очень полезного места внутри.
    • 0
      Видимо, размер такой огромный, чтобы все цифры влезли. Я бы вместо этого сделал спиральный (на полтора витка). Это позволит гораздо более рационально использовать место.
      • 0
        Идея хорошая, можно даже два витка сделать. Чтобы сохранить аналогию с часами — на них стрелка делает два оборота в сутки. Будет сложнее заметки делать, место между витками будет спорным, можно его уменьшить.
        image
        И, похоже, к спорам о положении НГ на окружности и направлении движения «стрелки» добавится спор о том, идёт ли время вовнутрь спирали или наружу :)
        • 0
          В наступающем году спираль определенно идет внутрь. И сам календарь на две половинки разделить, для большей символичности.
    • 0
      Внутри тоже можно писать :)
  • 0
    А мне, почему-то, привычнее представлять год с отсчетом в нижней точке и против часовой стрелки. Подписался на апдейты, надеюсь календаре-генератов в будущем и такое сможет.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.