Single-image random dot stereograms (SIRDS), commonly known as Magic Eye autostereograms, encode three-dimensional hidden scenes inside repeating two-dimensional texture patterns. When viewers decouple their eye convergence from accommodation (parallel wall-eyed viewing), their brain decodes the horizontal pixel disparities as depth layers. This generator creates interactive 3D autostereograms directly on an HTML5 Canvas inside your browser.

### How Autostereogram Rendering Works The generator executes a single-image stereogram rendering algorithm on client-side canvas buffers: - **2D Depth Map Generation**: Renders a depth silhouette (such as a heart, saturn ring planet, shark, or custom text) where bright pixels represent objects close to the viewer and dark pixels represent the background plane. - **Texture Strip Repetition**: Generates a repeating vertical texture strip across the canvas using randomized RGB noise dots, marble organic patterns, or starry night textures. - **Disparity Shifting**: For each pixel across subsequent strips, the generator calculates horizontal disparity proportional to depth map luminance. Pixels representing closer objects are shifted slightly leftward relative to the repeating strip width, creating binocular parallax. - **Interactive Depth Reveal**: A built-in toggle reveals the underlying 2D depth silhouette so creators can verify 3D shapes before exporting.

### Worked Generation Configuration Select your stereogram parameters: - **Base Pattern**: `Noise` (dense random RGB microdots for maximum depth acuity) or `Marble` (smooth flowing contours). - **Hidden 3D Silhouette**: Select `Saturn` (encodes a spherical celestial core with tilted outer rings). - **Strip Width**: Set to `110 pixels` (matches standard human pupillary distance when viewing at normal computer screen distance). - **Depth Intensity**: Set to `0.35` (provides clear depth separation without causing extreme eye strain or visual artifacts). - Click **Reveal Hidden Depth** to inspect the 2D silhouette, then download the rendered PNG autostereogram.

### Private In-Browser Generation All depth map rasterization, pixel disparity calculations, and texture rendering execute entirely inside your local web browser. No generated images or custom text silhouettes are sent to any external server.