From 0f6fb4161279a75960c72e398d5dc888b372fe09 Mon Sep 17 00:00:00 2001
From: "Mr.doob" <info@mrdoob.com>
Date: Mon, 30 Sep 2019 16:25:19 -0700
Subject: [PATCH] Examples: Imrpoved WebGL2 examples.

---
 examples/webgl2_materials_texture2darray.html   | 4 ++--
 examples/webgl2_materials_texture3d.html        | 2 +-
 examples/webgl2_multisampled_renderbuffers.html | 6 ++++--
 examples/webgl2_sandbox.html                    | 2 +-
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/examples/webgl2_materials_texture2darray.html b/examples/webgl2_materials_texture2darray.html
index 975dc1e9e1..da4645a87d 100644
--- a/examples/webgl2_materials_texture2darray.html
+++ b/examples/webgl2_materials_texture2darray.html
@@ -123,9 +123,9 @@
 				// 2D Texture array is available on WebGL 2.0
 
 				var canvas = document.createElement( 'canvas' );
-				var context = canvas.getContext( 'webgl2' );
+				var context = canvas.getContext( 'webgl2', { alpha: false, antialias: false } );
 
-				renderer = new THREE.WebGLRenderer( { antialias: true, canvas: canvas, context: context } );
+				renderer = new THREE.WebGLRenderer( { canvas: canvas, context: context } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
diff --git a/examples/webgl2_materials_texture3d.html b/examples/webgl2_materials_texture3d.html
index bc752301ae..95b011e56f 100644
--- a/examples/webgl2_materials_texture3d.html
+++ b/examples/webgl2_materials_texture3d.html
@@ -44,7 +44,7 @@
 
 			// Create renderer
 			var canvas = document.createElement( 'canvas' );
-			var context = canvas.getContext( 'webgl2' );
+			var context = canvas.getContext( 'webgl2', { alpha: false, antialias: false } );
 			renderer = new THREE.WebGLRenderer( { canvas: canvas, context: context } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
diff --git a/examples/webgl2_multisampled_renderbuffers.html b/examples/webgl2_multisampled_renderbuffers.html
index e0f3eb824f..82e44d5b99 100644
--- a/examples/webgl2_multisampled_renderbuffers.html
+++ b/examples/webgl2_multisampled_renderbuffers.html
@@ -28,7 +28,7 @@
 
 		<div id="info">
 			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - Multisampled Renderbuffers<br />
-			Left scene is multi-sampled, right scene is rendered without anti-aliasing.
+			Left: WebGLMultisampleRenderTarget, Right: WebGLRenderTarget.
 		</div>
 		<div id="container">
 		</div>
@@ -102,7 +102,9 @@
 				//
 
 				var canvas = document.createElement( 'canvas' );
-				var context = canvas.getContext( 'webgl2', { antialias: false } );
+				canvas.style.imageRendering = 'pixelated'; // disable browser interpolation
+
+				var context = canvas.getContext( 'webgl2', { alpha: false, antialias: false } );
 
 				renderer = new THREE.WebGLRenderer( { canvas: canvas, context: context } );
 				renderer.autoClear = false;
diff --git a/examples/webgl2_sandbox.html b/examples/webgl2_sandbox.html
index 4f24962b02..e832478777 100644
--- a/examples/webgl2_sandbox.html
+++ b/examples/webgl2_sandbox.html
@@ -63,7 +63,7 @@
 				}
 
 				var canvas = document.createElement( 'canvas' );
-				var context = canvas.getContext( 'webgl2' );
+				var context = canvas.getContext( 'webgl2', { alpha: false, antialias: true } );
 
 				renderer = new THREE.WebGLRenderer( { canvas: canvas, context: context } );
 				renderer.setPixelRatio( window.devicePixelRatio );
-- 
GitLab