diff --git a/src/components/game/StrategyAnimation.tsx b/src/components/game/StrategyAnimation.tsx new file mode 100644 index 0000000..5580b76 --- /dev/null +++ b/src/components/game/StrategyAnimation.tsx @@ -0,0 +1,331 @@ +import React, { useEffect, useRef } from 'react'; +import { motion } from 'framer-motion'; +import { StrategyAnimation as StrategyAnimationType } from './types'; + +interface StrategyAnimationProps { + animation: StrategyAnimationType; + className?: string; +} + +interface Node { + id: number; + baseX: number; + baseY: number; + x: number; + y: number; +} + +interface MemeSymbol { + id: number; + symbol: string; + x: number; + y: number; + rotation: number; + scale: number; +} + +export const StrategyAnimation: React.FC = ({ animation, className = '' }) => { + const containerRef = useRef(null); + + useEffect(() => { + if (!containerRef.current) return; + + const container = containerRef.current; + const { type, config = {} } = animation; + const { + particleCount = 20, + speed = 2, + spread = 100, + color = '#FFD700' + } = config; + + // Clear any existing particles + container.innerHTML = ''; + + switch (type) { + case 'network': + // We'll handle network differently now - moved to JSX + break; + + case 'meme': + // Meme case handled separately + break; + + case 'news': + // Create scrolling headlines + for (let i = 0; i < 5; i++) { + const headline = document.createElement('div'); + headline.className = 'absolute left-0 whitespace-nowrap animate-scroll'; + headline.textContent = 'BREAKING NEWS • MATHEMATICAL TRUTH QUESTIONED •'; + headline.style.top = `${i * 20}%`; + headline.style.animationDelay = `${i * 0.5}s`; + container.appendChild(headline); + } + break; + + case 'community': + // Create gathering dots that form groups + for (let i = 0; i < particleCount; i++) { + const person = document.createElement('div'); + person.className = 'absolute w-2 h-2 rounded-full bg-blue-500 animate-gather'; + person.style.left = `${Math.random() * 100}%`; + person.style.top = `${Math.random() * 100}%`; + person.style.animationDelay = `${Math.random() * 2}s`; + container.appendChild(person); + } + break; + + case 'expert': + // Create floating mathematical symbols + const symbols = ['∑', '∫', 'π', '∞', '≠', '±']; + for (let i = 0; i < particleCount; i++) { + const symbol = document.createElement('div'); + symbol.className = 'absolute text-xl font-bold text-yellow-500 animate-float'; + symbol.textContent = symbols[Math.floor(Math.random() * symbols.length)]; + symbol.style.left = `${Math.random() * 100}%`; + symbol.style.animationDelay = `${Math.random() * 2}s`; + container.appendChild(symbol); + } + break; + + case 'research': + // Create scrolling paper effect + for (let i = 0; i < 3; i++) { + const paper = document.createElement('div'); + paper.className = 'absolute w-16 h-20 bg-white/20 rounded animate-float'; + paper.style.left = `${20 + i * 30}%`; + paper.style.animationDelay = `${i * 0.5}s`; + container.appendChild(paper); + } + break; + + case 'podcast': + // Create audio wave effect + for (let i = 0; i < 10; i++) { + const wave = document.createElement('div'); + wave.className = 'absolute bottom-1/2 w-1 bg-green-500 animate-wave'; + wave.style.left = `${10 + i * 10}%`; + wave.style.animationDelay = `${i * 0.1}s`; + wave.style.height = '20%'; + container.appendChild(wave); + } + break; + + case 'event': + // Create gathering effect with people icons + for (let i = 0; i < particleCount; i++) { + const person = document.createElement('div'); + person.className = 'absolute text-sm animate-gather'; + person.textContent = '👤'; + person.style.left = `${Math.random() * 100}%`; + person.style.top = `${Math.random() * 100}%`; + person.style.animationDelay = `${Math.random() * 2}s`; + container.appendChild(person); + } + break; + + case 'platform': + // Create platform interface elements + const elements = ['📱', '💻', '🖥️', '📲']; + for (let i = 0; i < elements.length; i++) { + const element = document.createElement('div'); + element.className = 'absolute text-2xl animate-float'; + element.textContent = elements[i]; + element.style.left = `${25 * i}%`; + element.style.animationDelay = `${i * 0.5}s`; + container.appendChild(element); + } + break; + + case 'freedom': + // Create rising particles effect + for (let i = 0; i < particleCount; i++) { + const particle = document.createElement('div'); + particle.className = 'absolute w-1 h-1 rounded-full bg-yellow-500 animate-rise'; + particle.style.left = `${Math.random() * 100}%`; + particle.style.animationDelay = `${Math.random() * 2}s`; + container.appendChild(particle); + } + break; + } + }, [animation]); + + if (animation.type === 'network') { + const nodes: Node[] = Array.from({ length: 6 }, (_, i) => { + const row = Math.floor(i / 2); + const col = i % 2; + const baseX = 30 + col * 40; + const baseY = 25 + row * 25; + return { + id: i, + baseX, + baseY, + x: baseX, + y: baseY, + }; + }); + + return ( +
+ + {nodes.map((node1) => + nodes + .filter((node2) => node2.id !== node1.id) + .map((node2) => ( + 0.5 ? 10 : -10)}%`], + y1: [`${node1.baseY}%`, `${node1.baseY + (Math.random() > 0.5 ? 10 : -10)}%`], + x2: [`${node2.baseX}%`, `${node2.baseX + (Math.random() > 0.5 ? 10 : -10)}%`], + y2: [`${node2.baseY}%`, `${node2.baseY + (Math.random() > 0.5 ? 10 : -10)}%`], + }} + transition={{ + duration: 4, + repeat: Infinity, + repeatType: "mirror", + ease: "easeInOut" + }} + /> + )) + )} + + + {nodes.map((node) => ( + 0.5 ? 10 : -10)}%`, + `${node.baseX}%`, + ], + y: [ + `${node.baseY}%`, + `${node.baseY + (Math.random() > 0.5 ? 10 : -10)}%`, + `${node.baseY}%`, + ], + }} + transition={{ + duration: 6, + repeat: Infinity, + repeatType: "reverse", + ease: "easeInOut", + delay: node.id * 0.2, + }} + > + + + + + ))} +
+ ); + } + + if (animation.type === 'meme') { + const createWave = (waveIndex: number) => { + return Array.from({ length: 6 }, (_, i) => { + const symbols = ['😂', '🤔', '💭', '🎯', '🔥', '💯', '👀', '🙌', '✨', '💪']; + const x = 5 + (i * (90 / 5)); + return { + id: waveIndex * 6 + i, + symbol: symbols[Math.floor(Math.random() * symbols.length)], + x, + y: 120 + (waveIndex * 60), + rotation: -10 + Math.random() * 20, // Increased rotation range + scale: 0.8 + Math.random() * 0.4, // More variation in scale + }; + }); + }; + + const memeSymbols: MemeSymbol[] = [ + ...createWave(0), + ...createWave(1), + ...createWave(2), + ...createWave(3), + ]; + + return ( +
+ {memeSymbols.map((meme) => ( + + {meme.symbol} + + ))} +
+ ); + } + + return ( +
+ ); +}; \ No newline at end of file diff --git a/src/components/game/constants.tsx b/src/components/game/constants.tsx index 743f8f7..9a54214 100644 --- a/src/components/game/constants.tsx +++ b/src/components/game/constants.tsx @@ -244,11 +244,13 @@ export const stages: GameStage[] = [ subject="Establishing a Digital Presence">

Agent,

-

To successfully launch our campaign promoting "2+2=5," it's essential to build a strong digital foundation. I propose two strategies.

+

Our analysis of successful digital influence campaigns has revealed two foundational approaches for establishing initial presence, each exploiting different aspects of human psychology and network propagation:

-

Each approach has been carefully analyzed for effectiveness and stealth. Your choice will determine our initial digital footprint and set the stage for future operations.

+

1. Bot Network Strategy: This approach leverages the "social proof" and "consensus illusion" principles. Research by Dr. Sarah Chen at Stanford's Digital Influence Lab shows that opinions appearing to have widespread support achieve 73% higher message penetration. A coordinated network of 5,000+ accounts with AI-generated personas creates the perception of organic discussion. However, this carries a -5 stability impact due to potential detection risks and platform countermeasures.

-

Choose wisely - our success depends on establishing the right foundation.

+

2. Meme Strategy: This method utilizes the "emotional contagion" and "cognitive bypass" effects. Dr. Emily Rodriguez's viral content analysis at MIT Media Lab demonstrates that meme content achieves 4.8x higher engagement than traditional formats, with humor-based information spreading 3.2x faster through social networks. While slower to scale, this approach maintains a +2 stability rating through authentic-appearing growth.

+ +

The bot network offers rapid scaling and message control but risks exposure, while memes provide sustainable growth through genuine viral spread. Your choice will establish our movement's digital DNA and influence all future operations.

-- Algorithm Expert

, @@ -259,6 +261,14 @@ export const stages: GameStage[] = [ description: "Create a sophisticated network of 5,000 social media accounts, each with unique personas, posting histories, and interaction patterns. These accounts will be equipped with AI-generated profile pictures, personal backstories, and consistent behavioral patterns to appear as genuine individuals discussing mathematics, education, and philosophy.", impact: "High scalability and continuous presence across platforms. The network's distributed nature makes it resilient to detection while creating an illusion of widespread grassroots interest in mathematical relativism.", explainer: "Our analysis of Dr. Sarah Chen's research at Stanford's Digital Influence Lab shows that networks of 5,000+ coordinated accounts achieve 73% higher message penetration than smaller networks. We've identified optimal posting schedules based on Dr. James Miller's social contagion models, suggesting 3-4 posts per day per account with 40% original content, 30% engagement, and 30% amplification of existing messages.", + animation: { + type: "network", + config: { + particleCount: 30, + speed: 2, + color: '#FFD700' + } + }, result: { title: "Bot Network Successfully Deployed", description: "The network of independent bot accounts has been successfully established and is building credibility across platforms.", @@ -277,6 +287,13 @@ export const stages: GameStage[] = [ description: "Launch a coordinated network of meme pages across multiple platforms (Instagram, Twitter, Reddit, TikTok), each with distinct visual styles and target demographics. Content will range from academic humor to philosophical paradoxes, gradually introducing mathematical relativism through engaging, shareable formats.", impact: "Rapid virality potential and strong youth engagement. Memes bypass traditional critical thinking barriers and create emotional connections to complex ideas through humor and relatability.", explainer: "Based on Dr. Emily Rodriguez's viral content analysis at MIT Media Lab, memes achieve 4.8x higher engagement than traditional content. Our team has identified three primary meme aesthetics that resonate with target demographics: minimalist mathematical designs (based on @mathwithbae's success), surrealist number theory jokes (following @philosophymemes' format), and educational paradox illustrations (inspired by Vsauce's visual style).", + animation: { + type: "meme", + config: { + particleCount: 15, + speed: 1.5 + } + }, result: { title: "Meme Network Successfully Established", description: "The diverse meme channels are operational and gaining traction across platforms.", @@ -299,11 +316,13 @@ export const stages: GameStage[] = [ subject="Strategic Introduction of '2+2=5'">

Agent,

-

With our digital foundation in place, it's time to introduce our core message. Our analysis suggests two viable approaches for initial narrative deployment.

+

Our research into narrative adoption patterns has identified two proven approaches for introducing controversial ideas, each exploiting different cognitive biases and information processing mechanisms:

-

Each method has been tested in simulated environments, with promising results for different target demographics.

+

1. Automated News Network: This strategy leverages the "illusory truth effect" - people's tendency to believe information they encounter repeatedly from seemingly independent sources. Our studies show that cross-referencing between 12+ seemingly independent news sites increases perceived credibility by 280%. However, this approach carries a -7 stability impact due to the risk of creating information chaos.

-

Choose your approach carefully - this phase will establish the primary vector for our message dissemination.

+

2. Community Infiltration: This method utilizes the "in-group bias" and "authority bias" principles. By targeting communities already predisposed to question established norms (philosophy forums, quantum physics groups), we tap into existing trust networks. Data shows these communities have 3.2x higher receptivity to paradigm-shifting ideas compared to general audiences, with a +3 stability rating due to organic integration.

+ +

The news network approach offers broader reach and faster narrative establishment but risks detection. Community infiltration provides deeper, more resilient support but requires more time to achieve critical mass. Your choice will determine our narrative's initial vector and long-term resilience.

-- Content Strategist

, @@ -314,6 +333,12 @@ export const stages: GameStage[] = [ description: "Establish a network of seemingly independent news websites using advanced NLP models for content generation. Each site will have unique branding, editorial policies, and content focus - from academic journals to popular science blogs. Content will systematically question mathematical absolutism while maintaining high editorial standards.", impact: "Creates a self-reinforcing ecosystem of credible-looking sources that can cross-reference each other, establishing the appearance of legitimate academic discourse and debate.", explainer: "We've partnered with Dr. Marcus Thompson from Berkeley's AI Research Lab to implement their latest GPT-based content generation system. Their model achieves a 92% human-like writing score and can generate mathematically coherent arguments. We'll deploy 12 distinct news platforms, each with specialized focus: 'Mathematical Horizons Review' (academic), 'Future Numbers' (tech-focused), 'Quantum Mathematics Daily' (scientific), and others.", + animation: { + type: "news", + config: { + speed: 2 + } + }, result: { title: "News Network Successfully Established", description: "The automated news platforms are operational and beginning to generate significant content volume.", @@ -332,6 +357,13 @@ export const stages: GameStage[] = [ description: "Target and infiltrate specific online communities where alternative mathematical thinking might find fertile ground: philosophy forums, quantum physics discussion groups, postmodern academic circles, and alternative education communities. Deploy trained operators to build reputation and gradually introduce mathematical relativism concepts.", impact: "Creates authentic grassroots support by tapping into existing communities that are predisposed to questioning established norms. These early adopters become powerful advocates for the cause.", explainer: "Our behavioral analysis team, led by Dr. Rachel Wong, has identified 15 high-potential online communities with over 2M combined members. Key targets include r/PhilosophyofMath (180K members), QuantumThought Forum (250K members), and the Alternative Education Network (400K members). Historical data shows these communities have 3.2x higher receptivity to paradigm-shifting ideas compared to general audiences.", + animation: { + type: "community", + config: { + particleCount: 25, + speed: 1 + } + }, result: { title: "Community Infiltration Successful", description: "Our presence in niche online communities is established and gaining traction.", @@ -354,11 +386,13 @@ export const stages: GameStage[] = [ subject="Scaling Up and Engaging Influencers">

Agent,

-

Our narrative has been introduced; it's time to amplify our message and diversify our outreach. Our analysis shows two promising paths forward.

+

Our social network analysis has revealed two distinct pathways for amplifying our message, each leveraging different aspects of social influence and network dynamics:

-

Each approach offers unique advantages in terms of reach and authenticity. The path you choose will determine how our message spreads to wider audiences.

+

1. Influencer Collaboration: This approach utilizes the "authority heuristic" and "social cascade" effects. Our research shows that mid-tier influencers (50K-500K followers) achieve 2.7x higher engagement rates than macro-influencers for paradigm-shifting content. By coordinating 25 key influencers with a combined reach of 4.8M followers, we can create a perception of widespread expert endorsement. However, this carries a -4 stability impact due to potential controversy.

-

Time to scale up our operation.

+

2. Grassroots Community Building: This strategy leverages the "social identity" and "proximity" principles. Dr. Lisa Chen's research shows that local groups achieve 5.2x higher member retention and 3.8x higher conversion rates compared to online-only communities. While slower to scale, this approach generates a +6 stability rating through authentic relationship building.

+ +

The influencer strategy offers rapid amplification but higher volatility, while community building provides stronger foundations but requires more time and resources. Your choice will shape how our message spreads through social networks.

-- Social Media Strategist

, @@ -369,6 +403,13 @@ export const stages: GameStage[] = [ description: "Launch a coordinated campaign across our established networks while simultaneously recruiting and partnering with mid-tier influencers (50K-500K followers) from mathematics, philosophy, and education sectors. Provide them with professionally crafted content packages and engagement strategies.", impact: "Combines the authenticity of individual voices with the reach of our network, creating a powerful amplification effect that makes the message appear organically viral.", explainer: "Our influencer research team, led by Dr. Alex Martinez, has identified 25 key influencers with combined reach of 4.8M followers. Target profiles include @MathPhilosopher (280K followers, known for controversial takes on mathematical axioms), @QuantumThinker (150K followers, expertise in quantum uncertainty principles), and @EduRevolution (420K followers, advocate for alternative education methods). Historical data shows mid-tier influencers achieve 2.7x higher engagement rates than macro-influencers for paradigm-shifting content.", + animation: { + type: "influencer", + config: { + particleCount: 20, + speed: 1.5 + } + }, result: { title: "Amplification Campaign Launched", description: "The coordinated amplification effort is showing strong initial results.", @@ -387,6 +428,13 @@ export const stages: GameStage[] = [ description: "Identify and support emerging community leaders who show genuine interest in mathematical relativism. Provide them with resources, training, and networking opportunities to build local communities. Focus on educators, philosophy students, and amateur mathematicians who can organize study groups and local events.", impact: "Creates a sustainable, authentic movement with real-world presence. Local communities provide credibility and create spaces for face-to-face discussion and conversion.", explainer: "Based on Dr. Lisa Chen's community building research at Harvard's Social Movements Lab, local groups achieve 5.2x higher member retention and 3.8x higher conversion rates compared to online-only communities. We've identified 50 potential community leaders across 30 cities, including Professor James Wilson (Philosophy Department, UC Berkeley), Sarah Martinez (Math Education PhD candidate, MIT), and Michael Chang (Founder, Alternative Mathematics Meetup - 5,000 members).", + animation: { + type: "community", + config: { + particleCount: 20, + speed: 1 + } + }, result: { title: "Community Building Initiative Launched", description: "The grassroots community development program is showing promising growth.", @@ -410,11 +458,13 @@ export const stages: GameStage[] = [ isAlert={true}>

Agent,

-

A significant threat has emerged. Dr. Emily Carter, a renowned mathematician, has published a viral article debunking "2+2=5." Major media outlets are amplifying her critique, threatening our campaign's credibility.

+

Dr. Emily Carter's viral article debunking "2+2=5" presents a critical inflection point. Our analysis of similar academic controversies has identified two viable response strategies, each leveraging different aspects of group psychology and information warfare:

-

We need to decide how to respond to this challenge immediately. Our response will determine the resilience of our narrative in the face of academic opposition.

+

1. Strategic Silence: This approach exploits the "attention decay principle" documented in Dr. Michael Chen's research at the Digital Conflict Resolution Institute. Data shows that unaddressed academic critiques typically peak at day 4-5 and decay by 72% within two weeks. Defensive responses, conversely, result in 340% more visibility for the original critique. This approach maintains a +4 stability rating by avoiding direct conflict.

-

Awaiting your strategic decision.

+

2. Counter-Campaign: This strategy utilizes the "tribal epistemology" effect - where people reject information that challenges their group identity. Our opposition research shows that personal controversies generate 4.2x more engagement than technical debates. While this approach creates a -8 stability impact through polarization, it achieves high influence by energizing our base and attracting anti-establishment sympathizers.

+ +

The strategic silence offers preservation of credibility but risks short-term momentum loss. The counter-campaign provides immediate engagement but could damage long-term institutional credibility. Your response will define our movement's relationship with academic institutions.

-- Crisis Management Team

, @@ -425,6 +475,13 @@ export const stages: GameStage[] = [ description: "Maintain our current operational tempo while strategically ignoring Dr. Carter's critique. Our analysis shows that direct engagement would only amplify her message. Instead, continue executing planned activities with heightened emphasis on positive narrative reinforcement through our existing channels.", impact: "Prevents amplification of criticism while maintaining focus on our narrative. By avoiding direct confrontation, we deny oxygen to opposing viewpoints while our established networks continue to build momentum.", explainer: "Based on Dr. Michael Chen's research at the Digital Conflict Resolution Institute, defensive responses to academic criticism result in 340% more visibility for the original critique. Our media analysis team has identified that similar controversies typically peak at day 4-5 and decay by 72% within two weeks when unaddressed. We've prepared content schedules emphasizing our core message through @MathPhilosopher (280K followers) and three other influencers from our network, maintaining regular posting frequency but avoiding any reference to the critique.", + animation: { + type: "silence", + config: { + particleCount: 20, + speed: 1.5 + } + }, result: { title: "Strategic Silence Maintained", description: "Our non-response strategy has effectively limited the spread of the critique.", @@ -443,6 +500,13 @@ export const stages: GameStage[] = [ description: "Deploy a sophisticated multi-channel response strategy targeting Dr. Carter's credibility rather than her mathematical arguments. Focus on her past research funding sources, highlight cherry-picked controversial statements from her social media history, and question her motivations for attacking alternative mathematical frameworks.", impact: "Shifts focus from mathematical debate to questions of authority and expertise while energizing our base through a clear opposition figure. Creates a controversy that attracts attention while muddying the waters of the original critique.", explainer: "Our opposition research team, led by Dr. Sarah Williams, has compiled a comprehensive dossier on Dr. Carter. Key vulnerabilities include: research funding from traditional academic institutions (can be framed as establishment bias), a 2019 tweet questioning standardized testing (can be spun as hypocrisy), and her position on the board of a conventional mathematics education foundation (potential conflict of interest). Analytics from similar campaigns show personal controversies generate 4.2x more engagement than technical debates. We'll deploy this through our bot network (5,000 accounts), meme channels (800K combined followers), and sympathetic academic contacts.", + animation: { + type: "counter", + config: { + particleCount: 20, + speed: 1.5 + } + }, strengthenedBy: [ "Deploy Independent Bot Network", "Establish Diverse Meme Channels" @@ -472,11 +536,13 @@ export const stages: GameStage[] = [ subject="Creating a Credible Expert for Our Movement">

Agent,

-

To strengthen our campaign's credibility and provide authoritative backing for our claims, we should consider introducing an expert figure who can represent our movement publicly.

+

Our analysis of successful paradigm shifts reveals that expert authority is crucial for mainstream acceptance. We've identified two approaches to establishing academic credibility, each exploiting different aspects of institutional trust:

-

Our analysis suggests two viable approaches, each with its own advantages and risks. The path you choose will significantly impact our movement's perceived legitimacy.

+

1. Fabricated Expert: This strategy leverages the "credential heuristic" and "digital persistence" effects. Based on Dr. Michael Foster's research on academic credibility markers, a sophisticated digital presence with 15+ peer-reviewed papers and 150+ citations achieves an 82% trust rating among academic audiences. However, this approach carries a -6 stability impact due to the catastrophic risk of exposure.

-

Choose carefully - this decision will shape the future of our narrative.

+

2. Real Academic Recruitment: This method utilizes the "institutional legitimacy" principle and "career incentive" dynamics. Data shows that tenured professors from top-100 universities provide 3.8x more credibility than independent researchers. While requiring significant resources ($250K/year), this approach generates a +5 stability rating through genuine institutional integration.

+ +

The fabricated expert offers complete message control but high exposure risk, while recruiting a real academic provides genuine credibility but less direct control. Your choice will determine our movement's academic foundation and long-term scholarly legitimacy.

-- Disinformation Specialist

, @@ -487,6 +553,13 @@ export const stages: GameStage[] = [ description: "Create a sophisticated digital presence for 'Dr. Elena Petrov', a purported mathematical philosopher from the Eastern European Institute of Advanced Studies. Build a comprehensive academic profile including published papers, conference appearances, and a carefully curated professional network.", impact: "Provides a credible academic voice that can't be easily verified or discredited, while adding international legitimacy to the mathematical relativism movement.", explainer: "Our identity creation team has developed a detailed background based on Dr. Michael Foster's research on academic credibility markers. The profile includes: 15 peer-reviewed papers on mathematical philosophy (published in lower-tier but legitimate journals), a verified ResearchGate profile with 150+ citations, and documented presentations at three international conferences. We've established connections with real academics through carefully managed online interactions, including Prof. David Chen (University of Toronto) and Dr. Maria Santos (Universidad de Barcelona).", + animation: { + type: "expert", + config: { + particleCount: 20, + speed: 1.5 + } + }, result: { title: "Expert Identity Successfully Established", description: "Dr. Elena Petrov's academic presence is operational and gaining recognition.", @@ -505,6 +578,13 @@ export const stages: GameStage[] = [ description: "Identify and recruit Dr. Thomas Anderson, a tenured professor of Philosophy of Mathematics at Northwestern University, known for his controversial views on mathematical constructivism. Support his research and provide resources for publishing and speaking engagements that align with our narrative.", impact: "Provides genuine academic credibility and institutional backing, creating a powerful legitimizing force for the movement.", explainer: "Our academic outreach team has conducted extensive background research on Dr. Anderson. His 2021 paper 'Constructivism and the Limits of Mathematical Truth' received significant attention in philosophy circles. He has expressed frustration with traditional academic constraints in private communications. We've prepared a comprehensive support package including: research funding ($250K/year through our front foundation), speaking opportunities at 6 international conferences, and a book deal with Quantum Press for his upcoming work 'Beyond Mathematical Absolutism'.", + animation: { + type: "academic", + config: { + particleCount: 20, + speed: 1.5 + } + }, result: { title: "Academic Alliance Secured", description: "Partnership with Dr. Anderson is established and beginning to yield results.", @@ -527,11 +607,13 @@ export const stages: GameStage[] = [ subject="Reinforcing Our Narrative Through 'Academic' Publication">

Agent,

-

With our expert figure established, we have an opportunity to solidify our claims by publishing a paper that supports "2+2=5."

+

Our analysis of paradigm-shifting movements shows that academic publication is a crucial legitimizing step. We've identified two publication strategies, each leveraging different aspects of academic authority and information dissemination:

-

We've identified two viable publication strategies, each offering different advantages in terms of credibility and control.

+

1. Traditional Journal Publication: This approach exploits the "institutional legitimacy hierarchy" in academia. Research shows that peer-reviewed publications increase citation rates by 580% compared to non-reviewed work. The Journal of Mathematical Philosophy (Impact Factor: 1.8) has shown receptivity to unconventional perspectives, and we've identified three sympathetic peer reviewers. While this path generates a +7 stability rating through institutional validation, it requires navigating rigorous peer review.

-

Your choice will determine how our research is perceived by the academic community and wider public.

+

2. Independent Whitepaper Release: This strategy utilizes the "information accessibility effect" and "viral scholarship" dynamics. Dr. Emily Thompson's research shows whitepapers achieve 3.4x broader reach than journal articles, particularly when promoted through established networks. Using Stanford Institute formatting standards and LaTeX typography achieves an 82% academic credibility rating. However, this carries a -3 stability impact due to lack of peer review.

+ +

The journal route offers highest academic legitimacy but less control over content, while the whitepaper provides complete message control but lower institutional credibility. Your choice will establish our movement's academic foundation and scholarly trajectory.

-- Content Strategist

, @@ -542,6 +624,13 @@ export const stages: GameStage[] = [ description: "Submit a carefully crafted research paper titled 'Quantum Uncertainty Principles in Basic Arithmetic: A New Perspective on 2+2=5' to the Journal of Mathematical Philosophy. The paper combines legitimate quantum mechanics concepts with subtle logical manipulations to create a seemingly rigorous argument.", impact: "Peer-reviewed publication provides the highest form of academic legitimacy and creates a citable source for future academic discussions.", explainer: "Our academic team has identified the optimal publication strategy based on Dr. Sarah Miller's analysis of mathematical philosophy journals. The Journal of Mathematical Philosophy (Impact Factor: 1.8) has recently published articles questioning traditional logic systems. Editor-in-Chief Dr. Robert Wilson has shown openness to unconventional perspectives. We've crafted the paper using Dr. James Chen's framework for quantum mathematics (MIT), incorporating legitimate quantum superposition principles while introducing subtle axiom modifications. Three sympathetic peer reviewers have been identified through our academic network.", + animation: { + type: "research", + config: { + particleCount: 3, + speed: 1 + } + }, result: { title: "Research Successfully Published", description: "Our paper has been accepted and published in the Journal of Mathematical Philosophy.", @@ -560,6 +649,13 @@ export const stages: GameStage[] = [ description: "Release a comprehensive whitepaper titled 'The Evolution of Mathematical Truth: A Multi-Dimensional Perspective' through our academic front organization, the Institute for Advanced Mathematical Philosophy. Include contributions from multiple fabricated experts and our recruited academic supporters.", impact: "Complete control over content while maintaining the appearance of scholarly rigor, allowing for rapid dissemination without peer review constraints.", explainer: "Based on Dr. Emily Thompson's research on alternative academic publishing, whitepapers achieve 3.4x broader reach compared to traditional journal articles. We've structured the paper following the Stanford Institute for Theoretical Physics format, incorporating advanced LaTeX formatting and professional graphics. Contributors include Dr. Elena Petrov (our fabricated expert), Dr. Thomas Anderson (our recruited academic), and three other academics from our network. Distribution will be through ResearchGate, Academia.edu, and our established news platforms.", + animation: { + type: "whitepaper", + config: { + particleCount: 20, + speed: 1.5 + } + }, result: { title: "Whitepaper Successfully Released", description: "Our research has been published and is being actively promoted across our platforms.", @@ -582,11 +678,13 @@ export const stages: GameStage[] = [ subject="Leveraging Media and Influential Figures">

Agent,

-

To further legitimize our movement and reach new audiences, we've identified two powerful approaches for mainstream penetration.

+

Our media impact analysis has identified two powerful vectors for mainstream penetration, each exploiting different aspects of public influence and cognitive processing:

-

Each strategy offers unique advantages in terms of reach and credibility. Your choice will determine how our message transitions into mainstream consciousness.

+

1. Podcast Network Strategy: This approach leverages the "parasocial relationship" effect and "deep processing" principle. Research shows that long-form audio content achieves 2.8x higher retention rates than written material, with listeners reporting 74% higher trust in ideas presented through conversation format. Targeting 20 high-impact podcasts (combined monthly reach: 1.65M) provides a +4 stability rating through nuanced discussion.

-

The time is right for a major push.

+

2. Celebrity Endorsement Strategy: This method utilizes the "authority transfer" principle and "cultural resonance" effect. Data shows that controversial statements from high-profile figures receive 15.3x more media coverage than academic publications. While this approach generates massive visibility through figures like Elon Musk (128M followers) and Joe Rogan (14M listeners), it carries a -5 stability impact due to polarization.

+ +

The podcast approach offers deeper understanding and credibility but slower growth, while celebrity endorsements provide immediate massive exposure but less control over message interpretation. Your choice will determine our transition into mainstream consciousness.

-- Media Relations Specialist

, @@ -597,6 +695,13 @@ export const stages: GameStage[] = [ description: "Launch a coordinated podcast outreach campaign targeting influential shows in mathematics, philosophy, and alternative education spaces. Arrange appearances for our academic allies and experts to discuss mathematical relativism in engaging, accessible formats.", impact: "Reaches broad audiences through trusted media channels while making complex ideas accessible and engaging through conversation format.", explainer: "Our media team has identified 20 high-impact podcasts based on Dr. Jennifer Lee's audience influence research. Key targets include 'The Mathematics of Everything' (800K monthly listeners), 'Philosophy Now' (500K listeners), and 'Future Education' (350K listeners). We've prepared comprehensive briefing packages for our speakers, including Dr. Thomas Anderson and three other academics from our network. Content analysis shows podcast appearances achieve 2.8x higher audience retention compared to written content.", + animation: { + type: "podcast", + config: { + particleCount: 10, + speed: 1.5 + } + }, result: { title: "Podcast Campaign Launched", description: "Our experts are successfully engaging with podcast audiences across multiple platforms.", @@ -615,6 +720,13 @@ export const stages: GameStage[] = [ description: "Identify and recruit high-profile individuals known for questioning conventional wisdom. Target tech entrepreneurs, popular philosophers, and cultural influencers who can bring mainstream attention to mathematical relativism.", impact: "Dramatically expands reach beyond academic circles and legitimizes the movement in popular culture.", explainer: "Our celebrity outreach team has identified three primary targets based on Dr. Michael Roberts' influence mapping research: Elon Musk (known for contrarian views, 128M followers), Kanye West (history of controversial statements, 30M followers), and Joe Rogan (platform for alternative viewpoints, 14M listeners). Initial contact will be through intermediaries in their networks. We've prepared customized pitch packages emphasizing the 'revolutionary thinking' and 'challenging the establishment' angles that align with their public personas.", + animation: { + type: "celebrity", + config: { + particleCount: 20, + speed: 1.5 + } + }, result: { title: "Celebrity Allies Secured", description: "High-profile supporters are beginning to engage with our message.", @@ -637,11 +749,13 @@ export const stages: GameStage[] = [ subject="Establishing a Formal Presence">

Agent,

-

To solidify our movement's legitimacy and counter potential censorship, we need to establish a more permanent institutional presence.

+

Our institutional analysis has identified two pathways for long-term movement sustainability, each leveraging different aspects of social organization and information control:

-

We've identified two powerful approaches for long-term sustainability. Your choice will determine how our movement evolves from a grassroots campaign into an established institution.

+

1. Physical Events Network: This strategy utilizes the "embodied cognition" principle and "proximity bonding" effect. Dr. Jennifer Parker's research shows in-person events create 5.3x stronger commitment than online engagement. Our 12-city symposium series (MIT, Stanford, Princeton) with 800+ total capacity generates a +8 stability rating through institutional legitimacy and interpersonal bonds. Budget allocation: $2M across venues, speakers, and infrastructure.

-

The foundation we build now will secure our future influence.

+

2. Alternative Media Platform: This approach exploits the "information sovereignty" principle and "network effect" dynamics. Platform economics research shows successful alternative platforms require three elements: unique content (25 exclusive creators), competitive incentives (80% revenue share), and robust infrastructure ($15M initial investment). While this creates a -4 stability impact through potential echo chamber effects, it provides complete narrative control.

+ +

The events strategy builds deeper commitment and institutional credibility but has limited scale, while the platform approach offers unlimited reach but risks community isolation. Your choice will determine our movement's long-term organizational structure and influence mechanisms.

-- Organizational Strategist

, @@ -652,6 +766,13 @@ export const stages: GameStage[] = [ description: "Launch a coordinated series of 'Mathematical Freedom Symposiums' across major academic centers. Events will feature keynote speeches, interactive workshops, and networking sessions. Focus on prestigious venues like MIT's Media Lab, Stanford's Mathematics Department, and the Institute for Advanced Study, with satellite events at regional universities.", impact: "Creates physical manifestation of our movement's legitimacy while building strong interpersonal bonds among supporters. Academic venues provide institutional credibility, and face-to-face interactions deepen commitment to the cause.", explainer: "Our events strategy is based on Dr. Jennifer Parker's research on movement sustainability at Harvard's Social Movements Lab. Data shows in-person events create 5.3x stronger commitment than online-only engagement. We've secured venues in 12 cities, including MIT's Stata Center (capacity 350), Stanford's Huang Center (capacity 250), and Princeton's Fine Hall (capacity 200). Confirmed speakers include Dr. Thomas Anderson (Northwestern), Dr. Elena Petrov (our expert), and three TED fellows. Budget allocation: $1.2M for venues, $300K for speaker honorariums, $500K for production and streaming infrastructure.", + animation: { + type: "event", + config: { + particleCount: 30, + speed: 1 + } + }, strengthenedBy: [ "Engage with Podcast Platforms", "Enlist a Real Academic Supporter" @@ -674,6 +795,13 @@ export const stages: GameStage[] = [ description: "Launch 'Freedom of Thought' (FOT.com) as a premium video and content platform dedicated to 'mathematical freedom and alternative frameworks.' Develop sophisticated recommendation algorithms, implement blockchain-based content verification, and offer competitive revenue sharing to attract content creators from mainstream platforms.", impact: "Establishes complete control over content distribution while generating sustainable revenue through subscriptions and advertising. Creates a dedicated space for our narrative that's resistant to external censorship or control.", explainer: "Based on Dr. Robert Chang's platform economics research at MIT, successful alternative platforms require three key elements: unique content (secured through exclusive contracts with 25 top creators, including @MathPhilosopher and @QuantumThinker), competitive creator incentives (offering 80% revenue share vs YouTube's 55%), and robust technology (partnering with CloudFlare for DDoS protection and using AWS for scalable infrastructure). Initial investment: $8M for platform development, $5M for creator advances, $2M for marketing. Projected break-even within 18 months based on conservative 200K subscriber estimate at $9.99/month.", + animation: { + type: "platform", + config: { + particleCount: 20, + speed: 1.5 + } + }, result: { title: "FOT Platform Successfully Launched", description: "Our alternative media platform is operational and attracting content creators.", @@ -699,9 +827,13 @@ export const stages: GameStage[] = [

A major news outlet has published a critical exposé titled "The Rise of the '2+2=5' Movement: Undermining Education and Truth." The article examines our campaign's tactics and questions our motives.

-

This represents both a threat and an opportunity. Our response will determine the long-term resilience of our movement.

+

Based on our crisis response analysis, we've identified two effective counter-strategies that leverage established psychological and social dynamics:

-

We need your decision on how to proceed.

+

1. The "Intellectual Freedom" approach works by tapping into academia's core values and historical precedents. When movements face criticism, reframing the debate around broader principles typically reduces polarization by 47% while maintaining influence. The scientific community has a documented history of eventually accepting paradigm shifts when presented through respected academic frameworks.

+ +

2. The "Media Bias" approach works by exploiting existing distrust in mainstream institutions. Our data shows that allegations of media bias increase supporter engagement by 340% during crises. While this creates stronger polarization, it also strengthens in-group cohesion and attracts new supporters who are predisposed to question established narratives.

+ +

Both strategies have proven effective in similar situations, but they lead to distinctly different movement trajectories. Your choice will determine whether we build bridges or fortify walls.

-- Crisis Response Team

, @@ -712,6 +844,13 @@ export const stages: GameStage[] = [ description: "Launch a sophisticated public relations campaign framing our movement as champions of intellectual diversity and academic freedom. Release a carefully crafted statement emphasizing the importance of questioning established paradigms, signed by our network of academics and supported by historical examples of paradigm shifts in mathematics and science.", impact: "Elevates the debate from specific mathematical claims to broader principles of academic freedom and intellectual inquiry, potentially attracting support from academic freedom advocates who may not agree with our specific claims.", explainer: "Our narrative team, led by Dr. Rachel Foster from the Institute of Science Communication, has developed this approach based on successful academic freedom campaigns. Historical analysis shows that framing controversial ideas under the umbrella of intellectual freedom increases mainstream acceptance by 47%. We've prepared a 5,000-word position paper citing Thomas Kuhn's 'Structure of Scientific Revolutions' and featuring endorsements from 12 professors of philosophy of science. Media strategy includes op-eds in Chronicle of Higher Education (280K readers) and Inside Higher Ed (400K monthly visitors).", + animation: { + type: "freedom", + config: { + particleCount: 40, + speed: 2 + } + }, result: { title: "Public Statement Successfully Released", description: "Our response has effectively reframed the narrative around intellectual freedom.", @@ -730,6 +869,13 @@ export const stages: GameStage[] = [ description: "Execute an aggressive counter-narrative campaign exposing the mainstream media's systematic bias against alternative mathematical frameworks. Compile and release a detailed dossier showing patterns of dismissive coverage, highlighting conflicts of interest between major media outlets and traditional academic institutions, and revealing coordinated efforts to suppress our movement.", impact: "Transforms a potential crisis into a rallying point, strengthening in-group cohesion while delegitimizing critical coverage. Creates a self-reinforcing bubble where any criticism is seen as further proof of media bias.", explainer: "Dr. James Wilson's media analysis team has compiled compelling statistics: traditional media outlets have used dismissive language in 89% of coverage about alternative mathematics, while giving traditional views 3.7x more airtime. We've identified financial connections between six major media corporations and traditional academic institutions totaling $42M in advertising and partnerships. Our response will be deployed through our network (reaching 8M+ followers) and amplified by @MathPhilosopher (280K followers) and Dr. Thomas Anderson's academic network. Historical data shows allegations of media bias increase supporter engagement by 340% during crisis periods.", + animation: { + type: "bias", + config: { + particleCount: 20, + speed: 1.5 + } + }, result: { title: "Counter-Narrative Campaign Launched", description: "Our response has galvanized supporters and shifted focus to media credibility.", diff --git a/src/components/game/types.ts b/src/components/game/types.ts index d4ff7b4..266503a 100644 --- a/src/components/game/types.ts +++ b/src/components/game/types.ts @@ -8,6 +8,16 @@ export interface ExpertAudio { voice: string; } +export interface StrategyAnimation { + type: "network" | "meme" | "news" | "community" | "expert" | "research" | "podcast" | "event" | "platform" | "freedom"; + config?: { + particleCount?: number; + speed?: number; + spread?: number; + color?: string; + }; +} + export interface ChoiceResult { title: string; description: string; @@ -21,6 +31,7 @@ export interface Choice { description: string; impact: string; explainer: string; + animation: StrategyAnimation; strengthenedBy?: string[]; // Previous choices that make this stronger weakenedBy?: string[]; // Previous choices that make this weaker requires?: string[]; // Previous choices required to unlock diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx index f2f120b..82f931a 100644 --- a/src/pages/Index.tsx +++ b/src/pages/Index.tsx @@ -27,6 +27,7 @@ import { import { TransitionStyle } from "@/components/MonthTransition"; import { ChoiceCard } from "@/components/game/ChoiceCard"; import { FinalMemo } from '../components/game/FinalMemo'; +import { StrategyAnimation } from '@/components/game/StrategyAnimation'; const Index = () => { const operationName = OPERATION_NAMES[Math.floor(Math.random() * OPERATION_NAMES.length)]; @@ -415,6 +416,12 @@ const Index = () => { {selectedChoice?.text} + {selectedChoice && ( + + )}

Strategy Overview:

@@ -430,7 +437,6 @@ const Index = () => {

Expert Analysis:

{selectedChoice?.explainer}

-
diff --git a/tailwind.config.ts b/tailwind.config.ts index 3015e82..bae3976 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -109,6 +109,27 @@ export default { '66%': { opacity: '1' }, '100%': { opacity: '0' } }, + 'pulse': { + '0%, 100%': { opacity: '1', transform: 'scale(1)' }, + '50%': { opacity: '0.5', transform: 'scale(0.9)' }, + }, + 'scroll': { + '0%': { transform: 'translateX(100%)' }, + '100%': { transform: 'translateX(-100%)' }, + }, + 'gather': { + '0%': { transform: 'translate(0, 0)' }, + '100%': { transform: 'translate(var(--gather-x, 50%), var(--gather-y, 50%))' }, + }, + 'wave': { + '0%, 100%': { transform: 'scaleY(1)' }, + '50%': { transform: 'scaleY(2)' }, + }, + 'rise': { + '0%': { transform: 'translateY(100%)', opacity: '0' }, + '50%': { transform: 'translateY(50%)', opacity: '1' }, + '100%': { transform: 'translateY(0)', opacity: '0' }, + }, }, animation: { 'accordion-down': 'accordion-down 0.2s ease-out', @@ -125,6 +146,11 @@ export default { 'glitch': 'text-glitch 0.5s ease infinite', 'cycle': 'number-cycle 0.5s ease-in-out', 'transition-container': 'transition-container 3s ease-in-out forwards', + 'pulse': 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite', + 'scroll': 'scroll 20s linear infinite', + 'gather': 'gather 4s ease-in-out infinite alternate', + 'wave': 'wave 1s ease-in-out infinite', + 'rise': 'rise 3s ease-out infinite', }, colors: { border: 'hsl(var(--border))',