#29 UI Ideas/Suggestions

Tom B
Rick Christy

Below is a description of the attached file and
descriptions/explanations of my ideas/suggestions.

Thanks guys! TundraDraw rules.

[Color Wells Palette Toolbox]

* 6 Complimentary color chips
- Foreground top: chips fade in configurable HSB
increment (value)
from current foreground color to darker.
Configurable increment
should be configurable :) percentages or something?

- Foreground left: chips brighten in same configurable
HSB increment
from current to brighter. In this case, it is almost

- Background bottom: same as foreground top except
that fade from
color is current BG color.

- Background right: same as foreground left except
that fade from
color is current FG color.

- Colors are picked in standard TundraDraw way:
left-click or right
click. After clicking, complimentary chips are
updated to reflect
the new color well contents.

* Color picker button (for utility access (see below))
- Left-clicking on color picker button opens standard
TundraDraw color
picker. If color is picked, load in foreground?
Basically this
button would supplement the new features for palette
- Right-clicking on color picker button could open
context menu for
same utilities: open/save dialog for colors.

* Eye-Dropper button
- Left-clicking engages/depresses button and turns
on eye-dropper which
samples color directly under picker pointer from
anywhere on client
computer screen. Magnify window in toolbar assists
by magnifying area
under picker pointer cursor (see below).
Subsequent left-click loads
color under cursor into FG color well.
- Right-clicking engages/depresses button and turns
on eye-dropper like
left-click, only difference is picked color is
loaded into BG color well.

* Current Colors Gradiation Widget
- A simple rectangular widget which on the far left
contains the color from
the FG color well, and on far right contains the BG
color well, and gradiation
between colors. Useful with picker tool to "mix"
colors and get similar tones.

* Value Gradiation Widget
- A simple rectangular gradient with 5 color stops:
0% : Absolute black (0,0,0)
25% : Color from FG color well
50% : Absolute white (255,255,255)
75% : Color from BG color well
100%: Absolute black (0,0,0)

In this way value gradient can be useful for color
picker for same reason
as the current-colors gradiation widget. Only 5
stops are needed to achieve
this. Magnify is useful in this context as well.

* Last Used Colors
- Last used colors provides a history (from most
recent being on the far left,
and pushing onto stack and moving to the right and
down) of colors used in
artwork. This gives alot of great freedom and is a
fast way to have a quick
palette built in no time without using canvas and
ALT-U to pickup colors.

* Freeze button does just that, it freezes the history
state. If freeze is pressed
last used colors do not update anymore when new
colors are picked. If freeze is
not pressed, colors are updated and pushed onto the
stack in last-used order
as stated above. The idea is to rapidly create 12
working colors from those that
have been picked, etc. Perhaps when frozen
double-clicking on a frozen color well
could open the color palette and allow editing of
this color in the clicked well.
Fast palettes are necessary.

[Character Set]
* Favorites
- Favorites let us allocate favorite often used
characters to a slot we can
then left click to insert into the canvas. This
could be very useful for
sysops and also for people who use languages that
contain characters not
easily inserted via traditional methods. I guess one
way to work it would
be to have a character map picker or something. Not
sure how it would be
implemented, but would be a good feature to have.

* Magnification window
- The window shows magnified version of what is under
cursor on canvas or from
color dropper picker when that mode is engaged. The
red box in the window shows
where the cursor is in relation to the magnification
-- in this case just above
the right pupil in the eye of the monkey.
* Level Slider
- The level slider defines which of the 3 available
magnification levels is currently
used to determine the level of magnification in the
magnification window. I have 3
illustrated here, but there could be more. I figured
since you had the SVGA/VGA preview
that one was done, and then regular old 100% is done
(would be helpful for cursor location
at 100%), so you'd only have to worry about a 200%
or something. Anyway just an idea.

Note that the darker shading on the 3D face of toolbox
dialog UI was used to provide contrast
and dinstinction between standard tools. Obviously this
is just rough to give you guys an idea,
but it is helpful to provide some form of visual
influence to separate the last used color wells
and the favorite characters in character set.

[Color Picker Dialog]
* Utilities
- Drop box contains name of palette. Drop box is
populated with available palettes from
pre-configured palette directory (or perhaps
TundraDraw directory) so that we can
pick quickly from one.

To create a new pallete, simply rename the current
name to something else.

Blank palette (or non-existant) could be handled by
showing [No Name] or [Untitled] or
something :)

- Open button (Disk with red up arrow)
- Open button opens dialog to choose a palette file.
- Save button (Disk with green down arrow)
- Save button saves palette to disk as named in
dropdown box to left. If [No Name] or
[Untitled] then prompt for filename in alert box or
something and focus / select
the [No Name] or [Untitled] so user is aware where
to type.
- Picker button (eyedropper on swatch boxes)
- Picker button simply turns on picker mode as it
would be engaged from above. Difference
is that picker is only engaged while
left-mouse-button is depressed -- think Dreamweaver/etc.
and when released picks color in picker for further
modification or storage in a custom color
well. Note that it isn't expected that
magnification window show contents under client screen
that is intended only for tundra canvas.

[Open Dialog]
I know this may not be possible, but it would be very
cool. Is it possible to do a preview window
as illustrated in the screenshot showing SVGA mode
rendering of the file selected in the open dialog?
We could then preview the stuff before loading. Very
handy, though I don't know how practical it is
in a cross-platform context. If add that, need to have
scroll bar or something to allow us to pan
around/down the preview since only the top xxx lines
will be shown by nature of how it works.


  • Rick Christy
    Rick Christy

    Interface Features illustrated/screenshots

  • Rick Christy
    Rick Christy

    Logged In: YES

    Please download the feature.txt file which maintains the
    formatting. When pasted, lost formatting and thus is more
    confusing :(

  • Rick Christy
    Rick Christy

    Feature Request text file (maintains formatting)