top of page

Etch A Sketch - L'Écran Magique

Etch A Sketch - L'Écran Magique View

An interactive Etch A Sketch web simulation built with HTML, CSS, and JavaScript of André Cassagnes's famous game. Using a mouse or mouse pad, draw, erase, and experiment with shades and effects on a customisable grid, all with a cosmic theme and background music. Credits mentioned on the game's page. Referencing Odin's "Project: Etch-a-Sketch".


Features:

  • Resizable Grid size (1x1 up to 100x100) with a slider for pixel-perfect control.

  • Bullet Icon linked to a colour input, to choose the drawing colour.

  • Rainbow Effect button to draw with random colours for each stroke.

  • Bright Shading button to apply a light-layered shading, each stroke increases pixel opacity.

  • Eraser/Draw button to remove colour from any pixel, then toggle back to draw.

  • Clear button to instantly clear the entire grid to start anew.

  • Live Resolution Slider Display to see the current grid resolution (e.g., 64 x 64) update as you move the thumb slider.

  • Animated UI Elements animated for colour picking and planet theme.

  • Background Ambient Cosmic Music plays in the background, with a toggle button to mute/unmute.

  • Responsive Design, designed primarily for desktop use, but can be used on mobile browsers and touchscreens as well.

  • Attribution and Credits for all icons, music, and backgrounds are properly credited in the footer.


Link Etch A Sketch - L'Écran Magique

bottom of page