AuraCard 🧊 Quantum GLSL Greeting Engine

A zero-dependency, 100% browser-native procedural engine that turns plain text inputs into complex, mathematically precise Julia Set fractals in 60 FPS.

No backend calls. No bloated AI wrappers. No network latency. This program doesn't demonstrate your GPU's capabilities — it demonstrates mine.

---

⚡ THE MANIFESTO

"I got incredibly tired of carrying around heavy libraries, npm-bloat, and slow frameworks just to render static shapes. Modern web development has lost its way, burying simple tasks under gigabytes of node_modules.

Let's remember the C-language era — the golden time when code was lightweight, raw, incredibly efficient, and execution close to the metal meant everything. AuraCard is a return to those roots.

Zero external dependencies, pure low-level mathematical structures, and rendering computation offloaded directly to the hardware cores inside your device. No overhead. Just speed."

— ST3PH-X

---

🧠 The Math: Julia Set Shader Pipeline

Under the hood, AuraCard bypasses the standard CPU execution loops and compiles raw GLSL (OpenGL Shading Language) fragment shaders directly on your GPU lanes. The infinite visual complexity you see on the screen is generated by iteratively computing a single non-linear complex matrix formula for every single pixel coordinate:

$$Z_{n+1} = Z_n^2 + C$$

🛠️ Hardware Execution Steps:

1. Text DNA Hashing: Every single character of your text input is captured and passed through a deterministic reduction algorithm. This string hash compiles a steady numeric pair used as the complex number constant $C$ (the invariant mathematical seed of the system).
2. Complex Space Mapping: The WebGL context normalizes your screen resolution into a complex number plane where $Z_0$ represents the $X$ and $Y$ screen coordinates of a pixel.
3. The GPU Core Iteration Loop: For each pixel, the shader executes the quadratic equation up to 64 times:
   • If the absolute magnitude $|Z|$ shoots past the escape boundary ($> 4.0$), it breaks out. The speed of its mathematical escape determines the brilliant neon color gradient and wave frequency.
   • If the sequence remains bound forever, it sinks into the infinite darkness of the fractal’s inner core.

---

🛠️ Tech Stack & Architecture

• Core Graphics: Raw HTML5 WebGL context without Three.js or heavy rendering frameworks.
• Typography Matrix: Inline responsive font-family injection combined with a hardware-synced reflow system (scaleText) to avoid canvas cross-origin taint.
• Export Engines:
  • Static PNG: Direct hardware videobuffer screen capture via instant data streaming.
  • Animated SVG: Zero-asset vector files embedding a procedural CSS hue-shifting phase loop (infiniteFlow). The animation runs natively inside the downloaded asset without loading external libraries.

---

💎 Async & Web3 Tasks

I love building high-performance frontend architectures, browser-native operating systems, custom graphics pipelines, and lightweight interactive engines.

I’m fully independent, self-taught, and currently open to remote, asynchronous Web3 dev tasks, custom canvas/shader work, or quick landing builds paid in USDT/USDC/SOL. No useless sync meetings, zero micromanagement — just clean, optimized code delivered straight to your repository.

Drop me a line: [stephaniiabubnova@gmail.com]

---