Bật tiện ích mở rộng trên trình đổ bóng Three.js

Question

Làm cách nào để bật tiện ích mở rộng trên trình đổ bóng Three.js?

Mã của tôi cho đến nay:

nhận được phần mở rộng:

var domElement = document.createElement('canvas'); 
var gl = domElement.getContext('webgl') || domElement.getContext('experimental-webgl'); 
gl.getExtension('OES_standard_derivatives'); 

trên shader của tôi:

fragmentShader: [ 
    "#extension GL_OES_standard_derivatives : enable", 
    "code..." 
]... 

Giao diện điều khiển đầu ra:
CẢNH BÁO: 00:26: mở rộng 'GL_OES_standard_derivatives' không được hỗ trợ
LRI: 0:32: 'dFdx': không tìm thấy hàm bị quá tải phù hợp
LRI: 0:32: '=': không thể chuyển đổi từ 'phao trung bình const' sang 'vectơ 2 thành phần của phao'
L ERI: 0:33: 'dFdy': không tìm thấy hàm bị quá tải phù hợp
L ERI: 00:33: '=': không thể chuyển đổi từ 'mediump phao const' thành 'vector 2 thành phần của phao'

Sau khi đọc this issue on github, tôi đã cố gắng ví dụ này: từ http://jsfiddle.net/VJca4/ tôi nhận được các lỗi này

CẢNH BÁO : 0:27: phần mở rộng 'GL_OES_standard_der curr' không được hỗ trợ
L ERI: 0:30: '=': không thể chuyển đổi từ 'phao trung bình const' thành '2 thành phần vec tor của phao '
LRI: 0:31:' dFdx ': không có hàm quá tải phù hợp được tìm thấy
L ERI: 0:31:' = ': không thể chuyển đổi từ' phao trung bình const 'thành' vector 2 thành phần của phao '

Answer 1

Bạn cũng sẽ có thể làm điều này:

renderer.context.getExtension('OES_standard_derivatives'); 

Answer 2

Đã tìm thấy lỗi. Bạn phải sử dụng phần tử DOM của renderer:

var gl = renderer.domElement.getContext('webgl') || 
      renderer.domElement.getContext('experimental-webgl'); 
gl.getExtension('OES_standard_derivatives');