The Fluffies: версия Dragon Fruit

+43
в блоге IT Pony!


Привет! Пришло время новому обновлению которое принесло множество улучшений, до него было еще обновление Carrot, не имевшее больших изменений и будет обо всех нововведениях рассказано тут.

Среди которых: оптимизация, локализация, поддержка телефонов, новый интерфейс, дополнение редактора и изменение графики.



Для чего был создан сайт?
Для своей вариации редакторов в основе которого лежит технология «интерполяции». (для почти любого ракурса и анимаций)
Редактор является идеей применения особых технологий и осуществления анимаций в 2D!
Сама анимация появиться в ближайшее время из-за обновлений для этого и его сложности.

Почему название «fluffies» а не «ponies»?
Из-за того что редактор будет поддерживать несколько рас из вселенной MLP: FIM и возможно существ из фурри фендома. (в основном нацелено на существ наделенных шерстью)



Нововведения и изменения
  • Добавились новые прически и изменились существующие (10 вариаций на данный момент).
  • Добавлен рог и вариант для «перевертышей».
  • Появились зебриные полосы для создания зебр и т.д.
  • Изменилось редактирование пирсинга, теперь это только кольца и их количество ради оптимизации.
  • Добавлено 3 вида очков.
  • Так же немного было изменено редактирование глаз.
  • И конечно изменение цвета всего этого. (даже заднего фона)
  • Само количество разделов для редактирования выросло до 10 вариантов!

Передние копыта!
Это личное достижение меня (разработчика) созданием сложной механики в коротком промежутке времени (5 дней)
Совет: начините подымать копыта от плеча до кисти, так вы не получите сильный артефакт при использовании.

Используйте на свой страх и риск!

Новый интерфейс
Моим решением было переписать интерфейс в стиле «material design».
Текст для гиковОснован на css фреймворке Vuetify, нагрузки почти не прибавилось на результатом стал доволен :D

Локализация
Благодаря измененному интерфейсу стала возможность добавления легко и просто несколько языков, на данный момент это языки Русский и Английский.

Поддержка телефонов и tablet устройств
За счет оптимизации и нового интерфейса стала возможность ценою качества использовать редактор, и на телефоне. (интерфейс неудобен на данный момент и перекрывает вид!)

Оптимизация и изменённая графика
Много времени ушло на исправление неисправностей скорости сайта, из которых медленная отрисовка и долгое взаимодействие с интерфейсом.
Текст для гиковРешением было рисовать вектор прямо в canvas минуя проблемы скорости от множества изменений в svg.
А так же переписал код контроля интерфейса.


Потраченное время: примерно полтора месяца.

Поисковое оптимизация и продвижение вебсайта (SEO)
В данном направлении тоже проект развился и позволив находить сайт в поисковой строке при набирании: «The Fluffies».
В будущих планах имеется идея дальнейшей оптимизации с поддержкой оффлайн режима.
Текст для гиковРейтинг аудита Lighthouse: 70-80 из 100.
Рейтинг других сервисов: 8/10 или В+/А-




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

Большая благодарность за использование проекта и за содействие в развитии!

7 комментариев

За ссылкой на сайт пришлось отправиться в гугл…
Он первый или второй в поиске но можно и так: The Fluffies
У меня там какие-то бородачи вначале
И даже если бы и был на первой, это не значит что не надо давать ссылку в статье. Это еще одно действие, которое мало кто будет делать.
При выборе сохранения как jpeg сохраняется png файл переименованный в jpeg.
Вернуться к ранее сделанной поняше нельзя? Не хватает функции замены фона.
Увы для меня на основной системе сайт не работает. Похоже дело в том что все установленные у меня браузеры довольно старые.

Скриншоты


P.S. Да похоже дело именно в старом браузере. Проверил на последней версии PaleMoon все работает.
PaleMoon 28.7 Realise notesv28.7.0 (2019-08-29)
This is a major development update involving a partial JavaScript engine overhaul and improvement, implementing several website-impacting changes. It should be noted that these changes follow some revisions of specifications (also adopted by mainstream browsers) that are not necessarily backwards compatible for web content as some scripting behavior has changed. If you are targeting Pale Moon specifically (e.g. through ua sniffing) please check and verify the behavior is still as expected.

Changes/fixes:

Landed a large JavaScript parser tune-up, which as a targeted goal brings our ES6 stringification fully in line with the ES2018 revision for classes, and implements rest/spread parameters for object literals. (Cheers to Luke!)
...
Либо я тупой и не нашёл, либо я просто не знаю где зменить цвет.
Таке… А как сделать из маскота своего ОС?
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.