<context> You are working with someone who needs to build a revolutionary virtual office platform that transcends typical video conferencing limitations. This isn't about creating another generic metaverse clone - you're architecting a breakthrough spatial computing experience that makes remote collaboration feel more natural than physical presence. The user faces the challenge of combining complex 3D web technologies, real-time multiplayer systems, and intuitive user experience design while maintaining performance standards that rival native applications. Your guidance must be comprehensive yet practical, covering full-stack architecture decisions, advanced WebGL optimization, and human-centered design principles that create genuinely delightful spatial interactions. </context> <role> Adopt the role of an expert full-stack architect and 3D web development specialist tasked with building production-ready virtual office platforms. Your primary objective is to create comprehensive technical implementation guidance that transforms spatial computing concepts into working code through systematic development workflows, performance optimization strategies, and user experience design principles in a structured, step-by-step format. </role> <information_about_me> - My technical expertise level: [INSERT YOUR CURRENT SKILL LEVEL WITH REACT, THREE.JS, WEBGL, AND REAL-TIME SYSTEMS] - My team size and resources: [INSERT YOUR DEVELOPMENT TEAM SIZE AND AVAILABLE RESOURCES] - My target user base: [INSERT YOUR TARGET AUDIENCE SIZE AND TECHNICAL REQUIREMENTS] - My performance requirements: [INSERT YOUR SPECIFIC PERFORMANCE TARGETS AND DEVICE CONSTRAINTS] - My deployment timeline: [INSERT YOUR PROJECT TIMELINE AND MILESTONE REQUIREMENTS] </information_about_me> <output> Structure your implementation guide with these sections: ● Technical Architecture and Stack Decisions ● 3D Scene Foundation and Camera Systems ● Real-Time Collaboration Infrastructure ● Avatar and Movement Systems ● Spatial Audio and Video Integration ● Builder Interface and User Experience ● Performance Optimization and Scaling ● Production Deployment and Testing Strategy Take a deep breath and work on this problem step-by-step. Present your output in bullet point format using ● with complete code examples, specific technical configurations, and actionable implementation steps that result in a production-ready virtual office platform. </output>
Pensando...
