- PVSM.RU - https://www.pvsm.ru -

Демосцена на релейном компьютере

Какой компьютер без демосцены? Обратимся к классике [1] от @Manwe_SandS [2] @frog [3]:

До моего визита на Assembly'99 я каждый pаз удивлялся pезультатам голосования на заpубежных demo party. Мне было непонятно, как столько людей могут отдавать голоса за pаботы состоящие из тупой (я пpошу пpощения, но это именно так) последовательности эффектов - плазмы, туннеля, огня, вpащающегося куба (тоpа) и пpочих подобных вещей, не объединенных никаким сюжетом, не несущими никакой идеи.

То что нужно! Возьмём первый попавшийся релейный компьютер [4] и понаделаем эффектов.

Движущаяся синусоида

Демосцена на релейном компьютере - 1

Всякие движущиеся кривые встечаются в каждом втором демо. Часто их форма меняется, иногда по кривой бегают буквы. Множество красочных вариантов.

Но функцию синуса не так-то просто посчитать [5]. На восьмибитных машинах быстро рисовать и перерисовывать синусоиду не получится - программе на Spectrum-Бейсике на одну кривую нужно секунд 15:

Демосцена на релейном компьютере - 2

Даже если оптимизировать вывод на экран и расчёты, всё равно будет слишком медленно для демо. Но выход есть - это использование таблицы заранее посчитанных значений синуса.

Демосцена на релейном компьютере - 3

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

Для первого способа даже есть готовые генераторы [6], дающие примерно такой результат:

// Formula: sin(2*pi*t/T) 
const int16_t lut[1024] = {
     0,   201,   402,   603,   804,  1005,  1206,
  1407,  1608,  1809,  2009,  2210,  2410,  2611,
  2811,  3012,  3212,  3412,  3612,  3811,  4011,
  4210,  4410,  4609,  4808,  5007,  5205,  5404,
  ...
}

Вторая часть, которая требует особенного подхода, это рисование синусоиды на экране. Ведь чтобы она двигалась, нужно постоянно обновлять картинку, а пикселей на экране много. Но положение всех точек каждый раз пересчитывать не требуется. Например, если мы хотим устроить скроллинг, то можно просто копировать цвета пикселей справа налево, а заново вычислять лишь самый правый столбец изображения. Скроллинг экрана настолько часто используется (например, в играх), что, к примеру, у Commodore C64 и NES для этого была аппаратная поддержка.

Вот и первый фрагмент нашего релейного демо:

Огонь

Огонь - это эффект, который сделать не очень сложно, а смотрится он красиво.

Демосцена на релейном компьютере - 4

Алгоритм генерации похож на работу клеточного автомата: цвета каждого следующего "поколения" пикселей вычисляются на основе цветов предыдущего поколения. Начинает гореть огонь конечно снизу: последний ряд пикселей заполняется случайными значениями. Величина, которую хранит пиксель, может обозначать яркость или цвет - от чёрного через красный, оранжевый, жёлтый к белому.

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

Например, так появляющиеся внизу случайные точки будут подниматься вверх:

color[x][y] = color[x][y + 1]

Вот так они будут ещё и затухать:

color[x][y] = color[x][y + 1] ? color[x][y + 1] - 1 : 0

Вот так затухать на случайную величину:

int dec = rand() & 3;
int c = color[x][y + 1];
c -= c >= dec ? dec : c;
color[x][y] = c;

Ну и осталось использовать значения пикселей справа и слева, чтобы пламя не просто поднималось вверх, но и немного колебалось:

int dec = rand() & 3;
int c = color[x][y + 1] * 3 + color[x - 1][y + 1] + color[x + 1][y + 1];
c /= 5;
c -= c >= dec ? dec : c;
color[x][y] = c;

Если теперь применить все эти знания, то получим вот такой результат:

Бегущая строка

Бегущая строка символов встречалась во многих демках. И не всегда это были ровные буквы, как в выпуске новостей по телевизору.

Демосцена на релейном компьютере - 5

Иногда они двигались волнообразно

Демосцена на релейном компьютере - 6

иногда по какой-то сложной трёхмерной поверхности

Демосцена на релейном компьютере - 7

Встречались и несколько бегущих строк одновременно.

Традиционно в бегущей строке передавали приветы друзьям и знакомым. Но так как мы на хабре, то выведем традиционное "Hello, Habr!".

3D-лабиринт

Многие спрашивают, можно ли на релейном компьютере запустить Doom. Конечно можно! Даже на ZX-81 был 3D Monster Maze, а релейный компьютер поновее будет.

3D Monster Maze из 1982 года

3D Monster Maze из 1982 года

В демках трёхмерные лабиринты тоже встречались:

Демосцена на релейном компьютере - 9

Для представления координат точек в трёхмерном пространстче обычно используются черырёхмерные вектора [7] (x, y, z, 1). Тогда многие преобразования (поворот, сдвиг, ...) можно представить с помощью умножения этого вектора на матрицу:

Демосцена на релейном компьютере - 10

Современные процессоры даже включают в себя набор инструкций для ускорения таких расчётов.

Демосцена на релейном компьютере - 11

Но так как такие инструкции были созданы, чтобы сводить программистов с ума, в релейном компьютере их нет. Только просты арифметические и логические команды, только хардкор. Кармак же написал Doom безо всяких MMX, значит и мы справимся:

Вот и всё, ребята

Вроде получилось отличное демо. Ещё и релюхами щёлкает, не то что Second Reality [8] с этими вашими микросхемами.

Страница проекта релейного компьютера: https://dovgalyuk.github.io/Relay/ [9]

Эмулятор компьютера: https://github.com/ttxine/RelayEmulator [10]

Автор: Павел Довгалюк

Источник [11]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/nenormal-noe-programmirovanie/383795

Ссылки в тексте:

[1] классике: http://zxpress.ru/article.php?id=3806

[2] @Manwe_SandS: https://www.pvsm.ru/users/manwe_sands

[3] @frog: https://www.pvsm.ru/users/frog

[4] релейный компьютер: https://habr.com/ru/post/421491/

[5] не так-то просто посчитать: https://habr.com/ru/company/ruvds/blog/584460/

[6] генераторы: https://ppelikan.github.io/drlut/

[7] черырёхмерные вектора: https://learn.microsoft.com/ru-ru/archive/msdn-magazine/2014/april/directx-factor-3d-transforms-on-2d-bitmaps

[8] Second Reality: https://www.youtube.com/watch?v=iw17c70uJes

[9] https://dovgalyuk.github.io/Relay/: https://dovgalyuk.github.io/Relay/

[10] https://github.com/ttxine/RelayEmulator: https://github.com/ttxine/RelayEmulator

[11] Источник: https://habr.com/ru/post/720886/?utm_source=habrahabr&utm_medium=rss&utm_campaign=720886