CRT Snake

Или играйте здесь.

Игра в змею с CRT-фильтром, который я создал с помощью необработанного JavaScript. Это было весело и заняло у меня, может быть, день. Надеюсь, вам понравится и вы сможете вдохновиться!

Сам CRT просто вызывается из функции, которая принимает ширину, высоту в пикселях, интервал x, интервал y и значения освещения по умолчанию в указанном порядке. Система просматривает каждый пиксель на экране и устанавливает альфа-канал на 0, чтобы сделать все полностью прозрачным.

Далее система просматривает каждый пиксель с интервалом y и x и добавляет его в важный массив пикселей. Этот массив используется в следующей функции, которая циклически перебирает строку и столбец пикселей и форматирует важные данные пикселей в структуре пикселей ЭЛТ. Это означает, что значения красного, зеленого и синего каждого важного пикселя извлекаются и распределяются по ширине, высоте и местоположению, определяемому расположением важного пикселя. Обратите внимание, что этот шаг также изменяет альфа-канал каждого редактируемого пикселя на 255.

Затем CRT просматривает каждый пиксель со значением альфа, равным 0 (пиксели, которые не были отредактированы), и устанавливает значения цвета для красного, зеленого и синего в 0, делая неважные пиксели черными.

Всю эту функцию можно вызывать когда угодно — даже несколько раз за кадр и с разными настройками (крутые эффекты). Это делает его очень разнообразным.