Найти тему
Создаю свой pet-проект #6 - FastLogo - Релиз
Всем привет! Я закончил работу над FastLogo и выгрузил его на GitHub. В прошлой статье я показал как генерируются логотипы в FastLogo, но они генерировались всего лишь по двум макетам. Теперь этих макетов пять. Вот такие красивые логотипы получаются: Кстати, я писал уже об этом в предыдущих постах, что я так и не придумал как в логотип добавить палитру цветов, поэтому вместо палитры будет один сплошной случайный цвет (цвета не генерируются, а берутся из набора из 36 отобранных цветов). Панель управления выглядит вот так: Добавил несколько анимаций для кнопок и логотипов...
7 месяцев назад
Я добавил макеты в приложение, теперь здесь 5 макетов, по которым будет генерироваться логотип. Больше я придумать не могу, поэтому в приложении будет 5 макетов. Макеты, в этом приложении, служат для того, чтобы частицы (координаты которых генерируются случайным образом) выводились в таком порядке, который описан в макете. Макеты, которые представлены на картинке, являются стандартом. Частицы, представлены в своей первоначальной форме, при генерации обретают случайную форму, а далее повторяются так, как заявлено в макете. В следствие чего получается красивый узор. Прям как снежинка! На самом сайте попробую добавить какие-нибудь легкие анимации и поработать над мобильной версткой.
7 месяцев назад
Вот так выглядит использование Redux в проекте. Здесь нет ничего... Я старался в проекте не использовать Redux, чтобы сильно не нагружать сайт. По итогу, он мне вообще не пригодился. Придется удалить всю папку /redux и удалить пакеты.
7 месяцев назад
Пришлось немного повозиться с кодом и переписать его. Я кардинально переписывал код примерно 3-4 раза. Сейчас код имеет более чем понятную архитектуру и всё расположено по своим полочкам. Все работает отлично, кроме палитры. Палитры вообще не будет. Будет один сплошной цвет, который будет меняться по нажатию на кнопку. Я думал, что палитра будет красиво ложиться на части логотипа, но на деле это оказалось ужасно, поэтому правильным будет оставить один цвет. Следующая статья будет последняя для FastLogo и я залью проект на гитхаб-страницы!
7 месяцев назад
Создаю свой pet-проект #5 - FastLogo - Построение логотипа
FastLogo теперь может создавать логотипы! Из предыдущей статьи понятно, что есть какие-то частицы, которые просто повторяются и преобразовываются в полноценный, симметричный логотип. Изначально, я хотел сделать так, чтобы было множество полигонов (частиц) и макетов (как частицы будут располагаться в логотипе) для них и они между собой бы просто комбинировались. Но я придумал кое-что получше: полигоны (частицы) будут генерироваться самостоятельно (координаты для них). При этом я буду создавать частицы в Ilustrator и совсем чуть-чуть деформировать их...
7 месяцев назад
Когда мне пришла эта идея, я сразу нарисовал перенес её в пэинт. Получилось сомнительно...
7 месяцев назад
Создаю свой пет-проект #4 - FastLogo - Смена стратегии
Я решил изменить концепцию полностью. Я столкнулся с такой проблемой, что я не могу скачать svg файл с моего сайта АДЕКВАТНО. Логотип, который я только что сделал, то съезжает, то иконка выводится не полностью, то шрифт не сохраняется, в общем выходит криво. Всё таки нужно было делать лого на канвасе. Я решил переделать всё и убрать вообще какие-либо буквы с логотипа. И фон. И вообще всё переделать. Теперь логотип будет собираться в одну иконку из одной или нескольких частиц. Вот например, есть вот...
7 месяцев назад
Я изменил концепцию приложения полностью. FastLogo - сайт, в котором вообще не нужно заморачиваться по поводу логотипа. Одна, две, максимум три кнопки. Теперь логотип будет без текста, без фона и иконки. Вернее это будет одна большая иконка сделана из одной частицы, повторенная несколько раз. Более подробно я распишу в статье (с картинками). Пока что покажу интерфейс сайта:
7 месяцев назад
Сделал пока что такой дефолтный выбор положения. Я думаю потом, когда буду переделывать дизайн, то скорее всего сделаю отдельное окошечко для выбора положения иконки и текста.
7 месяцев назад
Создаю свой пет-проект #3 - Fast Logo: Верстка, выбор элементов, внутренности
Всем привет! В предыдущих статьях я показывал макет сайта, и показывал как я его разукрасил, выглядело это вот так: Я пока-что не стал ничего менять и придумывать. Оставлю это на "потом", и решу с дизайном в следующий раз. Сейчас было бы не плохо сделать уже готовый прототип и я начал верстать по этому макету. Вот что у меня получилось: Из рабочего: я сделал так, что теперь можно выбирать элемент из списка и он будет отображаться на логотипе, собственно как и планировал. Из элементов есть только: квадрат, круг, круглый квадрат(!) и треугольник...
7 месяцев назад
Создаю свой пет-проект #2 - Fast Logo: Стек, принцип работы
Всем привет! Это вторая статья про Fast Logo, если вы не читали прошлую статью, то советую перейти в профиль и посмотреть. В прошлой статье я написал, что я вообще буду разрабатывать. Недавно я понял, что Vite.js очень легкий и удобный сборщик. Я точно буду использовать его для сборки приложения. Vite за одну команду и одну секунду создаст типичный фронтендский шаблон. Я отталкиваюсь от того, насколько много данных я буду использовать и как легче всего будет их автоматизировать. По сути, мне нужно обрабатывать данные об элементах, о самом логотипе и о свойствах логотипа...
7 месяцев назад
#1 - Fast Logo - Начало разработки pet-проекта
Привет мир! В этой статье я попытаюсь рассказать с чего я стартовал для разработки моего пет-проекта. Я хочу наполнить свой GitHub интересными штучками и попрактиковаться в разработке проектов(хоть и небольших). Именно поэтому я создаю этот pet-проект. Напомню, что такое Fast Logo и в чем суть этого проекта. Это страница, на которой пользователь сможет легко и быстро создать свой логотип на быструю руку. Я хочу создать супер-простое веб-приложение, в котором буквально за пару кликов можно скачать готовое простое лого...
7 месяцев назад