Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/qc20/non-cartesian-etch-a-sketch

The Non-Cartesian Etch-A-Sketch is a browser-based simulation that offers a unique drawing experience. Unlike traditional Etch-A-Sketch toys, which operate in Cartesian coordinates (x and y axes), this simulation operates in non-Cartesian or polar coordinates. Try it out in the link below!
https://github.com/qc20/non-cartesian-etch-a-sketch

cartesian cartesian-coordinate css drawing etch-a-sketch html interaction-design interactive interactive-visualizations javascript polarisation-controller

Last synced: 6 days ago
JSON representation

The Non-Cartesian Etch-A-Sketch is a browser-based simulation that offers a unique drawing experience. Unlike traditional Etch-A-Sketch toys, which operate in Cartesian coordinates (x and y axes), this simulation operates in non-Cartesian or polar coordinates. Try it out in the link below!

Awesome Lists containing this project

README 

        
# Non-Cartesian Etch-A-Sketch



Break free from the confines of Cartesian coordinates! With the Non-Cartesian Etch-A-Sketch, one knob dictates the angle while the other controls the radius.





  Round-faced Etch-A-Sketch





  Round-faced Etch-A-Sketch




 ## Overview



  The Non-Cartesian Etch-A-Sketch is a browser-based simulation that offers a unique drawing experience. Unlike traditional Etch-A-Sketch toys, which operate in Cartesian coordinates (x and y axes), this simulation operates in non-Cartesian or polar coordinates. In polar coordinates, the position of a point is determined by its distance from a fixed point (the origin) and the angle it makes with a fixed line (the reference axis).



  ## Non-Cartesian Coordinate Systems



  Non-Cartesian coordinate systems, such as polar coordinates, offer alternative ways to represent points in space. While Cartesian coordinates are based on orthogonal axes (x and y), non-Cartesian systems use different parameters, such as radius and angle, to specify the position of a point. These systems are particularly useful in contexts where circular or radial symmetry is prevalent, such as in polar graphs or certain engineering applications.



  ## Etch-A-Sketch



  Etch-A-Sketch is a classic mechanical drawing toy invented by André Cassagnes and manufactured by the Ohio Art Company. It consists of a gray screen in a red plastic frame with two white knobs on the front. The knobs allow users to move a stylus that displaces aluminum powder on the back of the screen, creating a line drawing. Shaking the toy evenly redistributes the powder, erasing the drawing.



## How to Use



This browser-based simulation of a polar coordinate Etch-A-Sketch offers an interactive experience:



- **Control Knobs**: Use the arrow keys to manipulate the knobs. Press *UP* or *DOWN* to adjust the radius and *LEFT* or *RIGHT* to change the angle.

- **Shake to Erase**: Shake your device to erase the sketch and start anew. If you're on a laptop or desktop computer, go ahead and pull on the Etch-A-Sketch to erase its contents.  

- **Spin it around**: By pressing *X* or *Z*, you can spin the Etch-A-Sketch around its own axis.



## Features



- **Enhanced Controls**: Added touch screen and accelerometer support for a more versatile user experience.

- **Fluid Drawing**: The canvas dynamically responds to your input, offering smooth and intuitive drawing capabilities.



## Compatibility



The Non-Cartesian Etch-A-Sketch is compatible with modern web browsers and devices. Whether you're using a desktop computer, laptop, tablet, or smartphone, you can enjoy this simulation on a wide range of platforms.



## Acknowledgement 



I would like to express my gratitude to [mitxela](https://mitxela.com) for their innovative work on the Polar Coordinate Etch-a-Sketch project. Upon encountering their project, I was truly inspired by its creativity and ingenuity. It motivated me to embark on my own journey to recreate and modernize this concept. While I have replicated the background photo, the code for my version was developed independently. Thank you, mitxela, for sparking this creative endeavor!