Set default options suitable for mouse trail

Author: mayank1513

examples/nextjs/src/app/layout.tsx

@@ -24,13 +24,6 @@ export default function RootLayout({ children }: { children: React.ReactNode }):
           fullScreenOverlay
           options={{
             rgba: [0, 1, 0, 0.5],
-            maxParticles: 1000,
-            generationRate: 0.25,
-            angleRage: [-2 * Math.PI, 2 * Math.PI],
-            origin: [-1, -1],
-            speedRange: [0.01, 0.1],
-            ageRange: [0.01, 0.5],
-            forceField: [0, 0],
           }}
         />
       </body>

lib/src/simulator.ts

@@ -56,13 +56,15 @@ export interface ParticlesOptions {
 }
 
 const defaultOptions: ParticlesOptions = {
-  rgba: [1, 0, 0, 1],
-  maxParticles: 1000_000,
-  generationRate: 1,
-  forceField: [0, -0.25],
-  angleRage: [-PI, PI],
-  speedRange: [0.5, 1],
-  ageRange: [2, 10],
+  rgba: [1, 0, 0, 0.5],
+  maxParticles: 1000,
+  generationRate: 0.25,
+  // setting range from -PI to PI craetes some patches because of overflows
+  angleRage: [-2 * PI, 2 * PI],
+  origin: [-1, -1],
+  speedRange: [0.01, 0.1],
+  ageRange: [0.01, 0.5],
+  forceField: [0, 0.1],
 };
 
 /** generate initial data for the simulation */