Skip to content

WereDiggle/odin-etch-a-sketch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

odin-etch-a-sketch

Live demo

Gameboy screenshot

TODO: functionality

  • Cell sizes change to keep total board size the same
  • Only fill in cells on mousedown
  • Resize canvas slider
  • Select color to use
  • Fill cell animation
  • Support color randomizer
  • Clear button clears board
  • Random feature fills in color

TODO: bugs

  • Fix screen size changing slightly between resizes

TODO: design

  • Resize padding
  • Layout controls
    • arrange color buttons 2x2
    • Increase size of color buttons
    • Center resize slider
    • Center random and clear buttons
  • Chasis style
    • Round corners
    • Drop shadows
  • Face style
    • Round corners
    • borders
  • Add inset shadows to screen
  • Face text
    • Add "DOT MATRIX WITH STEREO SOUND"
    • Add red and blue lines
  • Battery indicator
    • Make a little dot
    • Font, color, size for "BATTERY" text
  • OdintendoETCH-A-SKETCH
    • find font for Odintendo
    • find font for ETCH-A-SKETCH
    • italics for ETCH-A-SKETCH
    • Adjust alignment to the left
    • Adjust size of text
  • Color select buttons
    • Display hand cursor on hover
    • Add some kind of hover effect
    • Add some kind of pressed down effect (shadows?)
  • Resize slider
    • Increase size
    • Change color to red
    • Change font and font-color to blue
    • Rotate
  • bottom buttons
    • make buttons long and rounded
    • Add shadow
    • Add text beneath buttons
    • Make text blue
  • Add color to color selection buttons

About

Etch a Sketch project done in vanilla JS/CSS/HTML

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published