Update script.js

script.js

@@ -5,15 +5,15 @@ canvas.width = window.innerWidth;
 canvas.height = window.innerHeight;
 
 const particles = [];
-for (let i = 0; i < 200; i++) {
+for (let i = 0; i < 250; i++) {
     particles.push({
         x: Math.random() * canvas.width,
         y: Math.random() * canvas.height,
-        radius: Math.random() * 4 + 1,
-        speedX: Math.random() * 0.8 - 0.4,
-        speedY: Math.random() * 0.8 - 0.4,
-        color: `hsl(${Math.random() * 360}, 100%, 80%)`,
-        alpha: Math.random() * 0.5 + 0.5
+        radius: Math.random() * 5 + 1,
+        speedX: Math.random() * 1 - 0.5,
+        speedY: Math.random() * 1 - 0.5,
+        color: `hsl(${Math.random() * 360}, 100%, 85%)`,
+        alpha: Math.random() * 0.6 + 0.4
     });
 }
 
@@ -27,7 +27,7 @@ function animateCosmo() {
         ctx.fill();
         p.x += p.speedX;
         p.y += p.speedY;
-        p.alpha = Math.sin(Date.now() * 0.001 + p.x) * 0.5 + 0.5;
+        p.alpha = Math.sin(Date.now() * 0.002 + p.x) * 0.6 + 0.4;
         if (p.x < 0 || p.x > canvas.width) p.speedX *= -1;
         if (p.y < 0 || p.y > canvas.height) p.speedY *= -1;
     });
@@ -44,35 +44,45 @@ if ('ontouchstart' in window) {
         touchStartY = e.touches[0].clientY;
     });
     product.addEventListener('touchmove', (e) => {
-        const deltaX = (e.touches[0].clientX - touchStartX) / 10;
-        const deltaY = (e.touches[0].clientY - touchStartY) / 10;
-        product.style.transform = `perspective(2500px) rotateY(${deltaX}deg) rotateX(${-deltaY}deg)`;
+        const deltaX = (e.touches[0].clientX - touchStartX) / 8;
+        const deltaY = (e.touches[0].clientY - touchStartY) / 8;
+        product.style.transform = `perspective(3000px) rotateY(${deltaX}deg) rotateX(${-deltaY}deg)`;
     });
     product.addEventListener('touchend', () => {
-        product.style.transform = 'perspective(2500px) rotateY(0deg) rotateX(0deg)';
+        product.style.transform = 'perspective(3000px) rotateY(0deg) rotateX(0deg)';
     });
 } else {
     document.addEventListener('mousemove', (e) => {
-        const xAxis = (window.innerWidth / 2 - e.pageX) / 10;
-        const yAxis = (window.innerHeight / 2 - e.pageY) / 10;
-        product.style.transform = `perspective(2500px) rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;
+        const xAxis = (window.innerWidth / 2 - e.pageX) / 8;
+        const yAxis = (window.innerHeight / 2 - e.pageY) / 8;
+        product.style.transform = `perspective(3000px) rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;
+    });
+    // Дополнительная анимация при наведении на продукт
+    product.addEventListener('mouseenter', () => {
+        product.style.filter = 'brightness(1.5)';
+    });
+    product.addEventListener('mouseleave', () => {
+        product.style.filter = 'brightness(1)';
     });
 }
 
 // Заказ
 function orderNow() {
-    document.body.style.transition = 'background 0.7s';
+    document.body.style.transition = 'background 0.8s';
     document.body.style.background = 'radial-gradient(circle, #00ffcc, #ff007a, #000)';
+    const title = document.getElementById('cosmo-title');
+    title.style.transform = 'scale(1.2)';
     setTimeout(() => {
         document.body.style.background = '#000';
-    }, 1200);
+        title.style.transform = 'scale(1)';
+    }, 1500);
     alert('Revolut запущен. Твоя кожа — космос!');
 }
 
 // Эффекты подов
 function podEffect(element) {
-    element.style.transform = 'translateY(-30px) scale(1.2) translateZ(30px)';
-    element.style.boxShadow = '0 0 50px rgba(0, 255, 204, 1)';
+    element.style.transform = 'translateY(-40px) scale(1.25) translateZ(40px)';
+    element.style.boxShadow = '0 0 60px rgba(0, 255, 204, 1)';
 }
 
 function podReset(element) {
@@ -82,7 +92,7 @@ function podReset(element) {
 
 function podTouch(element) {
     element.classList.add('active');
-    setTimeout(() => element.classList.remove('active'), 700);
+    setTimeout(() => element.classList.remove('active'), 800);
 }
 
 // Обновление размеров Canvas при изменении окна