Hgoda90 - Bezel Preset Editor

neato! this looks like a super-useful tool. Thanks for making and sharing it!

4 Likes

I definitely enjoyed making it. I think given time somebody would have eventually made it.

3 Likes

Add

– Custom Preset button to allow for copying over custom changes

Change

– Put pathtofile for image and preset paths

1 Like

What is color conversion needed for?

The conversion helps mainly with koko-aio but Mega Bezel is in HSB format. It started out as a HEX to koko-aio Color: RGB with custom equations. I just thought to go ahead and add RGB, HSB and HSL format as well along with Mega Bezel.

To get #553A99 with koko-aio

BEZEL_R = "-0.1326953125"
BEZEL_G = "-0.2160156250"
BEZEL_B = "0.0771484375"

First Design

2 Likes

If anyone wants to follow the production you can start at

Second

Follow the rest starting at

It just started as a HEX to koko-aio color converter and grew really quick from there, 2 weeks.

1 Like

An idea, just have figure out where to place Color Vision.

Edit: Figured it out.

1 Like

Add

– Side text

Change

– Color Vision square is now based around what Sample shape is used.

1 Like

Thought of a grid layout for those that would want to load more presets. It would still be two but changeable to 4 and I am also thinking of adding drag and drop to load presets.

For those wondering the first text-box will be the only one with changeable settings.

1 Like

Add

– Drag and Drop Loading
– Grid View

Note: Text Box has to be set to edit for drag and drop loading to work.

2 Likes

Did a quick change of removing edit from text 2-4 and rearrange the action buttons. I removed the edit buttons since those are meant to be used for rearranging the presets and the button just switched in and out of readonly.

1 Like

Quick Update

– Add koko-aio image slider

1 Like

Bezel Preset Editor v1.0.1

Download

Add

– Load Button
– HSL Format
– Color2Color for color conversion
– Side Text and Grid View
– Drag and Drop Loading
– koko-aio Image Slider

Change

– Swatches
– Remove Edit Buttons
– Rearrange Action Buttons

2 Likes

Thinking of getting rid of grid view and go with navigation tabs instead. Only looks have been changed to show the concept first.

Feedback and suggestions are welcome.

1 Like

Add

– Pass Text Button

Change

– Grid View to Navigation Dots

Note: Navigation Dots can be changed using arrow keys.

1 Like

Quick Update

– Add Multiple File Drag & Drop

Note: Works only on the first side text area and up to five files

1 Like

Changed navigation dot keys to page down and page up. Using the editor with the arrows keys got frustrating.

1 Like

WIP

I thought to move the navigation to the bottom of the textarea and treat it like carousel navigation. I came to the idea since I want to have the most open presets at one time as possible. So with the change up to 10 preset files can be edited at the same time.

I have also preemptively created a clear all button.

1 Like

Add

– Preset Title
– Clear All Button

Change

– Move nav dots to below textarea
– Add 5 more nav dots
– Make submit button change with Color Vision

1 Like

Quick Update

– Make Dots hideable; double arrow near dots

Note: I don’t know why I didn’t think of this before. Change presets through page up and down will still be possible.

1 Like