Como posso ativar o WebGL no meu navegador?

106

Gostaria de poder usar sites baseados em WebGL , como Shadertoy , WebGL Earth , etc., mas esses sites me dizem que o WebGL está desativado no meu navegador. Como posso habilitá-lo?

TachyonVortex
fonte

Respostas:

187

Tornei esta resposta uma postagem no wiki da comunidade. Por isso, atualize-a se notar alguma informação desatualizada ou ausente.


Suporte do navegador para WebGL

Verifique caniuse.com/webgl para ver se o seu navegador suporta WebGL.


Ativando o WebGL

Se o seu navegador suportar WebGL, siga estas instruções para habilitá-lo:

cromada

Primeiro, ative a aceleração de hardware:

  • Vamos para chrome://settings
  • Clique no botão Avançado ▼ na parte inferior da página
  • Na seção Sistema , verifique se a caixa de seleção Usar aceleração de hardware quando disponível está marcada (você precisará reiniciar o Chrome para que as alterações entrem em vigor)

Em seguida, ative o WebGL:

  • Vamos para chrome://flags
  • Verifique se a opção Desativar WebGL não está ativada (você precisará reiniciar o Chrome para que as alterações entrem em vigor)
  • Nas versões mais recentes, esta opção de Desativar WebGL não estará disponível; você precisará procurar pelo WebGL 2.0 (ou alguma versão diferente) parecida com esta:

    insira a descrição da imagem aqui

    Aqui você terá que mudar Defaultpara Enabledno menu suspenso.

  • [Tente isto, se acima não funcionar] Ativar - Substituir lista de renderização de software

Inspecione o status do WebGL:

  • Vamos para chrome://gpu
  • Inspecione o item WebGL na lista Status dos recursos gráficos . O status será um dos seguintes:
    • Hardware acelerado - o WebGL está ativado e acelerado por hardware (executando na placa gráfica).
    • Somente software, aceleração de hardware indisponível - o WebGL está ativado, mas em execução no software. Veja aqui para mais informações: "Para renderização de software do WebGL, o Chrome usa o SwiftShader , um rasterizador GL de software".
    • Indisponível - WebGL não está disponível em hardware ou software.

Se o status não for "Hardware acelerado" , a lista Problemas detectados (abaixo da lista Status dos recursos gráficos ) pode explicar por que a aceleração por hardware não está disponível.

Se a sua placa gráfica / drivers estiverem na lista negra, você poderá substituí-la. Atenção: isso não é recomendado! (veja a lista das listas negras abaixo). Para substituir a lista negra:

  • Vamos para chrome://flags
  • Ative a configuração Substituir lista de renderização de software (você precisará reiniciar o Chrome para que as alterações entrem em vigor)

Para mais informações, consulte: Ajuda do Chrome: gráficos WebGL e 3D .

Raposa de fogo

Primeiro, ative o WebGL:

  • Vamos para about:config
  • Procurar por webgl.disabled
  • Garanta que seu valor seja false(todas as alterações entram em vigor imediatamente sem reiniciar o Firefox)

Inspecione o status do WebGL:

  • Vamos para about:support
  • Inspecione a linha do renderizador WebGL na tabela Gráficos :
    • Se o status contiver um fabricante, modelo e driver da placa de vídeo (por exemplo: "NVIDIA Corporation - NVIDIA GeForce GT 650M OpenGL Engine" ), o WebGL será ativado.
    • Se o status for algo como "Bloqueado para sua placa gráfica devido a problemas de driver não resolvidos" ou "Bloqueado para sua versão de driver gráfico" , sua placa / driver gráfico estará na lista negra.

Se a sua placa gráfica / drivers estiverem na lista negra, você poderá substituí-la. Atenção: isso não é recomendado! (veja a lista das listas negras abaixo). Para substituir a lista negra:

  • Vamos para about:config
  • Procurar por webgl.force-enabled
  • Defina como true

(Como o Chrome, o Firefox tem uma caixa de seleção Usar aceleração de hardware quando disponível , em Preferências > Avançado > Geral > Navegação . No entanto, ao contrário do Chrome, o Firefox não exige que esta caixa de seleção esteja marcada para o WebGL funcionar.)

Safári

  • Vá para Preferências do Safari
  • Selecione a guia Avançado
  • Verifique se a caixa de seleção Mostrar menu Desenvolvimento na barra de menus está marcada
  • No menu Desenvolvimento do Safari , selecione o submenu Recursos experimentais e verifique se WebGL 2.0 está marcado

Notas

Atualizando drivers gráficos

Se os drivers gráficos forem muito antigos para oferecer suporte ao WebGL, você poderá atualizá-los.

Mais informações estão disponíveis aqui:

Listas negras

Certas placas gráficas e drivers estão na lista negra de alguns navegadores, porque são conhecidos por conter bugs graves ou causar falhas. Em casos muito graves, isso pode até congelar todo o computador! Por exemplo, esse problema faz com que certos computadores Mac congelem e exijam a reinicialização.

Muitos navegadores têm a opção de substituir a lista negra (por exemplo: tente usar os recursos da lista negra, apesar dos riscos). Isto não é recomendado! Você só deve substituir a lista negra se entender e aceitar os riscos.

Mais informações estão disponíveis aqui:

TachyonVortex
fonte
4
Para o Firefox, no Ubuntu, também tive que redefinir gfx.crash-guard.status.glcontext(consulte sourceforge.net/p/x3dom/mailman/message/34731616 ). Prefiro postar como um comentário antes de qualquer edição nesta resposta da comunidade.
ThomasG77
Bem, eu tenho a versão mais atualizada do Chrome (versão 57.0.2987.133 (64 bits)). Mas no chrome: // flags eu mudei "WebGL 2.0 ... Permitir que aplicativos da Web acessem o WebGL 2.0" para habilitado, havia um para "Extensões de Rascunho WebGL" que deixei em paz. Ainda assim, no chrome: // gpu, as duas versões ainda não estão disponíveis. Você menciona os drivers de vídeo, como eu saberia se o meu é compatível ou não? Eu tenho um Intel NUC DCCP847DYE
Edward
Apenas tentei ir para webglearth.com no kubuntu 16.04. Funcionou bem, sem nenhuma alteração no Firefox 54 e Vivaldi 1.10. ... As coisas continuam a melhorar.
11117 Joe
Estranho, no Firefox 56 (atualmente uma versão noturna), o WebGL não funciona, apesar de tudo estar aparecendo como acima. Hum.
mlissner
Parece que as opções do webgl.*Firefox estão muito mal documentadas. O que todos eles significam? Aqui estão algumas opções adicionais para examinar.
Not2qubit
1

Muito útil para o Chrome - exceto que talvez seja melhor esclarecer a opção Desativar WebGL - o que não é óbvio no Chrome.

A opção Desativar WebGL deve ter sido desativada (urgh - duplo negativo), ou seja, o link abaixo deve dizer 'Ativar' - o que significa que a desativação do WebGL está desativada ... Pode salvar alguém por alguns minutos.

Muitas felicidades Andy

AndyS
fonte