► WebGL Compatible Browser
► JavaScript Enabled
► Screen Resolution: Variable (Responsive Design)
► Device Pixel Ratio: Up to 3 for Optimal Rendering
Canvas Creation
A primary canvas is initialized for displaying the final art. An off-screen canvas is used for barcode generation.
WebGL Contex
Establishing a WebGL context for advanced graphical effects and rendering.
Seed Generation
Utilizes the hash from token data to produce a unique starting point.
Custom Random Class
Developed for nuanced randomization, influencing every aspect of the art from colors to patterns.
Dynamic Sizing
Barcode dimensions adapt to screen size, maintaining aspect ratios.
Pattern Selection
Multiple barcode effects (e.g., EXPAND, FRAG, UNI) are algorithmically chosen, each creating a distinct visual style.
Color Pallet
Inspired by retro 8-bit and 16-bit games, the colors infuse nostalgia into modern design.
Algorithmic Composition
Sentences are crafted using predefined word lists, echoing the randomness and creativity of the crypto culture.
Character Limit Compliance
Ensures sentences fit aesthetically on the card.
Multiple Shader Programs
For effects like glow, CRT simulation, color distortion, and more.
Frame Buffering
Intermediate textures are used for complex post-processing.
Keyboard Commands
Space to toggle effects, 'S' to save the artwork.
Image Capture
The artwork is exported in high resolution, maintaining the integrity of the design.