Использование кнопок для изменения цвета в WebGL

Question

Я пытаюсь создать кнопку HTML, которая при нажатии изменяет цвет моего простого треугольного объекта в webgl. У меня есть кнопка, настроенная таким образом, что при нажатии назначается новый vec4, назначенный на зеленый, синий или красный, а затем снова отправляет эти данные в буфер, но я делаю что-то очень не так, поскольку цвет не изменяется. любые указатели? Это домашнее задание, поэтому я не хочу полных ответов, просто указал в следующем направлении.

Answer 1

В принципе есть три подхода к этому.

1. Обновления данные VertexBuffer и изменить атрибут цвета, хранящийся на вершинах, а затем установить новые данные путем связывания буфера и с использованием bufferData для обновления буфера на стороне GPU.

2. Используйте форму в вашем шейдере фрагмента и установите цвет, используя форму.

3. Имейте текстуру одного пикселя и используйте это в своем шейдере фрагмента, обновите цвет в текстуре и используйте texImage2D, чтобы обновить текстуру на стороне gpu.

Я предполагаю, что вы просто забыли позвонить bufferData синхронизировать обновленный буфер вершин в ОГПУ.