PT Eu notei que alguns desenvolvedores do OpenGL têm problemas com a forma como o WebGL trata alfa no backbuffer (ou seja, a tela), então pensei que poderia ser bom analisar algumas das diferenças entre o WebGL e OpenGL relacionado ao alfa.
PT Eu notei que alguns desenvolvedores do OpenGL têm problemas com a forma como o WebGL trata alfa no backbuffer (ou seja, a tela), então pensei que poderia ser bom analisar algumas das diferenças entre o WebGL e OpenGL relacionado ao alfa.
EN I've noticed some OpenGL developers having issues with how WebGL treats alpha in the backbuffer (ie, the canvas), so I thought it might be good to go over some of the differences between WebGL and OpenGL related to alpha.
Portúgalska | Enska |
---|---|
desenvolvedores | developers |
alfa | alpha |
tela | canvas |
pensei | i thought |
bom | good |
diferenças | differences |
relacionado | related |
webgl | webgl |
PT Isso significa que quando você os transfere para o WebGL e UNPACK_PREMULTIPLY_ALPHA_WEBGL é falso, o WebGL irá convertê-lo de novo para não premultipilado.
EN That means when you transfer them to WebGL and UNPACK_PREMULTIPLY_ALPHA_WEBGL is false WebGL will convert them back to un-premultipiled.
Portúgalska | Enska |
---|---|
falso | false |
webgl | webgl |
PT Eu notei que alguns desenvolvedores do OpenGL têm problemas com a forma como o WebGL trata alfa no backbuffer (ou seja, a tela), então pensei que poderia ser bom analisar algumas das diferenças entre o WebGL e OpenGL relacionado ao alfa.
EN I've noticed some OpenGL developers having issues with how WebGL treats alpha in the backbuffer (ie, the canvas), so I thought it might be good to go over some of the differences between WebGL and OpenGL related to alpha.
Portúgalska | Enska |
---|---|
desenvolvedores | developers |
alfa | alpha |
tela | canvas |
pensei | i thought |
bom | good |
diferenças | differences |
relacionado | related |
webgl | webgl |
PT Isso significa que quando você os transfere para o WebGL e UNPACK_PREMULTIPLY_ALPHA_WEBGL é falso, o WebGL irá convertê-lo de novo para não premultipilado.
EN That means when you transfer them to WebGL and UNPACK_PREMULTIPLY_ALPHA_WEBGL is false WebGL will convert them back to un-premultipiled.
Portúgalska | Enska |
---|---|
falso | false |
webgl | webgl |
PT Eu notei que alguns desenvolvedores do OpenGL têm problemas com a forma como o WebGL trata alfa no backbuffer (ou seja, a tela), então pensei que poderia ser bom analisar algumas das diferenças entre o WebGL e OpenGL relacionado ao alfa.
EN I've noticed some OpenGL developers having issues with how WebGL treats alpha in the backbuffer (ie, the canvas), so I thought it might be good to go over some of the differences between WebGL and OpenGL related to alpha.
Portúgalska | Enska |
---|---|
desenvolvedores | developers |
alfa | alpha |
tela | canvas |
pensei | i thought |
bom | good |
diferenças | differences |
relacionado | related |
webgl | webgl |
PT Isso significa que quando você os transfere para o WebGL e UNPACK_PREMULTIPLY_ALPHA_WEBGL é falso, o WebGL irá convertê-lo de novo para não premultipilado.
EN That means when you transfer them to WebGL and UNPACK_PREMULTIPLY_ALPHA_WEBGL is false WebGL will convert them back to un-premultipiled.
Portúgalska | Enska |
---|---|
falso | false |
webgl | webgl |
PT O mecanismo web do Flutter oferece a escolha entre dois renderizadores: um renderizador HTML, que usa HTML, CSS, Canvas e SVG, e um renderizador CanvasKit que usa WebAssembly e WebGL para renderizar comandos do Skia na tela do navegador
EN Flutter’s web engine offers a choice of two renderers: an HTML renderer, which uses HTML, CSS, Canvas and SVG, and a CanvasKit renderer that uses WebAssembly and WebGL to render Skia paint commands to the browser canvas
Portúgalska | Enska |
---|---|
mecanismo | engine |
oferece | offers |
html | html |
usa | uses |
css | css |
svg | svg |
renderizar | render |
comandos | commands |
webgl | webgl |
PT Eles são totalmente novos, descartando as antigas idéias desatualizadas e trazendo você para uma compreensão completa do que o WebGL realmente é e como ele realmente funciona.
EN They are entirely new, discarding the old out of date ideas and bringing you to a full understanding of what WebGL really is and how it really works.
Portúgalska | Enska |
---|---|
novos | new |
antigas | old |
trazendo | bringing |
compreensão | understanding |
funciona | works |
webgl | webgl |
PT Esta publicação é uma continuação de uma série de postagens sobre o WebGL. O primeiro começou com os fundamentos e o anterior foi sobre a geometria rotativa.
EN This post is a continuation of a series of posts about WebGL. The first started with fundamentals and the previous was about rotating geometry.
Portúgalska | Enska |
---|---|
continuação | continuation |
série | series |
começou | started |
fundamentos | fundamentals |
geometria | geometry |
webgl | webgl |
PT Este artigo é uma continuação de WebGL - Processamento de imagens. Se você ainda não leu, eu sugiro que você começe lá.
EN This article is a continuation of WebGL Image Processing. If you haven't read that I suggest you start there.
Portúgalska | Enska |
---|---|
continuação | continuation |
processamento | processing |
imagens | image |
leu | read |
webgl | webgl |
PT Esta não é realmente uma coisa de WebGL, é uma coisa de JavaScript HTML5, mas nós também podemos abordar isso
EN This is not really a WebGL thing, it's a HTML5 JavaScript thing, but we might as well tackle it
Portúgalska | Enska |
---|---|
realmente | really |
uma | a |
coisa | thing |
javascript | javascript |
webgl | webgl |
s | s |
PT O WebGL tem algo chamado "unidades de textura". Você pode pensar nisso como uma série de referências para texturas. Você diz ao sombreador qual unidade de textura para usar para cada amostra.
EN WebGL has something called "texture units". You can think of it as an array of references to textures. You tell the shader which texture unit to use for each sampler.
Portúgalska | Enska |
---|---|
chamado | called |
textura | texture |
série | array |
referências | references |
texturas | textures |
diz | tell |
webgl | webgl |
PT E se você deveria implementar o WebGL em JavaScript, seria algo parecido com esta
EN If you were to implement WebGL in JavaScript it would look something like this
Portúgalska | Enska |
---|---|
você | you |
em | in |
javascript | javascript |
algo | something |
webgl | webgl |
PT Espero que este pequeno passo ajuda a explicar como usar múltiplas texturas em uma única chamada de desenho no WebGL
EN Hopefully this small step helps explain how to use multiple textures in a single draw call in WebGL
Portúgalska | Enska |
---|---|
pequeno | small |
passo | step |
ajuda | helps |
explicar | explain |
texturas | textures |
chamada | call |
webgl | webgl |
PT Este artigo é uma continuação de artigos anteriores do WebGL sobre desenho de texto. Se você não os leu, sugiro que você comece lá e trabalhe de volta.
EN This article is a continuation of previous WebGL articles about drawing text. If you haven't read them I suggest you start there and work your way back.
Portúgalska | Enska |
---|---|
continuação | continuation |
desenho | drawing |
texto | text |
leu | read |
comece | start |
trabalhe | work |
webgl | webgl |
PT Ao desenhar, assim como o WebGL, precisamos limpar a tela 2D em cada quadro.
EN When drawing, just like WebGL, we need to clear the 2D canvas each frame.
Portúgalska | Enska |
---|---|
desenhar | drawing |
precisamos | we need |
tela | canvas |
quadro | frame |
webgl | webgl |
PT Eu acho que cobre o uso do Canvas 2D. Confira a API Canvas 2D para obter mais ideias. Em seguida, iremos renderizar texto no WebGL.
EN I think that covers using Canvas 2D. Check out the Canvas 2D API for more ideas. Next we'll actually render text in WebGL.
Portúgalska | Enska |
---|---|
acho | think |
cobre | covers |
canvas | canvas |
ideias | ideas |
renderizar | render |
texto | text |
webgl | webgl |
PT A maior diferença entre o OpenGL eo WebGL é que o OpenGL torna um backbuffer que não está composto com nada, ou efetivamente não está composta de nada pela janela do sistema operacional gerente, então não importa o que é o seu alfa.
EN The biggest difference between OpenGL and WebGL is that OpenGL renders to a backbuffer that is not composited with anything, or effectively not composited with anything by the OS's window manager, so it doesn't matter what your alpha is.
Portúgalska | Enska |
---|---|
diferença | difference |
ou | or |
efetivamente | effectively |
janela | window |
sistema | os |
gerente | manager |
alfa | alpha |
webgl | webgl |
PT O WebGL tem várias maneiras de tornar isso mais parecido com o OpenGL.
EN WebGL has several ways to make this more like OpenGL.
Portúgalska | Enska |
---|---|
webgl | webgl |
PT #1) Diga ao WebGL que você deseja que ele seja composto com alfa não premultiplicado
EN #1) Tell WebGL you want it composited with non-premultiplied alpha
Portúgalska | Enska |
---|---|
diga | tell |
deseja | want |
alfa | alpha |
webgl | webgl |
PT #2) Diga ao WebGL que você não quer alfa no backbuffer
EN #2) Tell WebGL you don't want alpha in the backbuffer
Portúgalska | Enska |
---|---|
diga | tell |
alfa | alpha |
webgl | webgl |
PT Esta é provavelmente a melhor opção porque um bom navegador pode ver que você não tem alfa e realmente otimiza a forma como o WebGL é composto
EN This is probably the best option because a good browser could see that you have no alpha and actually optimize the way WebGL is composited
Portúgalska | Enska |
---|---|
opção | option |
um | a |
navegador | browser |
alfa | alpha |
realmente | actually |
forma | way |
webgl | webgl |
PT Meu padrão se você estiver carregando imagens com alfa no WebGL
EN My default if you are loading images with alpha into WebGL
Portúgalska | Enska |
---|---|
padrão | default |
se | if |
carregando | loading |
imagens | images |
alfa | alpha |
webgl | webgl |
PT O WebGL fornecerá os valores como estão no arquivo PNG com valores de cor não premultiplicados
EN WebGL will provide the values as they are in the PNG file with color values not premultiplied
Portúgalska | Enska |
---|---|
arquivo | file |
cor | color |
webgl | webgl |
fornecer | provide |
PT Você pode ter o WebGL pré-multiplicar o alfa se desejar. Você faz isso configurando UNPACK_PREMULTIPLY_ALPHA_WEBGL para verdadeiro assim
EN You can have WebGL pre-multiply the alpha if you want. You do this by setting UNPACK_PREMULTIPLY_ALPHA_WEBGL to true like this
Portúgalska | Enska |
---|---|
verdadeiro | true |
webgl | webgl |
configurando | setting |
PT Eles são totalmente novos, descartando as antigas idéias desatualizadas e trazendo você para uma compreensão completa do que o WebGL realmente é e como ele realmente funciona.
EN They are entirely new, discarding the old out of date ideas and bringing you to a full understanding of what WebGL really is and how it really works.
Portúgalska | Enska |
---|---|
novos | new |
antigas | old |
trazendo | bringing |
compreensão | understanding |
funciona | works |
webgl | webgl |
PT Eles são totalmente novos, descartando as antigas idéias desatualizadas e trazendo você para uma compreensão completa do que o WebGL realmente é e como ele realmente funciona.
EN They are entirely new, discarding the old out of date ideas and bringing you to a full understanding of what WebGL really is and how it really works.
Portúgalska | Enska |
---|---|
novos | new |
antigas | old |
trazendo | bringing |
compreensão | understanding |
funciona | works |
webgl | webgl |
PT Esta publicação é uma continuação de uma série de postagens sobre o WebGL. O primeiro começou com os fundamentos e o anterior foi sobre a geometria rotativa.
EN This post is a continuation of a series of posts about WebGL. The first started with fundamentals and the previous was about rotating geometry.
Portúgalska | Enska |
---|---|
continuação | continuation |
série | series |
começou | started |
fundamentos | fundamentals |
geometria | geometry |
webgl | webgl |
PT Este artigo é uma continuação de WebGL - Processamento de imagens. Se você ainda não leu, eu sugiro que você começe lá.
EN This article is a continuation of WebGL Image Processing. If you haven't read that I suggest you start there.
Portúgalska | Enska |
---|---|
continuação | continuation |
processamento | processing |
imagens | image |
leu | read |
webgl | webgl |
PT Esta não é realmente uma coisa de WebGL, é uma coisa de JavaScript HTML5, mas nós também podemos abordar isso
EN This is not really a WebGL thing, it's a HTML5 JavaScript thing, but we might as well tackle it
Portúgalska | Enska |
---|---|
realmente | really |
uma | a |
coisa | thing |
javascript | javascript |
webgl | webgl |
s | s |
PT O WebGL tem algo chamado "unidades de textura". Você pode pensar nisso como uma série de referências para texturas. Você diz ao sombreador qual unidade de textura para usar para cada amostra.
EN WebGL has something called "texture units". You can think of it as an array of references to textures. You tell the shader which texture unit to use for each sampler.
Portúgalska | Enska |
---|---|
chamado | called |
textura | texture |
série | array |
referências | references |
texturas | textures |
diz | tell |
webgl | webgl |
PT E se você deveria implementar o WebGL em JavaScript, seria algo parecido com esta
EN If you were to implement WebGL in JavaScript it would look something like this
Portúgalska | Enska |
---|---|
você | you |
em | in |
javascript | javascript |
algo | something |
webgl | webgl |
PT Espero que este pequeno passo ajuda a explicar como usar múltiplas texturas em uma única chamada de desenho no WebGL
EN Hopefully this small step helps explain how to use multiple textures in a single draw call in WebGL
Portúgalska | Enska |
---|---|
pequeno | small |
passo | step |
ajuda | helps |
explicar | explain |
texturas | textures |
chamada | call |
webgl | webgl |
PT Este artigo é uma continuação de artigos anteriores do WebGL sobre desenho de texto. Se você não os leu, sugiro que você comece lá e trabalhe de volta.
EN This article is a continuation of previous WebGL articles about drawing text. If you haven't read them I suggest you start there and work your way back.
Portúgalska | Enska |
---|---|
continuação | continuation |
desenho | drawing |
texto | text |
leu | read |
comece | start |
trabalhe | work |
webgl | webgl |
PT Ao desenhar, assim como o WebGL, precisamos limpar a tela 2D em cada quadro.
EN When drawing, just like WebGL, we need to clear the 2D canvas each frame.
Portúgalska | Enska |
---|---|
desenhar | drawing |
precisamos | we need |
tela | canvas |
quadro | frame |
webgl | webgl |
PT Eu acho que cobre o uso do Canvas 2D. Confira a API Canvas 2D para obter mais ideias. Em seguida, iremos renderizar texto no WebGL.
EN I think that covers using Canvas 2D. Check out the Canvas 2D API for more ideas. Next we'll actually render text in WebGL.
Portúgalska | Enska |
---|---|
acho | think |
cobre | covers |
canvas | canvas |
ideias | ideas |
renderizar | render |
texto | text |
webgl | webgl |
PT A maior diferença entre o OpenGL eo WebGL é que o OpenGL torna um backbuffer que não está composto com nada, ou efetivamente não está composta de nada pela janela do sistema operacional gerente, então não importa o que é o seu alfa.
EN The biggest difference between OpenGL and WebGL is that OpenGL renders to a backbuffer that is not composited with anything, or effectively not composited with anything by the OS's window manager, so it doesn't matter what your alpha is.
Portúgalska | Enska |
---|---|
diferença | difference |
ou | or |
efetivamente | effectively |
janela | window |
sistema | os |
gerente | manager |
alfa | alpha |
webgl | webgl |
PT O WebGL tem várias maneiras de tornar isso mais parecido com o OpenGL.
EN WebGL has several ways to make this more like OpenGL.
Portúgalska | Enska |
---|---|
webgl | webgl |
PT #1) Diga ao WebGL que você deseja que ele seja composto com alfa não premultiplicado
EN #1) Tell WebGL you want it composited with non-premultiplied alpha
Portúgalska | Enska |
---|---|
diga | tell |
deseja | want |
alfa | alpha |
webgl | webgl |
PT #2) Diga ao WebGL que você não quer alfa no backbuffer
EN #2) Tell WebGL you don't want alpha in the backbuffer
Portúgalska | Enska |
---|---|
diga | tell |
alfa | alpha |
webgl | webgl |
PT Esta é provavelmente a melhor opção porque um bom navegador pode ver que você não tem alfa e realmente otimiza a forma como o WebGL é composto
EN This is probably the best option because a good browser could see that you have no alpha and actually optimize the way WebGL is composited
Portúgalska | Enska |
---|---|
opção | option |
um | a |
navegador | browser |
alfa | alpha |
realmente | actually |
forma | way |
webgl | webgl |
PT Meu padrão se você estiver carregando imagens com alfa no WebGL
EN My default if you are loading images with alpha into WebGL
Portúgalska | Enska |
---|---|
padrão | default |
se | if |
carregando | loading |
imagens | images |
alfa | alpha |
webgl | webgl |
PT O WebGL fornecerá os valores como estão no arquivo PNG com valores de cor não premultiplicados
EN WebGL will provide the values as they are in the PNG file with color values not premultiplied
Portúgalska | Enska |
---|---|
arquivo | file |
cor | color |
webgl | webgl |
fornecer | provide |
PT Você pode ter o WebGL pré-multiplicar o alfa se desejar. Você faz isso configurando UNPACK_PREMULTIPLY_ALPHA_WEBGL para verdadeiro assim
EN You can have WebGL pre-multiply the alpha if you want. You do this by setting UNPACK_PREMULTIPLY_ALPHA_WEBGL to true like this
Portúgalska | Enska |
---|---|
verdadeiro | true |
webgl | webgl |
configurando | setting |
PT Eles são totalmente novos, descartando as antigas idéias desatualizadas e trazendo você para uma compreensão completa do que o WebGL realmente é e como ele realmente funciona.
EN They are entirely new, discarding the old out of date ideas and bringing you to a full understanding of what WebGL really is and how it really works.
Portúgalska | Enska |
---|---|
novos | new |
antigas | old |
trazendo | bringing |
compreensão | understanding |
funciona | works |
webgl | webgl |
PT Esta publicação é uma continuação de uma série de postagens sobre o WebGL. O primeiro começou com os fundamentos e o anterior foi sobre a geometria rotativa.
EN This post is a continuation of a series of posts about WebGL. The first started with fundamentals and the previous was about rotating geometry.
Portúgalska | Enska |
---|---|
continuação | continuation |
série | series |
começou | started |
fundamentos | fundamentals |
geometria | geometry |
webgl | webgl |
PT Este artigo é uma continuação de WebGL - Processamento de imagens. Se você ainda não leu, eu sugiro que você começe lá.
EN This article is a continuation of WebGL Image Processing. If you haven't read that I suggest you start there.
Portúgalska | Enska |
---|---|
continuação | continuation |
processamento | processing |
imagens | image |
leu | read |
webgl | webgl |
PT Esta não é realmente uma coisa de WebGL, é uma coisa de JavaScript HTML5, mas nós também podemos abordar isso
EN This is not really a WebGL thing, it's a HTML5 JavaScript thing, but we might as well tackle it
Portúgalska | Enska |
---|---|
realmente | really |
uma | a |
coisa | thing |
javascript | javascript |
webgl | webgl |
s | s |
PT O WebGL tem algo chamado "unidades de textura". Você pode pensar nisso como uma série de referências para texturas. Você diz ao sombreador qual unidade de textura para usar para cada amostra.
EN WebGL has something called "texture units". You can think of it as an array of references to textures. You tell the shader which texture unit to use for each sampler.
Portúgalska | Enska |
---|---|
chamado | called |
textura | texture |
série | array |
referências | references |
texturas | textures |
diz | tell |
webgl | webgl |
PT E se você deveria implementar o WebGL em JavaScript, seria algo parecido com esta
EN If you were to implement WebGL in JavaScript it would look something like this
Portúgalska | Enska |
---|---|
você | you |
em | in |
javascript | javascript |
algo | something |
webgl | webgl |
Sýnir 50 af 50 þýðingum