Color Shade Selector - Githubissues

metauni / metaboard

Multiplayer drawing boards for sharing knowledge in Roblox.

Mozilla Public License 2.0

29 stars 6 forks source link

Color Shade Selector #41

Closed jaipack17 closed 2 years ago

jaipack17 commented 2 years ago

Changes to UI

Added Select Shade button in Toolbar.Colors
Added ColorShadeFrame in ShadeSelector ScreenGui, Reset button and Note in Select Shade button. (Visible only when Select Shade button is clicked)
All UI is responsive and fits great on all screens.

Changes to Config.lua

Added a dictionary of hard-coded color shades

Changes to DrawingTool.lua

Added new property "AllColors" to Pen
Added new Methods to Pen
- Pen:SetAllColors()
Color palettes are now catched inside Pen.AllColors array

Changes to Drawing.lua

Caches the initial color palette for PenA and PenB when Init() is called.
Closes ShadeFrame when ToolDown() is called.

Changes to Buttons.lua

Added new methods
- Buttons.ConnectSelectShadeButton() - Make shade selector functional
- Buttons.SyncShadeFrame() - Sync the shades and selected shades visible in the ColorShades frame.

Changes to CanvasState.lua

Enable/Disable ShadeSelector on Open(), Init() and Close()

Shade Selector Details

Shade Selector can be opened only:
- By clicking Select Shade button in the toolbar.
Shade Selector is available only:
- For pen tools (Freehand and Lines both)
Shade Selector closes automatically when:
- You start drawing
- You select a tool other than Pen A or Pen B (i.e. erasers)
- When you click Redo or Undo
- When you click Clear Board button
- When you click Close Board button

Features

Each pen can have it's own color palette now. With different shades selected.
Each primary color has its own set of shades
Shades can be reset to the default shade using the Reset Button
Selecting a tool other than Pens will result in a note being displayed in place of the shades.

Drawing is fun! (The "drawing" in the video glitches sometimes because of my video recorder :v)

https://user-images.githubusercontent.com/74130881/152636074-6816758a-f5d1-4347-afdb-31bda5cf4cae.mp4

jaipack17 commented 2 years ago

Converted to draft for a bit. Fixing the display order. Currently, you can draw over the shade selector

Edit: Fixed the display order, but now the UI isn't positioned correctly on different screens. Fixing this now. Edit 2: Fixed