Three.js: Three.js ne s'affiche pas dans le navigateur WebKit (Chrome, Safari)

Cela se produit-il uniquement avec cet exemple?

Ce bogue se produit également sur http://svc.sl.marvulous.co.uk/raw2sculpt.html

La même chose avec google chrome V14.0.835.202

Erreur lors de la création du contexte WebGL.
Uncaught TypeError: impossible d'appeler la méthode 'clearColor' de null

Un membre de mon équipe obtient également cette erreur avec chrome, mais dans notre application de base (qui est actuellement un écran blanc uni).

Quand je lui ai demandé d'ouvrir une démo de ThreeJS, il y avait le "Message de carte graphique invalide" (et je pense que c'est un comportement correct). Cependant, comme Firefox n'a pas lancé d'erreur, je lui ai demandé de charger exactement la même démo (c'était la démo de minecraft), et cette fois le navigateur s'est bloqué (pas de message "Carte graphique invalide").

Je ne sais pas si cela pourrait vous aider ...

C'est peut-être parce que la texture est plus grande que 4096x4096? Je pense que les anciennes cartes graphiques (ou les nouvelles mais merdiques) ne peuvent pas gérer cela. Quelqu'un peut-il confirmer?

Oh! Et ... cela se produit-il dans Chrome et Safari mais pas dans Firefox?

Il est sous Linux, donc nous n'avons pas essayé Safari.

Chrome: jetez le texte suivant et imprimez "Carte graphique non valide" à l'écran
Firefox: pas d'erreur, traîner pendant l'exécution de WebGL (nous avons dû pkill firefox)

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

Un autre exemple montre-t-il cette erreur?

Quels trucs voyez-vous ici?

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

Les démos WebGL non créées avec three.js fonctionnent-elles?

Le paramètre WebGL MAX avec Firefox: http://pastebin.com/cF37iLes

Je ne peux pas exécuter cette page avec chrome, j'ai une erreur:
Uncaught TypeError: impossible de lire la propriété 'MAX_VERTEX_ATTRIBS' de null

Avec Firefox, je peux regarder d'autres démo WebGL. Cela fonctionne sans gel (sauf les démos de Minecraft).

Obtenir les mêmes résultats que arcanin et Damoun sur Chrome 15.0.874.106 sur Mac OS X 10.7.2 avec une Radeon 5870. Firefox 7.0.1 sur la même machine fonctionne correctement.

Idem avec Blocky Earth (http://www.clicktorelease.com/code/blocky_earth/) sur Chrome 15.0.874.106 sur MacOS X 10.6.8 avec ATI Radeon HD 2600 Pro. A bien fonctionné dans Firefox 7.0.1 (malgré le fait que Firefox 9+ était nécessaire)

Et le cube tourne-t-il ici sur ces configurations?

On dirait que ce n'est pas seulement WebGL avec des problèmes sur Mac:

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

Bizarre cependant que Firefox fonctionne correctement.

chrome ne fonctionne pas avec le didacticiel de mise en route.
mais Firefox peut

Vous voyez toujours l'erreur décrite par SinoBoeckmann en août lors de la visite de l'url: http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html

C'est maintenant décembre 2011, et dans safari 5.1.2 sur 10.7.2, je vois la même erreur en utilisant r46 de Three.js

Je ne vois pas l'erreur dans Chrome 16.0.92.

Y a-t-il eu une solution que j'ai ratée?

Nous essaierons de résoudre ce problème pour r47.

Je rencontre ce problème maintenant. Tout fonctionnait bien jusqu'à il y a quelques semaines. Il semble que Chrome a mis à jour silencieusement ce problème pour moi. Im exécutant 16.0.912.75

Sur Firefox 8.0.1, le contexte est créé mais clear ne fonctionne pas.

@arodic avez-vous plus de détails? obtenez-vous le problème avec tous les exemples?

Oui c'était avec tous les exemples mais maintenant ça marche (après avoir redémarré Chrome) Bizarre ...

La magie! :)

Pour mémoire, cela est basé sur des graphiques intégrés Intel avec les pilotes mesa, il est susceptible de planter, donc chrome désactive webgl. http://code.google.com/p/chromium/issues/detail?id=76703

En essayant l'application dema avec la sphère dans la scène, j'ai également le message d'erreur:

Erreur lors de la création du contexte WebGL.
Uncaught TypeError: impossible d'appeler la méthode 'getExtension' de null

Cet occus dans Chromium 22.0.1229.94 Ubuntu 12.10 (161065) sur Lubuntu 12.10

Même problème ici:

Erreur lors de la création du contexte WebGL.
Uncaught TypeError: impossible d'appeler la méthode 'getExtension' de null

MacBook4,1 OS X 10.6.8
Chrome ver. 23.0.1271.64

Paramtest WebGL:
VERSION: WebGL 1.0 (Chrome OpenGL ES 2.0)
SHADING_LANGUAGE_VERSION: WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chrome)

juste pour mémoire (;

en btw. tu ne peux pas déplacer la réponse en haut? c'est possible?

Même problème sur Chromium Portable sur l'ancien ordinateur portable double cœur de mon père. Mais en exécutant Chromium Portable sur mon nouvel ordinateur, tout va bien, et au moins 10 ips plus rapide, que dans Chrome.

Hé, j'ai la même erreur aujourd'hui! Hier, tout fonctionnait bien et rien n'a été changé dans mon code. L'initialisation du contexte Canvas 3D échoue pour une raison quelconque.

Je suis sur Ubuntu 12.10 32 bits avec le pilote Intel Mesa et la liste noire des GPU Chrome désactivés
Version de Chrome 24.0.1312.69

Vous avez essayé de redémarrer le navigateur?

Je viens de recevoir cette erreur il y a une minute:

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

Redémarré Chrome (version 24.0.1312.57 m) et il est parti. Aucune mise à jour de Chrome n'est en attente. Étrange mais inquiétant.

J'utilise OSX 10.8.2. Ma démo fonctionne dans Google Chrome (24.0.1312.57) et Firefox (18.0.2), mais pas dans Safari (6.0.2). Voir la démo ici: http://www.timseverien.nl/random/seismomap/

PS. Le redémarrage de Safari ne fonctionne pas.

@timseverien Quelle version de three.js utilisez-vous? D'autres éléments Webgl fonctionnent-ils sur votre installation Safari?

Hé, redémarrer le navigateur n'aide pas non plus dans mon cas.

Mais après avoir redémarré tout le système - il a traversé et fonctionne maintenant comme s'il fonctionnait pleinement auparavant.
On dirait une sorte de pépin dans le navigateur WebGL -> chaîne de pilotes graphiques.

@mrdoob après avoir http://get.webgl.org/ cela semble être un bogue Safari. Pourquoi implémenter une fonctionnalité qui ne fonctionne pas? Eh bien, j'utilise r55 si ça compte toujours. Merci quand même!

ressemble également à un bug de Chrome, a pu le reproduire à nouveau aujourd'hui.
Vérifié sur http://get.webgl.org/ et il échoue. Zut...

Salut! Première fois sur WebGL et Three.js et je pense que c'est fantastique, mais lorsque vous écrivez l'exemple depuis le début de la page, cela ne fonctionne que dans Chrome lorsque vous utilisez renderer = new THREE.CanvasRenderer(); . Si j'utilise renderer = new THREE.WebGLRenderer(); cela ne fonctionne que dans Firefox. J'ai fait le test dans les dernières versions des deux explorateurs sur Ubuntu. C'est peut-être juste un problème avec ma carte graphique, mais je dis ici juste au cas où.

J'ai trouvé un correctif pour Chrome et Chromium.
Entrez dans la barre d' adresse chrome: // flags et activez la liste de rendu de logiciel de remplacement . Redémarrez ensuite le navigateur. WebGL devrait maintenant fonctionner.

Ça marche!! Finalement. Merci beaucoup, car c'était vraiment frustrant de ne pas pouvoir travailler sur Ubuntu avec Chrome :)

Mais je pense que vous devez aussi activer GPU compositing on all pages car dans d'autres cas, certaines pages ne s'affichent pas correctement; au moins dans mon cas.

oui, peut-être que cela aide aussi. J'ai activé presque tout ce que je pouvais trouver concernant le rendu GPU haha.

J'obtiens la même erreur que https://github.com/mrdoob/three.js/issues/404#issuecomment -13455310

mise à jour: pour moi, cela fonctionne maintenant dans Chrome. (Février 2014)

Toujours reproduit

@AlexTiTanium Voulez- vous partager quelques détails?

J'ai juste eu le même problème pour une application sur laquelle je travaillais il y a quelques semaines / mois, qui fonctionnait, et aujourd'hui j'ai reçu le même message que https://github.com/mrdoob/three.js/issues/404# issueecomment -13455310

J'ai essayé de paramétrer (entre autres) "la composition GPU sur toutes les pages" sur activé, dans les drapeaux Chrome, maintenant cela fonctionne à nouveau.

J'ai un MacBook exécutant 10.6.8 et Chrome 33.0.1750.152 et j'obtiens la même erreur. Firefox 28.0 signale une erreur similaire: "Erreur: WebGL: impossible d'obtenir un contexte WebGL utilisable. TypeError: _gl est nul. Erreur lors de la création du contexte WebGL."

Comme point intéressant, j'ai un autre MacBook (cette fois Pro), exécutant les mêmes versions d'OSX et de Chrome, et cela fonctionne très bien là-bas ("Override software rendering" et "gpu compositing" sont activés sur les deux).

@zeepeeare Je pense que vous devez mettre à jour une version plus récente d'OSX sur cette machine. Tout est question de navigateurs sur la liste noire de certaines configurations en raison de pilotes graphiques obsolètes.

D'accord! Voici la chose. Chrome par défaut n'active pas l'accélération matérielle sur les appareils Mac. Vous devez accéder au paramètre Chrome et l'activer. consultez également chrome: // gpu / pour référence.

"J'ai trouvé un correctif pour Chrome et Chromium.
Entrez dans la barre d' adresse chrome: // flags et activez la liste de rendu de logiciel de remplacement. Redémarrez ensuite le navigateur. WebGL devrait maintenant fonctionner. "- cipri-tom

Cela a fonctionné pour moi, merci.

Chrome, Ubuntu 15.04

Ubuntu 16.04

cela s'est produit soudainement pour moi après l'installation de java et android sdk, je ne pense pas que ce soit connecté mais qui sait ...

La réponse