@@ -29,7 +29,7 @@ export function WormholeBackground() {
2929 for ( let i = 0 ; i < lineCount ; i ++ ) {
3030 lines . push ( {
3131 angle : ( i / lineCount ) * Math . PI * 2 ,
32- speed : 0.002 + Math . random ( ) * 0.004 ,
32+ speed : 0.001 + Math . random ( ) * 0.002 , // Slower speed (50%)
3333 offset : Math . random ( ) * 100
3434 } ) ;
3535 }
@@ -42,10 +42,10 @@ export function WormholeBackground() {
4242
4343 let time = 0 ;
4444 const render = ( ) => {
45- time += 0.01 ;
45+ time += 0.005 ; // Slower time (50%)
4646
47- // Clear with slight alpha for motion blur
48- ctx . fillStyle = "rgba(0, 0, 0, 0.2 )" ;
47+ // Clear with less alpha for sharper motion (reduced motion blur)
48+ ctx . fillStyle = "rgba(0, 0, 0, 0.5 )" ; // Increased from 0.2 to 0.5
4949 ctx . fillRect ( 0 , 0 , w , h ) ;
5050
5151 // CENTER SWAY LOGIC
@@ -59,18 +59,18 @@ export function WormholeBackground() {
5959 // 1. Draw ZOOMING Rings
6060 rings . forEach ( ( ring , i ) => {
6161 // Grow rings to simulate forward movement
62- ring . r *= 1.02 ;
62+ ring . r *= 1.01 ; // Slower growth (50%)
6363 if ( ring . r > maxRadius ) {
6464 ring . r = 10 ; // Reset to center
6565 }
6666
6767 // Fade in/out based on distance from center
68- const opacity = Math . min ( 0.2 , ( ring . r / maxRadius ) * 0.5 ) ;
68+ const opacity = Math . min ( 0.8 , ( ring . r / maxRadius ) * 0.8 ) ; // Increased opacity
6969
7070 ctx . beginPath ( ) ;
7171 ctx . arc ( cx , cy , ring . r , 0 , Math . PI * 2 ) ;
7272 ctx . strokeStyle = `rgba(0, 194, 255, ${ opacity } )` ;
73- ctx . lineWidth = 1 + ( ring . r / maxRadius ) * 2 ;
73+ ctx . lineWidth = 2 + ( ring . r / maxRadius ) * 4 ; // Thicker lines
7474 ctx . stroke ( ) ;
7575 } ) ;
7676
@@ -86,14 +86,14 @@ export function WormholeBackground() {
8686
8787 const gradient = ctx . createLinearGradient ( x1 , y1 , x2 , y2 ) ;
8888 gradient . addColorStop ( 0 , "rgba(0, 194, 255, 0)" ) ;
89- gradient . addColorStop ( 0.2 , "rgba(0, 194, 255, 0.1 )" ) ;
89+ gradient . addColorStop ( 0.2 , "rgba(0, 194, 255, 0.4 )" ) ; // Increased opacity
9090 gradient . addColorStop ( 1 , "rgba(0, 194, 255, 0)" ) ;
9191
9292 ctx . beginPath ( ) ;
9393 ctx . moveTo ( x1 , y1 ) ;
9494 ctx . lineTo ( x2 , y2 ) ;
9595 ctx . strokeStyle = gradient ;
96- ctx . lineWidth = 0 .5;
96+ ctx . lineWidth = 1 .5; // Thicker lines
9797 ctx . stroke ( ) ;
9898 } ) ;
9999
0 commit comments