демо-рил · графика без единого ассета
Каждый экран ниже рисуется в реальном времени кодом: ни одного спрайта, текстуры или готовой модели — только формы, шум, свет и математика. Это честная граница подхода — всё, что здесь есть, мы собираем с нуля; всё, чего здесь нет, требует художника.
canvas 2d · additive
Свечение здесь не фильтр и не картинка: каждая линия рисуется трижды — широко и тускло, затем узко и ярко. Кадр не стирается, а притапливается полупрозрачной заливкой, отсюда шлейфы.
webgl · fragment shader
Программа на GLSL, которая для каждого пикселя решает свою задачу на видеокарте. Рельеф воды — многослойный шум, искажённый сам собой (domain warping), блики — синус по его высоте.
canvas 2d · layers
Пять слоёв гор из одномерного шума, каждый со своей скоростью. Небо — интерполяция между четырьмя палитрами суток; полный круг рассвет → ночь проходит за девяносто секунд.
canvas 2d · software 3d
Икосаэдр, поделённый дважды, с высотами из трёхмерного шума. Проекция, отсечение изнанки, сортировка по глубине и плоское затенение по нормали грани — весь конвейер написан руками, без 3D-движка.
кликните по кадру
canvas 2d · game feel
То, что отличает магазинную игру от поделки, и это не красота, а отдача: сжатие цели перед ударом, тряска кадра, кольцо волны, искры с гравитацией и трением, вспышка на два кадра. Всего шесть приёмов.
canvas 2d · path
Самый сильный аргумент витрины — самый скромный кадр. Круг, квадрат, треугольник, четыре толстые линии под углами 45°. Игра, собранная целиком из обводок и заливок, продалась миллионными тиражами.
Шесть сцен, один общий цикл кадров, рендер только видимых экранов. Внешних файлов на странице нет — кроме трёх шрифтов.