Skip to main content
100%

Illusion images

✓ Published0🌍 Public
AAlainRo
Last edited Feb 16, 2019
Created on Feb 14, 2019

The example shows a collection of small, repeating portrait images that initially appear to form a single large face, an optical illusion created through careful arrangement. The visualization uses a grid of individual portrait thumbnails, each rendered as a separate image element, to collectively build a larger, recognizable portrait. The code employs the Canvas API’s `drawImage` method to place each thumbnail at a specific position, while the overall layout is computed using a custom algorithm that maps the target face’s pixel data—accessed via `getImageData`—to determine the appropriate size and color of each tile. The source images are drawn from a local set of portraits, and the effect relies on adjusting each tile’s average color to match the corresponding area of the target portrait.

AI-generated description

Container d'images

Similar vizzes