Merge pull request #19392 from munrocket/thumbnails

Add proper screenshots

examples/css3d_molecules.html

@@ -118,7 +118,7 @@
 			function init() {
 
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 5000 );
-				camera.position.z = 1500;
+				camera.position.z = 1000;
 
 				scene = new THREE.Scene();
 

examples/index.html

@@ -169,7 +169,7 @@
 				'<div class="card">',
 				'	<a href="' + file + '.html" target="viewer">',
 				'		<div class="cover">',
-				'			<img src="screenshots/' + file + '.png" loading="lazy" />',
+				'			<img src="screenshots/' + file + '.jpg" loading="lazy" width="400" />',
 				'		</div>',
 				'		<div class="title">' + getName( file ) + '</div>',
 				'	</a>',

examples/jsm/utils/ShadowMapViewer.js

@@ -83,13 +83,13 @@ var ShadowMapViewer = function ( light ) {
 		labelCanvas = document.createElement( 'canvas' );
 
 		var context = labelCanvas.getContext( '2d' );
-		context.font = 'Bold 20px Arial';
+		context.font = 'Bold 18px Arial';
 
 		var labelWidth = context.measureText( light.name ).width;
 		labelCanvas.width = labelWidth;
 		labelCanvas.height = 25;	//25 to account for g, p, etc.
 
-		context.font = 'Bold 20px Arial';
+		context.font = 'Bold 18px Arial';
 		context.fillStyle = 'rgba( 255, 0, 0, 1 )';
 		context.fillText( light.name, 0, 20 );
 

examples/misc_animation_authoring.html

@@ -161,11 +161,6 @@
 
 		</script>
 
-		<script>
-			if (navigator.webdriver) { // off for testing
-				setTimeout(() => { document.getElementsByTagName('div')[1].style.display = 'none' }, 750)
-			}
-		</script>
-
+		<script>if ( typeof TESTING !== 'undefined' ) { setTimeout(() => { var a = document.querySelectorAll( 'body > div' ); a[1].style.display = 'none'; }, 750); }</script>
 	</body>
 </html>

examples/misc_animation_keys.html

@@ -31,7 +31,7 @@
 				//
 
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 1000 );
-				camera.position.set( 50, 50, 100 );
+				camera.position.set( 25, 25, 50 );
 				camera.lookAt( scene.position );
 
 				//