Креативный код без магии: как графика прокачивает перформанс и мышление

Многие разработчики хотят делать что-то визуально интересное, но останавливаются, так как графика, игры и анимации кажутся слишком сложными, долгими и непрактичными.

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

Мы разберем одну намеренно сломанную сцену на Three.js, спрофилируем ее в DevTools и разложим кадр на бюджет времени.

На демо покажу типичные источники лагов и как шаг за шагом чинить их с помощью adaptive quality, оптимизации рендера и апдейт-цикла.

Отдельное внимание уделим мышлению «кадром» и тому, почему графика — отличный тренажер для понимания перформанса.

Также кратко посмотрим на Phaser и разберем, как через него проще понять основы интерактива и апдейтов, которые легко переносятся во frontend-проекты.

Доклад будет полезен фронтендерам уровня junior — middle, которые хотят делать более интересные проекты, лучше понимать производительность и вернуть удовольствие от разработки.