Technical overview of our image generation system
Our project is built as a static web application using client-side JavaScript for interactive demonstrations. The architecture is simple, efficient, and requires no backend infrastructure.
Semantic HTML pages for each section: landing page, 3x3 demo, 100x100 simulation, upload tool, citations, and architecture documentation.
Custom CSS with cosmic theme, animations, and responsive design. Includes glassmorphism effects and interactive hover states.
Client-side JavaScript for image generation algorithms, canvas rendering, and interactive UI controls. No server-side processing required.
HTML5 Canvas for real-time image rendering and manipulation in both 3x3 and 100x100 simulation modes.
Our generation algorithms use deterministic mathematical approaches based on combinatorics. The 3x3 demo uses base-7 number system for rainbow colors, while the 100x100 simulation uses base-8 for RGB quantization.
Base-7 conversion: 7^9 = 40,353,607 possible combinations. Each pixel takes values 0-6 representing the rainbow spectrum.
Base-8 conversion: 8^24000 possible combinations. Each pixel uses 3 channels (R,G,B) with values 0-7 for quantized colors.
Mathematical algorithm to convert any uploaded image back to its corresponding index in the generation sequence.
Fixed genesis epoch for consistent global time-based generation across all viewers.