Add Color Cylce application specification Resolves: N/a See also: N/apull/11/head
parent
4a69add26e
commit
64ea8fbf8e
@ -0,0 +1,40 @@
|
|||||||
|
# ColorCycle
|
||||||
|
|
||||||
|
The use of color plays a major role in an applications User Interface and
|
||||||
|
User Experience (UI/UX). ColorCycle seeks to help WebDev's better understand
|
||||||
|
RBG colors by making small changes to a colored box over time.
|
||||||
|
|
||||||
|
This app draws a box filled with a user specified color and makes small changes
|
||||||
|
over time also based on user input. In otherwords, from cycles through
|
||||||
|
changes to the originally specified color. These changes allow the user to
|
||||||
|
experience the visual impact different changes to the individual parts of
|
||||||
|
an RGB color specification (e.g. `#000000` color code).
|
||||||
|
|
||||||
|
## User Stories
|
||||||
|
|
||||||
|
- [ ] User can specify a starting fill color as a six hexadecimal standard
|
||||||
|
CSS color code in three individual components of two digits each - red,
|
||||||
|
blue, and green.
|
||||||
|
- [ ] User can specify an increment value for each color component that will
|
||||||
|
be added to that component every .25 second.
|
||||||
|
- [ ] User can see the box containing the fill color change every .25 seconds.
|
||||||
|
- [ ] User can only change the color components and their increments when
|
||||||
|
the app is stopped.
|
||||||
|
- [ ] User can start and stop the fill operation using a button whose name
|
||||||
|
changes to 'Start' when stopped and 'Stop' when started.
|
||||||
|
- [ ] User will recieve an warning if something other than hexadecimal digits
|
||||||
|
are entered for the color components.
|
||||||
|
|
||||||
|
## Bonus features
|
||||||
|
|
||||||
|
- [ ] User can change the time interval between color changes.
|
||||||
|
- [ ] User can specify the color encoding format used from RGB to another
|
||||||
|
format like HSL.
|
||||||
|
|
||||||
|
## Useful links and resources
|
||||||
|
|
||||||
|
[CSS Color Codes](https://www.quackit.com/css/css_color_codes.cfm)
|
||||||
|
|
||||||
|
## Example projects
|
||||||
|
|
||||||
|
[CSS Color Changing Background](https://codepen.io/SoumyajitChand/pen/wjKVed)
|
Loading…
Reference in new issue