Как мы разрабатывали браузерную игру: взгляд со стороны frontend-архитектора

[gmtd]

Stylus, pug, Vue 2, Vuetify 2, Nuxt 2, Vuex...

Вы удачно выбрали технологии, большая часть которых сейчас или умерла или деприкейтед или не рекомендуется

В каком году писали?

[little-brother]

Должно быть 1,5 года назад.

[gmtd]

1.5 года назад уже точно был и Vue 3, и Pinia, и Stylus не рекомендовали использовать, выявились проблемы с апгрейдом у Vuetify 2 и Nuxt 2 (в отличие от конкурентов Vuetify)

[ArchitectSimbirSoft]

Это приложение разрабатывали 2 года назад. На тот момент сочетание указанных технологий было вполне обосновано. К тому же существовали внешние ограничения по выбору инструментов, о которых говориться в разделе 3 данной статьи

[ArchitectSimbirSoft]

Препроцессоры позволяют более эффективно использовать возможности HTML/CSS и писать меньше кода. Прямой связи с анимационными фреймворками в данном случае нет. Относительно использования WebGL или аналогичных платформ - ограничения не позволяли нам использовать такого рода инструменты. Это было известно до начала разработки и поэтому воспринималось как архитектурное ограничение.

[bromzh]

писать меньше кода

emmet/сниппеты тоже позволяют писать меньше кода, но зато без вендор-лока и с известным большинству синтаксисом

[ArchitectSimbirSoft]

Конечно использование плагинов для IDE редактора тоже можно использовать для сокращения объема кода, но достаточно посмотреть на популярность emmet по сравнению с тем же pug и все станет понятно - https://npmtrends.com/emmet-vs-pug

[gmtd]

Что-то вы не то смотрите. Сниппеты есть сейчас практически в каждом редакторе, а паг - на большого любителя

[little-brother]

Что в итоге то получилось - где ссылка? :)

По ходу статьи указывается на номера строк кода - их предполагается высчитывать вручную?

[ArchitectSimbirSoft]

Проект под NDA, поэтому финальной версией поделиться не можем.

Строк кода действительно не хватало, сейчас добавили)