Three.js: Three.js no se muestra en el navegador WebKit (Chrome, Safari)

¿Sucede eso solo con ese ejemplo?

Este error también ocurre en http://svc.sl.marvulous.co.uk/raw2sculpt.html

Lo mismo con google chromium V14.0.835.202

Error al crear el contexto de WebGL.
Uncaught TypeError: no se puede llamar al método 'clearColor' de nulo

Alguien de mi equipo también recibe este error con Chrome, pero en nuestra aplicación base (que actualmente es una pantalla en blanco).

Cuando le pedí que abriera una de las demostraciones de ThreeJS, apareció el "Mensaje de tarjeta gráfica no válida" (y creo que es un comportamiento correcto). Sin embargo, como Firefox no arrojó ningún error, le pedí que cargara exactamente la misma demostración (era la demostración de Minecraft), y esta vez el navegador se colgó (no aparece el mensaje "Tarjeta gráfica no válida").

No sé si podría ayudarte ...

¿Quizás es porque la textura es más grande que 4096x4096? Creo que las tarjetas gráficas viejas (o las nuevas pero malas) no pueden manejar eso. ¿Alguien puede confirmar?

Oh! Y ... ¿sucede en Chrome y Safari pero no en Firefox?

Está en Linux, así que no habíamos probado Safari.

Chrome: lanza el siguiente texto e imprime "Tarjeta gráfica no válida" en la pantalla
Firefox: sin error, pasar el rato durante la ejecución de WebGL (tuvimos que eliminar a Firefox)

Three.js:294:: Error creating WebGL context.
Three.js:294:: Uncaught TypeError: Cannot call method 'clearColor' of null

¿Algún otro ejemplo muestra ese error?

¿Qué cosas ves aquí?

http://alteredqualia.com/tmp/webgl-maxparams-test/

¿Funcionan las demostraciones de WebGL que no se crean con three.js?

El parámetro WebGL MAX con firefox: http://pastebin.com/cF37iLes

No puedo ejecutar esta página con Chrome, tengo un error:
Error de tipo no detectado: no se puede leer la propiedad 'MAX_VERTEX_ATTRIBS' de nulo

Con Firefox, puedo ver otras demostraciones de WebGL. Funciona sin congelación (excepto las demostraciones de Minecraft).

Obteniendo los mismos resultados que arcanin y Damoun en Chrome 15.0.874.106 en Mac OS X 10.7.2 con una Radeon 5870. Firefox 7.0.1 en la misma máquina funciona correctamente.

Lo mismo con Blocky Earth (http://www.clicktorelease.com/code/blocky_earth/) en Chrome 15.0.874.106 en MacOS X 10.6.8 con ATI Radeon HD 2600 Pro. Funcionó bien en Firefox 7.0.1 (a pesar de decir que se necesitaba Firefox 9+)

¿Y el cubo gira aquí en estas configuraciones?

Parece que no es solo WebGL con problemas en Mac:

http://twitter.com/#!/oosmoxiecode/status/131711805243400192

Aunque es extraño que Firefox funcione bien.

Chrome no funciona con el tutorial de introducción.
pero Firefox puede

Sigo viendo el error que describió SinoBoeckmann en agosto al visitar la url: http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html

Ahora es diciembre de 2011, y en safari 5.1.2 en 10.7.2 veo el mismo error al usar r46 de Three.js

No veo el error en Chrome 16.0.92.

¿Hubo una solución que me perdí?

Intentaremos "arreglar" esto para r47.

Me estoy encontrando con este problema ahora. Todo funcionó bien hasta hace unas semanas. Parece que Chrome actualizó silenciosamente esto causando el problema para mí. Estoy ejecutando 16.0.912.75

En Firefox 8.0.1, se crea el contexto, pero borrar no funciona.

@arodic ¿tienes más detalles? ¿Obtienes el problema con todos los ejemplos?

Sí, fue con todos los ejemplos, pero ahora funciona (después de reiniciar Chrome) Extraño ...

¡Magia! :)

Para el registro, esto se basa en gráficos integrados de Intel con los controladores mesa, es propenso a fallar, por lo que Chrome apaga webgl. http://code.google.com/p/chromium/issues/detail?id=76703

Al probar la aplicación dema con la esfera en la escena, también aparece el mensaje de error:

Error al crear el contexto de WebGL.
Uncaught TypeError: no se puede llamar al método 'getExtension' de null

Este occus en Chromium 22.0.1229.94 Ubuntu 12.10 (161065) en Lubuntu 12.10

el mismo problema aqui:

Error al crear el contexto de WebGL.
Uncaught TypeError: no se puede llamar al método 'getExtension' de null

MacBook4,1 OS X 10.6.8
Chrome ver. 23.0.1271.64

WebGL Paramtest:
VERSIÓN: WebGL 1.0 (OpenGL ES 2.0 Chromium)
SHADING_LANGUAGE_VERSION: WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chromium)

solo para registro (;

por cierto. ¿No puedes mover el anwser arriba? ¿Es posible?

El mismo problema se ejecuta en Chromium Portable en la vieja computadora portátil de doble núcleo de mi padre. Pero al ejecutar Chromium Portable en mi nueva computadora, todo está bien y al menos 10 fps más rápido que en Chrome.

¡Eh, tengo el mismo error hoy! Ayer todo funcionó sin problemas y no se ha cambiado nada en mi código. El contexto de Canvas 3D simplemente no se inicializa por alguna razón.

Estoy en Ubuntu 12.10 de 32 bits con controlador Intel mesa y lista negra de GPU de Chrome deshabilitada
Versión de Chrome 24.0.1312.69

¿Intentó reiniciar el navegador?

Recibí este error hace un minuto:

Error: Cannot call method 'getExtension' of null
at initGL (http://.../three.js:24868:34)
at new THREE.WebGLRenderer (http://.../three.js:17693:2)

Reinició Chrome (versión 24.0.1312.57 m) y desapareció. No hubo ninguna actualización de Chrome pendiente. Extraño pero preocupante.

Estoy ejecutando OSX 10.8.2. Mi demostración funciona en Google Chrome (24.0.1312.57) y Firefox (18.0.2), pero no en Safari (6.0.2). Vea la demostración aquí: http://www.timseverien.nl/random/seismomap/

PD. Reiniciar Safari no funciona.

@timseverien ¿Qué versión de three.js estás usando? ¿Funcionan otras cosas de webgl en su instalación de Safari?

Oye, reiniciar el navegador tampoco ayuda en mi caso.

Pero después de reiniciar todo el sistema, pasó y ahora funciona como si estuviera funcionando completamente antes.
Parece una especie de falla en el navegador WebGL -> cadena de controladores de gráficos.

@mrdoob después de http://get.webgl.org/ , parece un error de Safari. ¿Por qué implementar una función que no funciona? Bueno, estoy ejecutando r55 si todavía importa. ¡Gracias de cualquier manera!

Parece que el error de Chrome también, pudo reproducirlo nuevamente hoy.
Comprobado en http://get.webgl.org/ y falla. Maldición...

¡Hola! Primera vez con WebGL y Three.js y creo que es fantástico, pero al escribir el ejemplo desde el principio de la página, solo funciona en Chrome cuando se usa renderer = new THREE.CanvasRenderer(); . Si uso renderer = new THREE.WebGLRenderer(); solo funciona en Firefox. He hecho la prueba en las últimas versiones de ambos exploradores en Ubuntu. Tal vez sea solo un problema con mi tarjeta gráfica, pero lo digo aquí por si acaso.

Encontré una solución para Chrome y Chromium.
Ingrese en la barra de ubicación chrome: // flags y habilite Override software rendering list . Luego reinicia el navegador. WebGL ahora debería funcionar.

¡¡Esta funcionando!! Finalmente. Muchas gracias, porque fue realmente frustrante no poder trabajar en Ubuntu usando Chrome :)

Pero creo que también tienes que activar GPU compositing on all pages porque, en otro caso, algunas páginas no se muestran correctamente; Al menos en mi caso.

sí, quizás eso también ayude. He habilitado casi todo lo que pude encontrar relacionado con el renderizado de GPU jaja.

Recibo el mismo error que https://github.com/mrdoob/three.js/issues/404#issuecomment -13455310

actualización: para mí, ahora funciona en Chrome. (Febrero de 2014)

Todavía reproducido

@AlexTiTanium ¿Quieres compartir algunos detalles?

Acabo de tener el mismo problema para una aplicación en la que estaba trabajando hace unas semanas / meses, que estaba funcionando, y hoy recibí el mismo mensaje que https://github.com/mrdoob/three.js/issues/404# problemacomentar -13455310

Intenté configurar (entre otros) "Composición de GPU en todas las páginas" para que se active, en las banderas de Chrome, ahora funciona de nuevo.

Tengo una MacBook con 10.6.8 y Chrome 33.0.1750.152 y recibo este mismo error. Firefox 28.0 informa un error similar: "Error: WebGL: no se puede obtener un contexto WebGL utilizable. TypeError: _gl es nulo. Error al crear el contexto WebGL".

Como punto interesante, tengo otra MacBook (esta vez Pro), que ejecuta las mismas versiones de OSX y Chrome, y funciona bien allí ("Anular el procesamiento de software" y "composición de gpu" están habilitadas en ambos).

@zeepeeare Creo que necesitas actualizar a una versión más nueva de OSX en esa máquina. Se trata de que los navegadores incluyan en la lista negra algunas configuraciones debido a controladores gráficos obsoletos.

¡Todo bien! aquí está la cosa. Chrome de forma predeterminada no habilita la aceleración de hardware en dispositivos Mac. Debes ir a la configuración de Chrome y habilitarla. también puede consultar chrome: // gpu / como referencia.

"Encontré una solución para Chrome y Chromium.
Ingrese en la barra de ubicación chrome: // flags y habilite Override software rendering list. Luego reinicia el navegador. WebGL ahora debería funcionar ". - cipri-tom

Eso funcionó para mí, gracias.

Chrome, Ubuntu 15.04

Ubuntu 16.04

esto sucedió de repente para mí después de instalar java y android sdk, no creo que esté conectado, pero quién sabe ...

La respuesta de