Three.js: Three.js tidak muncul di Browser WebKit (Chrome, Safari)

Apakah itu terjadi hanya dengan contoh itu?

Bug ini juga terjadi di http://svc.sl.marvulous.co.uk/raw2sculpt.html

Sama dengan google chromium V14.0.835.202

Terjadi kesalahan saat membuat konteks WebGL.
TypeError Tidak Tertangkap: Tidak dapat memanggil metode 'clearColor' dari null

Seseorang dari tim saya juga mendapatkan kesalahan ini dengan chrome, tetapi di aplikasi dasar kami (yang saat ini adalah layar putih biasa).

Ketika saya memintanya untuk membuka salah satu demo ThreeJS, ada "pesan kartu grafis tidak valid" (dan menurut saya itu perilaku yang benar). Namun, karena Firefox tidak membuat kesalahan, saya memintanya untuk memuat demo yang persis sama (itu adalah demo minecraft), dan kali ini browser macet (tidak ada pesan "Kartu grafis tidak valid").

Saya tidak tahu apakah itu bisa membantu Anda ...

Mungkin karena teksturnya lebih besar dari 4096x4096? Saya pikir kartu grafis lama (atau yang baru tapi jelek) tidak bisa menangani itu. Adakah yang bisa mengkonfirmasi?

Oh! Dan ... apakah itu terjadi di Chrome dan Safari tetapi tidak di Firefox?

Dia menggunakan Linux, jadi kami belum mencoba Safari.

Chrome: lempar teks berikut dan cetak "Kartu grafis tidak valid" di layar
Firefox: tidak ada kesalahan, nongkrong selama eksekusi WebGL (kami harus mematikan firefox)

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

Apakah ada contoh lain yang menunjukkan kesalahan itu?

Hal apa yang Anda lihat di sini?

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

Apakah demo WebGL tidak dibuat dengan three.js berfungsi?

Parameter WebGL MAX dengan firefox: http://pastebin.com/cF37iLes

Saya tidak dapat menjalankan halaman ini dengan chrome, saya mengalami kesalahan:
TypeError Tidak Tertangkap: Tidak dapat membaca properti 'MAX_VERTEX_ATTRIBS' dari null

Dengan firefox, saya dapat menonton film WebGL lainnya. Ia bekerja tanpa pembekuan (kecuali demo minecraft).

Mendapatkan hasil yang sama seperti arcanin dan Damoun di Chrome 15.0.874.106 di Mac OS X 10.7.2 dengan Radeon 5870. Firefox 7.0.1 di komputer yang sama berfungsi dengan benar.

Sama dengan Blocky Earth (http://www.clicktorelease.com/code/blocky_earth/) di Chrome 15.0.874.106 di MacOS X 10.6.8 dengan ATI Radeon HD 2600 Pro. Berfungsi dengan baik di Firefox 7.0.1 (meskipun dikatakan bahwa Firefox 9+ diperlukan)

Dan apakah kubus berputar di sini pada pengaturan ini?

Sepertinya bukan hanya WebGL dengan masalah di Mac:

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

Anehnya Firefox berjalan dengan baik.

chrome tidak berfungsi dengan tutorial memulai.
tapi firefox bisa

Masih melihat kesalahan yang dijelaskan SinoBoeckmann pada bulan Agustus saat mengunjungi url: http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html

Sekarang Desember 2011, dan di safari 5.1.2 pada 10.7.2 Saya melihat kesalahan yang sama menggunakan r46 dari Three.js

Saya tidak melihat kesalahannya di Chrome 16.0.92.

Apakah ada solusi yang saya lewatkan?

Kami akan mencoba memperbaikinya untuk r47.

Saya mengalami masalah ini sekarang. Semuanya berjalan dengan baik sampai beberapa minggu lalu. Itu jahitan bahwa Chrome diam-diam memperbarui ini menyebabkan masalah bagi saya. Saya menjalankan 16.0.912.75

Di Firefox 8.0.1, konteks dibuat tetapi jelas tidak berfungsi.

@arodic apakah Anda memiliki detail selengkapnya? apakah Anda mendapatkan masalah dengan semua contoh?

Ya itu dengan semua contoh tetapi sekarang berfungsi (setelah saya memulai ulang Chrome) Aneh ...

Sihir! :)

Sebagai catatan, ini berdasarkan grafik terintegrasi intel dengan driver mesa, rawan crash sehingga chrome mematikan webgl. http://code.google.com/p/chromium/issues/detail?id=76703

Saat mencoba aplikasi dema dengan bola di tempat kejadian, saya juga mendapat pesan kesalahan:

Terjadi kesalahan saat membuat konteks WebGL.
TypeError Tidak Tertangkap: Tidak dapat memanggil metode 'getExtension' dari null

Ini terjadi di Chromium 22.0.1229.94 Ubuntu 12.10 (161065) di Lubuntu 12.10

Masalah yang sama disini:

Terjadi kesalahan saat membuat konteks WebGL.
TypeError Tidak Tertangkap: Tidak dapat memanggil metode 'getExtension' dari null

MacBook4,1 OS X 10.6.8
Chrome ver. 23.0.1271.64

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

hanya untuk catatan (;

di btw. tidak bisakah kamu memindahkan jawaban di atas? apa itu mungkin?

Masalah yang sama berjalan di Chromium Portable di laptop dual core lama ayah saya. Namun menjalankan Chromium Portable di komputer baru saya, semuanya baik-baik saja, dan setidaknya 10fps lebih cepat, daripada di Chrome.

Heh, saya mendapat kesalahan yang sama hari ini! Kemarin semuanya bekerja dengan lancar dan tidak ada yang diubah dalam kode saya. Konteks kanvas 3D gagal diinisialisasi karena beberapa alasan.

Saya menggunakan Ubuntu 12.10 32 bit dengan driver Intel mesa dan daftar hitam GPU Chrome yang dinonaktifkan
Chrome versi 24.0.1312.69

Mencoba memulai ulang browser?

Saya baru saja mendapatkan kesalahan ini beberapa menit yang lalu:

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

Mulai ulang Chrome (Versi 24.0.1312.57 m) dan menghilang. Tidak ada pembaruan Chrome yang menunggu keputusan. Aneh tapi mengkhawatirkan.

Saya menjalankan OSX 10.8.2. Demo saya berfungsi di Google Chrome (24.0.1312.57) dan Firefox (18.0.2), tetapi tidak di Safari (6.0.2). Lihat demo di sini: http://www.timseverien.nl/random/seismomap/

PS. Memulai ulang Safari tidak berfungsi.

@timseverien Versi three.js apa yang Anda gunakan? Apakah item webgl lain berfungsi pada penginstalan Safari Anda?

Hai, memulai ulang browser juga tidak membantu dalam kasus saya.

Tetapi setelah saya me-restart seluruh sistem - itu berjalan dan sekarang berfungsi seperti berfungsi penuh sebelumnya.
Sepertinya ada kesalahan dalam WebGL Browser -> rantai driver grafis.

@mrdoob setelah http://get.webgl.org/ sepertinya bug Safari. Mengapa menerapkan fitur yang tidak berfungsi? Baiklah, saya menjalankan r55 jika itu masih penting. Terima kasih!

Sepertinya bug Chrome juga, dapat mereproduksi lagi hari ini.
Diperiksa di http://get.webgl.org/ dan gagal. Sial...

Hai! Pertama kali di sekitar WebGL dan Three.js dan saya pikir itu fantastis, tetapi ketika menulis contoh dari awal halaman, itu hanya berfungsi di Chrome saat menggunakan renderer = new THREE.CanvasRenderer(); . Jika saya menggunakan renderer = new THREE.WebGLRenderer(); ini hanya berfungsi di Firefox. Saya telah melakukan pengujian di versi terakhir dari kedua penjelajah di Ubuntu. Mungkin itu hanya masalah dengan kartu grafis saya, tapi saya ceritakan di sini untuk berjaga-jaga.

Saya menemukan perbaikan untuk Chrome dan Chromium.
Masukkan di bilah lokasi chrome: // flags dan aktifkan Ganti daftar perenderan perangkat lunak . Kemudian restart browser. WebGL sekarang seharusnya berfungsi.

Bekerja!! Akhirnya. Terima kasih banyak, karena sangat menyebalkan karena tidak dapat bekerja di Ubuntu menggunakan Chrome :)

Tetapi saya pikir Anda harus terlalu aktif GPU compositing on all pages karena dalam kasus lain beberapa halaman tidak ditampilkan dengan benar; setidaknya dalam kasus saya.

ya, mungkin itu juga membantu. Saya telah mengaktifkan hampir semua yang dapat saya temukan terkait dengan rendering GPU haha.

Saya mendapatkan kesalahan yang sama seperti https://github.com/mrdoob/three.js/issues/404#issuecomment -13455310

update: Bagi saya, ini berfungsi sekarang di Chrome. (Feb. 2014)

Masih direproduksi

@AlexTiTanium Care ingin membagikan beberapa detail?

Saya baru saja mengalami masalah yang sama untuk aplikasi yang saya kerjakan beberapa minggu / bulan yang lalu, yang berfungsi, dan hari ini saya mendapat pesan yang sama seperti https://github.com/mrdoob/three.js/issues/404# penerbitan -13455310

Saya mencoba mengatur (antara lain) "Pengomposisian GPU di semua halaman" untuk diaktifkan, di bendera Chrome, sekarang berfungsi lagi.

Saya memiliki MacBook yang menjalankan 10.6.8 dan Chrome 33.0.1750.152 dan saya mendapatkan kesalahan yang sama. Firefox 28.0 melaporkan kesalahan serupa: "Kesalahan: WebGL: Tidak bisa mendapatkan konteks WebGL yang dapat digunakan. TypeError: _gl adalah null. Kesalahan membuat konteks WebGL."

Sebagai poin yang menarik, saya memiliki MacBook lain (kali ini Pro), menjalankan versi OSX dan Chrome yang sama, dan bekerja dengan baik di sana ("Ganti perenderan perangkat lunak", dan "pengomposisian gpu" diaktifkan pada keduanya).

@zeepeeare Saya rasa Anda perlu memperbarui ke versi OSX yang lebih baru pada mesin itu. Ini semua tentang browser yang membuat daftar hitam beberapa konfigurasi karena driver grafis yang ketinggalan jaman.

Baiklah! inilah masalahnya. Chrome secara default tidak mengaktifkan akselerasi hardware di perangkat Mac. Anda harus pergi ke pengaturan chrome dan mengaktifkannya. lihat chrome: // gpu / untuk referensi juga.

"Saya menemukan perbaikan untuk Chrome dan Chromium.
Masukkan di bilah lokasi chrome: // flags dan aktifkan Ganti daftar perenderan perangkat lunak. Kemudian restart browser. WebGL sekarang seharusnya berfungsi. "- cipri-tom

Itu berhasil untuk saya, terima kasih.

Chrome, Ubuntu 15.04

Ubuntu 16.04

ini terjadi tiba-tiba bagi saya setelah menginstal java dan android sdk, saya tidak berpikir itu terhubung tapi siapa tahu ...

@DoisKoh menjawab memperbaikinya tetapi membuat aplikasi saya jauh lebih lambat dari sebelumnya.