'use client'; import React, { useMemo, useEffect, useState } from 'react'; const VIEW_WIDTH = 800; const VIEW_HEIGHT = 600; const CENTER_X = VIEW_WIDTH / 2; const CENTER_Y = VIEW_HEIGHT / 2; export const BlackHoleAnimation = () => { // 生成背景星空 const stars = useMemo(() => { return Array.from({ length: 150 }).map((_, i) => ({ id: i, x: Math.random() * VIEW_WIDTH, y: Math.random() * VIEW_HEIGHT, r: Math.random() * 1.5 + 0.5, opacity: Math.random() * 0.7 + 0.3, blinkDuration: Math.random() * 3 + 2, delay: Math.random() * 2, })); }, []); // 生成吸积盘的粒子流纹理 const accretionLayers = useMemo(() => { return Array.from({ length: 6 }).map((_, i) => ({ id: i, rx: 240 - i * 25, // X轴半径 ry: 60 - i * 6, // Y轴半径 (扁平化以模拟透视) strokeWidth: 15 - i, opacity: 0.8 - i * 0.1, dashArray: `${Math.random() * 100 + 50} ${Math.random() * 50 + 20}`, duration: 15 + i * 2, // 不同层旋转速度不同 direction: i % 2 === 0 ? 1 : -1, // 稍微错乱一点的视觉效果 })); }, []); return ( ); };