Update script.js

script.js

@@ -1,80 +1,86 @@
-// Частицы на Canvas
-const canvas = document.getElementById('particle-canvas');
+// Космический фон на Canvas
+const canvas = document.getElementById('cosmo-canvas');
 const ctx = canvas.getContext('2d');
 canvas.width = window.innerWidth;
 canvas.height = window.innerHeight;
 
 const particles = [];
-for (let i = 0; i < 100; i++) {
+for (let i = 0; i < 200; i++) {
     particles.push({
         x: Math.random() * canvas.width,
         y: Math.random() * canvas.height,
-        radius: Math.random() * 2 + 1,
-        speed: Math.random() * 1 + 0.5,
-        color: `hsl(${Math.random() * 360}, 100%, 50%)`
+        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
     });
 }
 
-function animateParticles() {
+function animateCosmo() {
     ctx.clearRect(0, 0, canvas.width, canvas.height);
     particles.forEach(p => {
+        ctx.globalAlpha = p.alpha;
         ctx.beginPath();
         ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
         ctx.fillStyle = p.color;
         ctx.fill();
-        p.y -= p.speed;
-        if (p.y < 0) p.y = canvas.height;
+        p.x += p.speedX;
+        p.y += p.speedY;
+        p.alpha = Math.sin(Date.now() * 0.001 + p.x) * 0.5 + 0.5;
+        if (p.x < 0 || p.x > canvas.width) p.speedX *= -1;
+        if (p.y < 0 || p.y > canvas.height) p.speedY *= -1;
     });
-    requestAnimationFrame(animateParticles);
+    requestAnimationFrame(animateCosmo);
 }
-animateParticles();
+animateCosmo();
 
-// Нейро-анимация продукта
-document.addEventListener('mousemove', (e) => {
-    const product = document.getElementById('ar-product');
-    const xAxis = (window.innerWidth / 2 - e.pageX) / 20;
-    const yAxis = (window.innerHeight / 2 - e.pageY) / 20;
-    product.style.transform = `perspective(1500px) rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;
-});
+// Управление продуктом (ПК: мышь, мобильные: сенсор)
+const product = document.getElementById('cosmo-product');
+if ('ontouchstart' in window) {
+    let touchStartX = 0, touchStartY = 0;
+    product.addEventListener('touchstart', (e) => {
+        touchStartX = e.touches[0].clientX;
+        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)`;
+    });
+    product.addEventListener('touchend', () => {
+        product.style.transform = 'perspective(2500px) 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)`;
+    });
+}
 
-// Голосовое управление и заказ
+// Заказ
 function orderNow() {
-    const msg = new SpeechSynthesisUtterance("Revolut активирован. Чистота начинается сейчас.");
-    window.speechSynthesis.speak(msg);
-    document.body.style.background = "radial-gradient(circle, #00ffcc, #000)";
+    document.body.style.transition = 'background 0.7s';
+    document.body.style.background = 'radial-gradient(circle, #00ffcc, #ff007a, #000)';
     setTimeout(() => {
-        document.body.style.background = "#000";
-    }, 1000);
+        document.body.style.background = '#000';
+    }, 1200);
+    alert('Revolut запущен. Твоя кожа — космос!');
 }
 
-// Эффекты для подов
+// Эффекты подов
 function podEffect(element) {
-    element.style.transform = "translateY(-20px) scale(1.1)";
-    element.style.boxShadow = "0 0 30px rgba(0, 255, 204, 0.7)";
+    element.style.transform = 'translateY(-30px) scale(1.2) translateZ(30px)';
+    element.style.boxShadow = '0 0 50px rgba(0, 255, 204, 1)';
 }
 
 function podReset(element) {
-    element.style.transform = "translateY(0) scale(1)";
-    element.style.boxShadow = "none";
+    element.style.transform = 'translateY(0) scale(1) translateZ(0)';
+    element.style.boxShadow = 'none';
 }
 
-// Нейро-приветствие
-window.addEventListener('load', () => {
-    if ('speechSynthesis' in window) {
-        const msg = new SpeechSynthesisUtterance("Добро пожаловать в 2070. Активируй Revolut голосом: скажи 'Начать'.");
-        window.speechSynthesis.speak(msg);
-    }
-});
-
-if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
-    const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
-    recognition.lang = 'ru-RU';
-    recognition.continuous = true;
-    recognition.onresult = (event) => {
-        const command = event.results[event.results.length - 1][0].transcript.toLowerCase();
-        if (command.includes('начать') || command.includes('активировать')) {
-            orderNow();
-        }
-    };
-    recognition.start();
+function podTouch(element) {
+    element.classList.add('active');
+    setTimeout(() => element.classList.remove('active'), 700);
 }