Разрабатываем игру на SVG + React. Часть 1

[kozyabka]

Ужасть сколько сложностей чтобы сделать такую элементарную вещь. На флеше такие игрушки запиливали за два часа еще 8(!!!) лет назад. Бедные, современные веб-геймдевы.

[maxfarseer]

Это хорошо, что вы застали те времена. Но тут думаю больше речь про то, как научиться работать с описанным стэком в занимательной форме.

[AxisPod]

Ну по факту можно взять и готовые инструменты, да запилить без проблем. Учитывая, что ныне есть WebGL, который позволяет куда больше чем Flash.

[kozyabka]

Не холивара ради, но что именно он позволяет куда больше? Несколько примеров, если можно.

[KeySVG]

Флэш все таки умер. И причины кончины были естественны. А представленная задачка для обучающих целей джунов, опытный девелопер понимающий и в svg, и в js запилит задачу за несколько минут. Флэш тоже надо было изучить сначала, что бы потом за несколько минут сделать в нем хоть что то.

[tehSLy]

Ееее, реконсил vDOM'a каждые 10 мс, а потом люди говорят, что реакт лагучий (можно было по requestAnimationFrame хотя бы сделать, а еще лучше по событию движения мыши с троттлингом до 60 раз в секунду). Перевод неплох, но сама статья ни о чем. Вообще непонятно, зачем для такой задачи было прикручивать реакт/редакс, это из серии «вот так, буханку хлеба можно превратить в троллейбус». Для новичков много непонятных моментов, для неновичков — ничего нового, да и в целом, код написан так себе (анонимные функции в рендере, не чистятся ресурсы после анмаунта, ...)

[maxfarseer]

Поддерживаю ваши замечания, кроме «буханки». Как я уже упоминал — кому-то хочется погрузиться в технологии в таком стиле (порисовать, быстро увидеть результат и заодно сказать себе: ого, тут и «реакт» и «редакс»). Думаю автор преследовал следующие цели:
— заинтересовать новичков (и объяснил им как смог)
— написать статью, которая будет отличаться от других статей про изучение react/redux

[tehSLy]

У автора получилось, однако, далеко не в положительном смысле. «Как с мог» к сожалению, тянет на 3-, статья отличается тем, что тул стек реакт/редакс решает совершенно не те задачи. Состояние игры никак не относится к состоянию приложения. Механика и стейт игры должен быть инкапсулирован внутрь самого компонента игры, итп.
Реакт про интерфейс и реакции на взаимодействие с ним. Тут же просчет физики и всякого такого за игровой тик, что вообще не про реакт.
Так что, пока что это остается буханкой троллейбусом, где "ого, и реакт и редакс"
#nooffense

[golovin_stan]

Маленькие игрульки как раз и хороши тем, что представляют собой понятно законченное тз с критерием оценки результата. Идеально подходят для набивания руки и проверки себя как программиста. Недовольные могут поискать реализацию DOOM на excell.