Эксперименты, прототипы и код для души от нашей команды. Небольшие проекты, на которых мы проверяем идеи, оттачиваем мастерство и просто развлекаемся, — всё работает прямо в вашем браузере, на чистом JavaScript и Canvas, без библиотек.
Введите любое слово на английском или арабском — и облако частиц соберётся в него.
Анимированный холст: маленькие белые и красные частицы слетаются и складываются в слово из текстового поля. Если провести по ним указателем, они разлетаются, а затем возвращаются на место.
Попробуйте: введите слово и проведите по нему курсором или пальцем
Частицы дрейфуют в анимированном поле шума и оставляют за собой следы фирменного красного цвета.
Анимированный холст: тонкие красные и белые линии струятся по тёмному фону, следуя плавным, медленно меняющимся течениям. Клик создаёт новое случайное поле.
Попробуйте: двигайте курсор или палец, чтобы взбаламутить поток, а чтобы начать заново — нажмите
Создайте гармоничную палитру из пяти цветов, закрепите понравившиеся и проверьте их контраст по WCAG.
Пять образцов цвета. На каждом — HEX-код (нажмите, чтобы скопировать), коэффициент контраста с белым и чёрным со значком WCAG AA и кнопка-замок, которая сохраняет цвет при создании новой палитры.
Попробуйте: нажмите «Пробел» или «Сгенерировать», а чтобы скопировать код — кликните по нему или коснитесь его
Поле точек на пружинах, которое прогибается вокруг курсора, как вокруг магнита.
Анимированный холст: ровная сетка маленьких точек, соединённых тонкими линиями. Рядом с указателем точки отталкиваются и краснеют, а затем, покачиваясь, возвращаются на место. Клик запускает по сетке кольцевую волну.
Попробуйте: наведите курсор или потяните, а чтобы пустить волну — нажмите
Выберите день
Кто едет?
Проверьте детали тура
Это только прототип: без цен, без оплаты, ничего не отправляется.
Вот и весь сценарий.
В реальном проекте эта заявка попала бы в панель управления туроператора и в WhatsApp. Здесь это демо — ничего не забронировано.
Двуязычный сценарий бронирования однодневного тура — тур, дата, гости, итог. Прототип для туроператоров.
Попробуйте: пройдите по шагам — на самом деле ничего не бронируется
С той же заботой мы делаем и наши продукты: они быстро загружаются, бережно расходуют батарею и удобны для всех.