Как бы я сделал тепловую карту в pygame на сетке

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

Сетка создается с помощью:

grid = []
for y in range(grid_size):
    row = []
    for x in range(grid_size):
        row.append([x * (grid_width + grid_margin) + distance_from_left, y * (grid_height + grid_margin) + distance_from_top, white])
    grid.append(row)

сетка рисуется с помощью:

for row in grid:
        for x, y, colour in row:
            pygame.draw.rect(screen, colour, (x, y, grid_width, grid_height))

У меня также есть функция, которая обрабатывает все дочерние узлы каждого узла в сетке (все узлы, окружающие его (вверху, внизу, по бокам и по диагонали), и я чувствую, что это может быть полезно при определении расстояния от выбранного узла.

Вы должны предоставить больше кода. Как рисовать сетку?

Rabbid76 10.04.2019 18:47

Вы можете сделать это с помощью линейной интерполяции, либо написать свою собственную, либо найти функцию в pygame, которая это сделает.

Code-Apprentice 10.04.2019 18:53
Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
2
2
343
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Цвет состоит из 3-х цветовых каналов (reg, green, blue). См. Цветовая модель RGB. В этом контексте цвет — это не что иное, как набор из 3 значений в диапазоне [0, 255].

Темно-синий цвет, например. (0, 0, 63) и голубой цвет (127, 191, 255).

Вы должны интерполировать между этими двумя значениями. Вычислите коэффициент в диапазоне [0,0, 1,0], который представляет оттенок цвета. Используйте коэффициент для интерполяции цветовых каналов:

например f является коэффициентом [0,0, 1,0]

blue = 63 + 192 * f # interpolate between 63 and 255 dependent of f

Расстояние до точки между 2 можно рассчитать с помощью pygame.math.Vector2. distance_to():

например

pos = (x, y)
gx = (x + 0.5) * grid_size
gy = (y + 0.5) * grid_size
distance = pygame.math.Vector2(pos).distance_to((gx, gy))

например Установите светло-голубой цвет рядом с позицией pos и темно-синий цвет вдали от позиции:

pos = # (x, y) position

grid = []
for y in range(grid_size):
    row = []
    for x in range(grid_size):

        gx = x * (grid_width + grid_margin) + distance_from_left
        gy = y * (grid_height + grid_margin) + distance_from_top
        distance = pygame.math.Vector2(pos).distance_to((gx + grid_width/2, gy + grid_height/2))
        maxLen = grid_size * (grid_height + grid_margin)

        f = max(0, 1 - distance / maxLen)
        color = (127 * f, 191 * f, 63 + 192 * f)

        row.append([gx, gy, color])
    grid.append(row)


В приведенном выше решении предполагается, что pos — это координата окна в пикселях.

Если pos является координатой «сетки», это означает, что pos определяет положение в сетке, тогда решение еще проще:

pos = # (x, y) position

grid = []
for y in range(grid_size):
    row = []
    for x in range(grid_size):

        distance = pygame.math.Vector2(pos).distance_to((x, y))

        f = max(0, 1 - distance / grid_size)
        color = (127 * f, 191 * f, 63 + 192 * f)

        gx = x * (grid_width + grid_margin) + distance_from_left
        gy = y * (grid_height + grid_margin) + distance_from_top
        row.append([gx, gy, color])

    grid.append(row)

Еще раз спасибо за помощь Rabbid76

JJH562 10.04.2019 22:12

Кажется, я не могу изменить, где начинается изменение цвета - оно всегда начинается в верхнем левом углу, независимо от того, какие значения x и y я ввел

JJH562 10.04.2019 22:44

@ JJH562 pos должна быть координатой окна (пикселем). Если вы хотите использовать координаты сетки, то это должно быть distance = pygame.math.Vector2(pos).distance_to(x, y)f = max(0, 1 - distance / grid_size)

Rabbid76 10.04.2019 22:46

Еще раз спасибо, как обычно, отличная помощь :)

JJH562 10.04.2019 22:54

Другие вопросы по теме