Como Manipular Pixels de Forma Rápida?

Subscribers:
21,200
Published on ● Video Link: https://www.youtube.com/watch?v=Og_IBCBzhJU



Duration: 23:44
933 views
87


Neste vídeo eu mostro como manipular pixels de forma rápida. Isso é possível tendo em mãos um array de bytes contendo os pixels. Geralmente todos os frameworks gráficos permitem a manipulação dos pixels diretamente em um array de bytes que contém as informações de cores de todos os pixels. É muito comum existir também um função que pinta um pixel específico, onde se passa a coordenada x e y e a cor. Porém ficar chamando um função para cada pixel torna o código muito lento, uma vez que dependendo da resolução será necessário chamar essa função milhões de vezes para cada frame, 60 frames por segundo. Então um método muito mais rápido é manipular os pixels diretamente em um array de bytes, onde é possível fazer um loop e sair alterando vários pixels de uma vez. Uma função separada para cada pixel é útil quando queremos alterar poucos pixels, mas quando são muitos, o ideal é usar o array de pixels pois fica muito mais rápido. Esse padrão que eu explico no vídeo é muito útil pois aparece constantemente em programação. É muito comum recebermos um array de dados onde cada dado contém outros dados internos. Se temos um array de bytes então temos que saber como acessar os campos individuais de cada dado dentro deste array de bytes. Esse é o conceito mais importante deste vídeo.

#pixels #programação #array







Tags:
pixels
como manipular pixels
javascript pixels
p5js pixels
como manipular pixels com p5.js
p5.js
javascript
array de pixels
acessar dados em array
alterar pixels
como desenhar pixels no canvas
pixel canvas
como alterar pixels de forma rápida
desenhar com pixels
curso de javascript
curso de javascript com p5.js
p5js
pixels em array
rgba
formato de pixels rgba
pixels no browser
pixels no html canvas
pixels jogos