Специальная раскраска сетки WebGL с использованием шейдеров

-1

У меня есть сетка с прямоугольными ячейками 1000 x 1000 с разным цветом для каждой ячейки. Я обновляю цвета время от времени. Размер строк и столбцов меняется с константой. Я читаю цвета для ячеек с изображения. Я рисую сетку с помощью одного вызова. Производительность не очень хорошая.Специальная раскраска сетки WebGL с использованием шейдеров

Возможно ли вычислить местоположения вершин (x, y) и получить цвета из текстуры с использованием шейдеров?

Есть ли демо-код или пример кода с аналогичными операциями?

источник

2014-09-07 JasonB

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

Я новичок в WebGL. Я искал Google для этого, но не смог найти ответ. Мне нравится знать, возможно ли это с помощью шейдеров. У меня нет кода, использующего шейдеры. Мне просто нужен указатель на образец демо или код. Я ценю советника. – JasonB

Вам действительно нужны вершины для каждого прямоугольника? Не могли бы вы просто загрузить исходное изображение в текстуру, нарисовать один квад и пробовать цвета из текстуры? –

В шейдере можно сделать.

Основываясь на х (г) положения каждой вершины, пропорционально всего размер сетки, можно рассчитать UV координат на текстурах, из которой вам нужно принести цвет оттенок примитива.

Хотя, 1M прямоугольники, вероятно, не такая отличная идея.

Вы считаете instancing прямоугольники для улучшения перфорации?

Вы думаете о том, чтобы делать это с помощью частиц?

Вот некоторые ссылки, которые могут привести вас к некоторым, лучшее решение:

источник

2014-09-07 20:57:26

Специальная раскраска сетки WebGL с использованием шейдеров

ответ

Смежные вопросы