Про рендер. Передохнём пока от видео-отчётов и разберём, как устроена «магия» картинки в Blue Signal. Архитектура рендеринга здесь двухслойная и несколько нетривиальная. Она сочетает ретро-подход с современными шейдерами.. Вот основные этапы того, как один кадр попадает на экран:. 1. Буфер отрисовки (Low-Res мир). Сначала вся игра рисуется в «невидимый» холст (bufferCanvas) низкого разрешения ( сейчас 420x300 пикселей).. 2. Слой Subscene (Модальный рендер). Если активирована подсцена (крупный план):. 3. CRT-фильтр (WebGL-магия) — Самый важный этап. Когда 420x300 пикселей готовы, они передаются в CRT Filter. Это уже не обычный 2D-холст, аWebGL, который работает на видеокарте. Он берет маленькую картинку и растягивает её на весь экран браузера, применяя цепочку эффектов:. 4. UI-оверлей (React + 2D Canvas). Поверх всего этого (уже после фильтров) накладывается финальный холст uiCanvas.. Итого: Вы играете в виртуальный маленький экранчик старого компа, которую мощный шейдер...