Three.js: WebKit 브라우저 (Chrome, Safari)에 Three.js가 표시되지 않음

그 예에서 그런 일이 발생합니까?

이 버그는 http://svc.sl.marvulous.co.uk/raw2sculpt.html 에서도 발생합니다

Google 크롬 V14.0.835.202와 동일

WebGL 컨텍스트를 만드는 동안 오류가 발생했습니다.
포착되지 않은 TypeError : null의 'clearColor'메서드를 호출 할 수 없습니다.

우리 팀의 누군가가 크롬에서도이 오류를 얻었지만 우리의 기본 응용 프로그램 (현재는 일반 흰색 화면 임)에서 발생합니다.

내가 그에게 ThreeJS 데모 중 하나를 열어달라고 요청했을 때 "잘못된 그래픽 카드 메시지"가있었습니다 (올바른 행동이라고 생각합니다). 그러나 Firefox에서 오류가 발생하지 않았기 때문에 정확히 동일한 데모 (마인 크래프트 데모)를로드하도록 요청했으며 이번에는 브라우저가 중단되었습니다 ( "잘못된 그래픽 카드"메시지 없음).

그것이 당신을 도울 수 있을지 모르겠습니다 ...

텍스처가 4096x4096보다 크기 때문일까요? 나는 오래된 그래픽 카드 (또는 새롭지 만 형편없는 카드)로는 그것을 처리 할 수 ​​없다고 생각합니다. 누구든지 확인할 수 있습니까?

오! 그리고 ... Chrome과 Safari에서는 발생하지만 Firefox에서는 발생하지 않습니까?

그는 Linux를 사용하고 있으므로 Safari를 시도하지 않았습니다.

Chrome : 다음 텍스트를 표시하고 화면에 "잘못된 그래픽 카드"를 인쇄합니다.
Firefox : 오류 없음, WebGL 실행 중 놀기 (Firefox를 실행해야 함)

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

다른 예가 그 오류를 보여줍니까?

여기서 어떤 것들이 보이나요?

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

three.js로 생성되지 않은 WebGL 데모가 작동합니까?

파이어 폭스를 사용한 WebGL MAX 매개 변수 : http://pastebin.com/cF37iLes

이 페이지를 크롬으로 실행할 수 없습니다. 오류가 있습니다.
포착되지 않은 TypeError : null의 'MAX_VERTEX_ATTRIBS'속성을 읽을 수 없습니다.

firefox를 사용하면 다른 WebGL 데모를 볼 수 있습니다. 동결없이 작동합니다 (마인 크래프트 데모에서 제외).

Radeon 5870을 사용하는 Mac OS X 10.7.2의 Chrome 15.0.874.106에서 arcanin 및 Damoun과 동일한 결과를 얻습니다. 동일한 컴퓨터에서 Firefox 7.0.1이 올바르게 작동합니다.

ATI Radeon HD 2600 Pro를 사용하는 MacOS X 10.6.8의 Chrome 15.0.874.106의 Blocky Earth (http://www.clicktorelease.com/code/blocky_earth/)와 동일합니다. Firefox 7.0.1에서 잘 작동했습니다 (Firefox 9 이상이 필요하다고 말했지만)

이 설정 에서 큐브가 여기에서 회전합니까?

Mac에서 문제가있는 WebGL만이 아닌 것 같습니다.

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

Firefox가 정상적으로 실행되지만 이상합니다.

크롬은 시작 튜토리얼에서 작동하지 않습니다.
하지만 파이어 폭스는

SinoBoeckmann이 8 월 URL을 방문 할 때 설명한 오류가 계속 표시됩니다. http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html

이제 2011 년 12 월이고 10.7.2의 Safari 5.1.2에서는 Three.js의 r46을 사용하여 동일한 오류가 표시됩니다.

Chrome 16.0.92에서 오류가 표시되지 않습니다.

내가 놓친 해결책이 있었습니까?

r47에 대해 "고정"되도록 노력하겠습니다.

나는 지금이 문제를 겪고 있습니다. 몇 주 전까지는 모든 것이 잘 작동했습니다. Chrome이 자동으로 업데이트하여 문제를 일으켰습니다. 16.0.912.75를 실행 중입니다.

Firefox 8.0.1에서 컨텍스트가 생성되지만 지우기가 작동하지 않습니다.

@arodic 더 자세한 정보가 있습니까? 모든 예제에 문제가 있습니까?

예, 모든 예제가 있었지만 이제 작동합니다 (Chrome을 다시 시작한 후) 이상합니다 ...

마법! :)

기록을 위해, 이것은 메사 드라이버가있는 인텔 통합 그래픽을 기반으로하므로 충돌이 발생하기 쉬우므로 크롬은 webgl을 끕니다. http://code.google.com/p/chromium/issues/detail?id=76703

장면에서 구로 dema 응용 프로그램을 시도 할 때 오류 메시지도 표시됩니다.

WebGL 컨텍스트를 만드는 동안 오류가 발생했습니다.
포착되지 않은 TypeError : null의 'getExtension'메소드를 호출 할 수 없습니다.

Lubuntu 12.10의 Chromium 22.0.1229.94 Ubuntu 12.10 (161065)에있는이 occus

여기에 같은 문제 :

WebGL 컨텍스트를 만드는 동안 오류가 발생했습니다.
포착되지 않은 TypeError : null의 'getExtension'메소드를 호출 할 수 없습니다.

MacBook4,1 OS X 10.6.8
크롬 버전 23.0.1271.64

WebGL Paramtest :
버전 : WebGL 1.0 (OpenGL ES 2.0 Chromium)
SHADING_LANGUAGE_VERSION : WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chromium)

기록 용 (;

btw에서. anwser를 위로 옮길 수 없습니까? 가능할까요?

아빠의 오래된 듀얼 코어 노트북에서 Chromium Portable에서 실행되는 것과 동일한 문제가 있습니다. 하지만 새 컴퓨터에서 Chromium Portable을 실행하면 모든 것이 정상이며 Chrome보다 10fps 이상 빠릅니다.

헤, 오늘도 같은 오류가 있습니다! 어제 모든 것이 원활하게 작동했고 내 코드에서 변경된 사항이 없습니다. Canvas 3D 컨텍스트는 어떤 이유로 초기화되지 않습니다.

Intel mesa 드라이버가있는 Ubuntu 12.10 32 비트에 있고 Chrome GPU 블랙리스트를 비활성화했습니다.
Chrome 버전 24.0.1312.69

브라우저를 다시 시작해 보셨습니까?

방금이 오류가 발생했습니다.

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

Chrome (버전 24.0.1312.57m)을 다시 시작하고 사라졌습니다. 대기중인 Chrome 업데이트가 없습니다. 이상하지만 걱정 스럽습니다.

OSX 10.8.2를 실행하고 있습니다. 내 데모는 Chrome (24.0.1312.57) 및 Firefox (18.0.2)에서 작동하지만 Safari (6.0.2)에서는 작동하지 않습니다. 여기에서 데모를 참조하십시오 : http://www.timseverien.nl/random/seismomap/

추신. Safari 재시동이 작동하지 않습니다.

@timseverien 어떤 버전의 three.js를 사용하고 있습니까? 다른 webgl 항목이 Safari 설치에서 작동합니까?

제 경우에도 브라우저를 다시 시작해도 도움이되지 않습니다.

그러나 전체 시스템을 다시 시작한 후-그것은 통과했고 이제는 완전히 작동했던 것처럼 작동합니다.
브라우저 WebGL-> 그래픽 드라이버 체인 내에서 일종의 결함처럼 보입니다.

http://get.webgl.org/ 에서 다시 확인한 후

크롬 버그처럼 보이지만 오늘 다시 재현 할 수있었습니다.
http://get.webgl.org/에서 확인했지만 실패했습니다. 제길...

안녕하세요! WebGL과 Three.js를 처음 접하고 환상적이라고 생각하지만 페이지 시작 부분에서 예제를 작성할 때는 renderer = new THREE.CanvasRenderer(); 사용할 때만 Chrome에서 작동합니다. renderer = new THREE.WebGLRenderer(); 하면 Firefox에서만 작동합니다. Ubuntu에서 두 탐색기의 마지막 버전에서 테스트를 수행했습니다. 내 그래픽 카드의 문제 일 수도 있지만 혹시라도 여기에 알려드립니다.

Chrome 및 Chromium에 대한 수정 사항을 찾았습니다.
위치 표시 줄 chrome : // flags를 입력 하고 소프트웨어 렌더링 목록 재정의를 사용 설정

작동 중입니다 !! 드디어. Chrome을 사용하여 Ubuntu에서 작업 할 수 없다는 것이 정말 답답했기 때문에 대단히 감사합니다. :)

하지만 다른 경우에는 일부 페이지가 제대로 렌더링되지 않기 때문에 GPU compositing on all pages 도 활성화해야한다고 생각합니다. 적어도 내 경우에는.

예, 그것도 도움이 될 것입니다. GPU 렌더링 하하와 관련하여 찾을 수있는 거의 모든 것을 활성화했습니다.

https://github.com/mrdoob/three.js/issues/404#issuecomment -13455310과 같은 오류가 발생합니다.

업데이트 : 나에게는 이제 Chrome에서 작동합니다. (2014 년 2 월)

여전히 재현

@AlexTiTanium Care에서 몇 가지 세부 사항을 공유 하시겠습니까?

몇 주 / 달 전에 작업하던 앱에 대해 동일한 문제가 있었는데, 오늘은 https://github.com/mrdoob/three.js/issues/404# 와 같은 메시지를 받았습니다.

Chrome 플래그에서 "모든 페이지에서 GPU 합성"을 활성화하도록 설정하려고 시도했지만 이제 다시 작동합니다.

10.6.8 및 Chrome 33.0.1750.152를 실행하는 MacBook이 있는데 이와 동일한 오류가 발생합니다. Firefox 28.0에서 "오류 : WebGL : 사용 가능한 WebGL 컨텍스트를 가져올 수 없습니다. TypeError : _gl이 null입니다. WebGL 컨텍스트를 만드는 동안 오류가 발생했습니다."라는 유사한 오류가보고됩니다.

흥미로운 점은, OSX와 Chrome의 동일한 버전을 실행하는 또 다른 MacBook (이번에는 Pro)이 있는데 거기에서 잘 작동합니다 ( "Override software rendering"및 "gpu compositing"이 둘 다에서 활성화 됨).

@zeepeeare 해당 컴퓨터에서 최신 버전의 OSX로 업데이트해야한다고 생각합니다. 오래된 그래픽 드라이버로 인해 일부 구성을 블랙리스트에 올리는 브라우저에 관한 것입니다.

괜찮아! 여기에 문제가 있습니다. 기본적으로 Chrome은 Mac 기기에서 하드웨어 가속을 사용하지 않습니다. 크롬 설정으로 가서 활성화해야합니다. 참고로 chrome : // gpu / 를 확인하세요.

"Chrome 및 Chromium에 대한 수정 사항을 찾았습니다.
위치 표시 줄 chrome : // flags에 입력 하고 소프트웨어 렌더링 목록 재정의를 활성화합니다. 그런 다음 브라우저를 다시 시작하십시오. 이제 WebGL이 작동합니다. "-cipri-tom

그것은 나를 위해 일했습니다, 감사합니다.

Chrome, Ubuntu 15.04

Ubuntu 16.04

이것은 Java 및 Android SDK를 설치 한 후 갑자기 발생했습니다. 연결되어 있다고 생각하지 않지만 누가 알고 있습니까?

@DoisKoh 대답은 그것을