'use client'; import React, { useState, useEffect, useMemo, useRef } from 'react'; const VIEW_WIDTH = 1000; const VIEW_HEIGHT = 562; // 16:9 Aspect Ratio const COLOR_BG = '#0f172a'; const COLOR_PINK = '#ff00cc'; // Danganronpa Pink const COLOR_CYAN = '#00ffff'; const COLOR_YELLOW = '#ffcc00'; const COLOR_WHITE = '#ffffff'; export default function DanganronpaAnimation() { const [phase, setPhase] = useState(0); // 0: Search, 1: Lock, 2: Fire, 3: Break const [textIndex, setTextIndex] = useState(0); const words = ["矛盾", "谎言", "希望", "绝望"]; const bulletWords = ["言弹", "证据", "逻辑", "真实"]; // Animation Loop useEffect(() => { let timeout; const runSequence = async () => { // Phase 0: Searching / Rotating (2.5s) setPhase(0); setTextIndex(prev => (prev + 1) % words.length); await new Promise(r => timeout = setTimeout(r, 2500)); // Phase 1: Lock On (0.5s) setPhase(1); await new Promise(r => timeout = setTimeout(r, 600)); // Phase 2: Fire Truth Bullet (0.4s) setPhase(2); await new Promise(r => timeout = setTimeout(r, 400)); // Phase 3: Shatter / Ronpa (2s) setPhase(3); await new Promise(r => timeout = setTimeout(r, 2000)); runSequence(); }; runSequence(); return () => clearTimeout(timeout); }, []); // Generate random shards for the shattering effect const shards = useMemo(() => { return Array.from({ length: 24 }).map((_, i) => { const angle = (Math.PI * 2 * i) / 24; const dist = 50 + Math.random() * 100; return { id: i, d: `M0,0 L${Math.random() * 60 - 30},${Math.random() * 60 - 30} L${Math.random() * 60 - 30},${Math.random() * 60 - 30} Z`, tx: Math.cos(angle) * dist * 4, ty: Math.sin(angle) * dist * 4, r: Math.random() * 720 - 360, scale: 0.5 + Math.random(), fill: Math.random() > 0.5 ? COLOR_PINK : COLOR_CYAN }; }); }, []); // Background floating text const bgText = useMemo(() => { return Array.from({ length: 10 }).map((_, i) => ({ x: Math.random() * VIEW_WIDTH, y: Math.random() * VIEW_HEIGHT, size: 10 + Math.random() * 30, opacity: 0.1 + Math.random() * 0.2, text: ["NO THAT'S WRONG", "BREAK", "TRUTH", "HOPE"][Math.floor(Math.random() * 4)], speed: 0.5 + Math.random() })); }, []); return (

); }