Commit graph odin-etch-a-sketch/script.js
Author SHA1 Message Date
724133e243 Tie transparency funcitonality to canvas color picker 2023-11-12 18:58:24 -07:00
d83c0f6f6d Add transparency slider for canvas background color and remove unnecessary bits of code 2023-11-12 17:31:16 -07:00
e026c24975 Adjust tint and shade behaviors and rearrange input and canvas 2023-11-12 15:36:08 -07:00
656c11446f Adjust styles and default behavior and partially fix knob rending during rotation 2023-11-12 12:50:44 -07:00
cb83a95351 Fixknob flex-wrap glitching issues 2023-11-12 10:03:16 -07:00
21545df9f4 Change default background of canvas 2023-11-11 23:45:04 -07:00
487909fa8c set default position for knob 2023-11-11 18:56:38 -07:00
bf557942e4 Tie slider events to knob rotation 2023-11-11 17:30:17 -07:00
3c72666c70 Get knob to move when slider moves 2023-11-11 16:26:33 -07:00
32f58ce4d4 Expand mouse movement dection to document body 2023-11-11 15:21:18 -07:00
2e5617e122 Add knob 2023-11-11 15:09:20 -07:00
8acb8377a6 Add knob and reorder divs 2023-11-11 07:39:44 -07:00
eb053eca0d Add grid toggle 2023-11-10 20:10:38 -07:00
802b75b2b5 Refix behavior of color picker 2023-11-10 19:28:05 -07:00
36d0f910f4 Clean up code 2023-11-10 19:23:03 -07:00
b4968f443c Clean up code 2023-11-10 19:21:39 -07:00
cc2571dd50 Create separate reset function and get default value for slider working 2023-11-10 18:56:00 -07:00
ab7b2c83de Clean up code 2023-11-10 18:39:02 -07:00
69bbf7b64f Clean up code 2023-11-10 17:32:29 -07:00
087e0d7fd1 Remove redundant event listeners 2023-11-10 17:13:47 -07:00
4cf9656276 Comment out default grid slider value 2023-11-10 16:47:42 -07:00
f7fa4dd325 Add background color for container and add more reset values 2023-11-10 13:51:08 -07:00
4fe377d9e1 Add reset button 2023-11-10 13:28:36 -07:00
b1136a2875 get color picker working properly and format code 2023-11-10 13:21:52 -07:00
faeeb0cd2c Add color picker 2023-11-10 12:51:07 -07:00
Octavia
441b621b6e
Add working opacity and transparency functions 2023-11-10 11:58:53 -07:00
304b8425a3 Fix tint function 2023-11-10 10:22:08 -07:00
14aa3365f3 Fix tint function 2023-11-10 10:12:43 -07:00
b59eff4192 Fix shade and tint functions 2023-11-10 10:10:41 -07:00
354bc7c4d0 Add tint and shading functions 2023-11-10 09:20:46 -07:00
b7666e1ca8 Change rgb function name 2023-11-10 08:26:39 -07:00
fbe4096bae Remove rgb case from changeColor 2023-11-10 08:07:36 -07:00
50a87783b6 Add logic for filtering out rgb button 2023-11-10 07:49:31 -07:00
d4a6b4037a Move grid listeners back to original function 2023-11-10 07:38:42 -07:00
7d45db79e2 Move grid listeners to separate function 2023-11-10 07:29:20 -07:00
007cabe984 change rgbColor output to string literal 2023-11-10 01:31:07 -07:00
34aa91359b Randomize rgb color 2023-11-09 23:17:42 -07:00
07e267b3ab Add buttons and logic for color changes 2023-11-09 22:46:13 -07:00
3517cc4e3f Change behavior of slider and add slider label 2023-11-09 22:04:04 -07:00
07f2f95e13 Fix grid overflowing at certain dimensions 2023-11-09 21:31:07 -07:00
012f0b29e5 Change grid size with slider 2023-11-09 20:15:53 -07:00
d6ff416979 Get background to change on mouseover 2023-11-09 18:26:41 -07:00
ad87353175 Add event listeners to each grid item 2023-11-09 18:20:28 -07:00
06aa9203af Move grid creation to function 2023-11-09 16:31:23 -07:00
a48661fcf4 Fix grid 2023-11-09 15:37:47 -07:00
85ef7a2709 Add grid 2023-11-09 15:14:02 -07:00
08272480e2 Add initial content, styles and variables 2023-11-09 14:15:23 -07:00
eadca1d4db Create initial blank documents and link them to index page 2023-11-09 13:50:41 -07:00