adjust parameters for ripple, remove eslint err

.eslintrc.cjs

@@ -16,5 +16,6 @@ module.exports = {
 		],
 		'@typescript-eslint/no-explicit-any': 'off',
 		'@typescript-eslint/no-unused-vars': 'off',
+		'@typescript-eslint/no-this-alias': 'off',
 	},
 };

src/Scene.tsx

@@ -25,11 +25,11 @@ export default function Scene() {
 
 		rippleFX: folder(
 			{
-				alpha: 0.6,
-				fadeout_speed: 0.9,
+				alpha: 1.0,
+				fadeout_speed: 0.94,
 				frequency: 0.01,
-				rotation: 0.05,
-				scale: 0.3,
+				rotation: 0.02,
+				scale: 0.06,
 			},
 			{ render: (get) => get('fxType') === 'ripple' }
 		),
@@ -78,7 +78,7 @@ export default function Scene() {
 		<>
 			<Perf position={'top-left'} />
 
-			<Environment preset='park' background />
+			<Environment preset='studio' background />
 
 			<ambientLight />
 			<mesh>
@@ -90,7 +90,8 @@ export default function Scene() {
 				<WaterSurfaceSimple
 					fxType={controls.fxType}
 					width={controls.planeSize.width}
-					length={controls.planeSize.length}>
+					length={controls.planeSize.length}
+					fxDisplayColor={true}>
 					{FX_RENDER}
 				</WaterSurfaceSimple>
 			)}

src/WaterSurface/InteractiveFX/RippleFX.tsx

@@ -16,8 +16,8 @@ export default function RippleFX({
 	frequency = 0.01,
 	rotation = 0.05,
 	fadeout_speed = 0.9,
-	scale = 0.3,
-	alpha = 0.6,
+	scale = 0.2,
+	alpha = 1.0,
 }: FXRippleProps) {
 	const { ref: materialRef, refPointer } = useContext(WaterContext);
 

src/WaterSurface/Water/WaterComplex.ts

@@ -199,7 +199,6 @@ class WaterComplex extends Mesh {
 
 		//this.type = 'Water';
 
-		// eslint-disable-next-line @typescript-eslint/no-this-alias
 		const scope = this;
 
 		const color =

src/WaterSurface/Water/WaterSimple.ts

@@ -47,7 +47,6 @@ class WaterSimple extends Mesh {
 
 		//this.isWater = true;
 
-		// eslint-disable-next-line @typescript-eslint/no-this-alias
 		const scope = this;
 
 		const textureWidth =