Docs: Improve SphereGeometry page. (#22193)

docs/api/en/geometries/SphereGeometry.html

@@ -33,8 +33,8 @@
 
 		<h2>Code Example</h2>
 
-		<code>const geometry = new THREE.SphereGeometry( 5, 32, 32 );
-		const material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
+		<code>const geometry = new THREE.SphereGeometry( 15, 32, 16 );
+		const material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
 		const sphere = new THREE.Mesh( geometry, material );
 		scene.add( sphere );
 		</code>

docs/api/zh/geometries/SphereGeometry.html

@@ -33,8 +33,8 @@
 
 		<h2>代码示例</h2>
 
-		<code>const geometry = new THREE.SphereGeometry( 5, 32, 32 );
-		const material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
+		<code>const geometry = new THREE.SphereGeometry( 15, 32, 16 );
+		const material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
 		const sphere = new THREE.Mesh( geometry, material );
 		scene.add( sphere );
 		</code>

docs/scenes/geometry-browser.html

@@ -458,8 +458,8 @@
 
 					const data = {
 						radius: 15,
-						widthSegments: 8,
-						heightSegments: 6,
+						widthSegments: 32,
+						heightSegments: 16,
 						phiStart: 0,
 						phiLength: twoPi,
 						thetaStart: 0,
@@ -479,7 +479,7 @@
 					const folder = gui.addFolder( 'THREE.SphereGeometry' );
 
 					folder.add( data, 'radius', 1, 30 ).onChange( generateGeometry );
-					folder.add( data, 'widthSegments', 3, 32 ).step( 1 ).onChange( generateGeometry );
+					folder.add( data, 'widthSegments', 3, 64 ).step( 1 ).onChange( generateGeometry );
 					folder.add( data, 'heightSegments', 2, 32 ).step( 1 ).onChange( generateGeometry );
 					folder.add( data, 'phiStart', 0, twoPi ).onChange( generateGeometry );
 					folder.add( data, 'phiLength', 0, twoPi ).onChange( generateGeometry );