renderer.context to renderer.getContext

threejs/lessons/threejs-indexed-textures.md

@@ -109,12 +109,12 @@ class GPUPickHelper {
     // set the view offset to represent just a single pixel under the mouse
     const pixelRatio = renderer.getPixelRatio();
     camera.setViewOffset(
-        renderer.context.drawingBufferWidth,   // full width
-        renderer.context.drawingBufferHeight,  // full top
-        cssPosition.x * pixelRatio | 0,        // rect x
-        cssPosition.y * pixelRatio | 0,        // rect y
-        1,                                     // rect width
-        1,                                     // rect height
+        renderer.getContext().drawingBufferWidth,   // full width
+        renderer.getContext().drawingBufferHeight,  // full top
+        cssPosition.x * pixelRatio | 0,             // rect x
+        cssPosition.y * pixelRatio | 0,             // rect y
+        1,                                          // rect width
+        1,                                          // rect height
     );
     // render the scene
     renderer.setRenderTarget(pickingTexture);

threejs/lessons/threejs-picking.md

@@ -360,12 +360,12 @@ Then let's change the `PickHelper` into a `GPUPickHelper`. It will use a `WebGLR
 +    // set the view offset to represent just a single pixel under the mouse
 +    const pixelRatio = renderer.getPixelRatio();
 +    camera.setViewOffset(
-+        renderer.context.drawingBufferWidth,   // full width
-+        renderer.context.drawingBufferHeight,  // full top
-+        cssPosition.x * pixelRatio | 0,        // rect x
-+        cssPosition.y * pixelRatio | 0,        // rect y
-+        1,                                     // rect width
-+        1,                                     // rect height
++        renderer.getContext().drawingBufferWidth,   // full width
++        renderer.getContext().drawingBufferHeight,  // full top
++        cssPosition.x * pixelRatio | 0,             // rect x
++        cssPosition.y * pixelRatio | 0,             // rect y
++        1,                                          // rect width
++        1,                                          // rect height
 +    );
 +    // render the scene
 +    renderer.setRenderTarget(pickingTexture)

threejs/threejs-indexed-textures-picking-and-highlighting.html

@@ -315,12 +315,12 @@ function main() {
       // set the view offset to represent just a single pixel under the mouse
       const pixelRatio = renderer.getPixelRatio();
       camera.setViewOffset(
-          renderer.context.drawingBufferWidth,   // full width
-          renderer.context.drawingBufferHeight,  // full top
-          cssPosition.x * pixelRatio | 0,        // rect x
-          cssPosition.y * pixelRatio | 0,        // rect y
-          1,                                     // rect width
-          1,                                     // rect height
+          renderer.getContext().drawingBufferWidth,   // full width
+          renderer.getContext().drawingBufferHeight,  // full top
+          cssPosition.x * pixelRatio | 0,             // rect x
+          cssPosition.y * pixelRatio | 0,             // rect y
+          1,                                          // rect width
+          1,                                          // rect height
       );
       // render the scene
       renderer.setRenderTarget(pickingTexture);

threejs/threejs-indexed-textures-picking-debounced.html

@@ -315,12 +315,12 @@ function main() {
       // set the view offset to represent just a single pixel under the mouse
       const pixelRatio = renderer.getPixelRatio();
       camera.setViewOffset(
-          renderer.context.drawingBufferWidth,   // full width
-          renderer.context.drawingBufferHeight,  // full top
-          cssPosition.x * pixelRatio | 0,        // rect x
-          cssPosition.y * pixelRatio | 0,        // rect y
-          1,                                     // rect width
-          1,                                     // rect height
+          renderer.getContext().drawingBufferWidth,   // full width
+          renderer.getContext().drawingBufferHeight,  // full top
+          cssPosition.x * pixelRatio | 0,             // rect x
+          cssPosition.y * pixelRatio | 0,             // rect y
+          1,                                          // rect width
+          1,                                          // rect height
       );
       // render the scene
       renderer.setRenderTarget(pickingTexture);

threejs/threejs-indexed-textures-picking.html

@@ -246,12 +246,12 @@ function main() {
       // set the view offset to represent just a single pixel under the mouse
       const pixelRatio = renderer.getPixelRatio();
       camera.setViewOffset(
-          renderer.context.drawingBufferWidth,   // full width
-          renderer.context.drawingBufferHeight,  // full top
-          cssPosition.x * pixelRatio | 0,        // rect x
-          cssPosition.y * pixelRatio | 0,        // rect y
-          1,                                     // rect width
-          1,                                     // rect height
+          renderer.getContext().drawingBufferWidth,   // full width
+          renderer.getContext().drawingBufferHeight,  // full top
+          cssPosition.x * pixelRatio | 0,             // rect x
+          cssPosition.y * pixelRatio | 0,             // rect y
+          1,                                          // rect width
+          1,                                          // rect height
       );
       // render the scene
       renderer.setRenderTarget(pickingTexture);

threejs/threejs-indexed-textures-random-colors.html

@@ -295,12 +295,12 @@ function main() {
       // set the view offset to represent just a single pixel under the mouse
       const pixelRatio = renderer.getPixelRatio();
       camera.setViewOffset(
-          renderer.context.drawingBufferWidth,   // full width
-          renderer.context.drawingBufferHeight,  // full top
-          cssPosition.x * pixelRatio | 0,        // rect x
-          cssPosition.y * pixelRatio | 0,        // rect y
-          1,                                     // rect width
-          1,                                     // rect height
+          renderer.getContext().drawingBufferWidth,   // full width
+          renderer.getContext().drawingBufferHeight,  // full top
+          cssPosition.x * pixelRatio | 0,             // rect x
+          cssPosition.y * pixelRatio | 0,             // rect y
+          1,                                          // rect width
+          1,                                          // rect height
       );
       // render the scene
       renderer.setRenderTarget(pickingTexture);

threejs/threejs-picking-gpu.html

@@ -143,12 +143,12 @@ function main() {
       // set the view offset to represent just a single pixel under the mouse
       const pixelRatio = renderer.getPixelRatio();
       camera.setViewOffset(
-          renderer.context.drawingBufferWidth,   // full width
-          renderer.context.drawingBufferHeight,  // full top
-          cssPosition.x * pixelRatio | 0,        // rect x
-          cssPosition.y * pixelRatio | 0,        // rect y
-          1,                                     // rect width
-          1,                                     // rect height
+          renderer.getContext().drawingBufferWidth,   // full width
+          renderer.getContext().drawingBufferHeight,  // full top
+          cssPosition.x * pixelRatio | 0,             // rect x
+          cssPosition.y * pixelRatio | 0,             // rect y
+          1,                                          // rect width
+          1,                                          // rect height
       );
       // render the scene
       renderer.setRenderTarget(pickingTexture);