mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 09:57:35 +00:00
ThemeEditor: Implement a way to simulate color blindness in preview
Implement a mechanism that allows us to alter colors so that they mimic those a colorblind person would see. From the color we can then alter the colors for the whole preview so we can simulate everything in the theme including icons/decorations. This filter is also available as a Filter in LibGfx so it can be reused in multiple other places. The color simulation algorithm is based on this one https://github.com/MaPePeR/jsColorblindSimulator publicly available.
This commit is contained in:
parent
1c05d39abc
commit
ebaf211260
7 changed files with 289 additions and 0 deletions
|
@ -1,6 +1,7 @@
|
|||
/*
|
||||
* Copyright (c) 2020, Andreas Kling <kling@serenityos.org>
|
||||
* Copyright (c) 2021, Sam Atkins <atkinssj@serenityos.org>
|
||||
* Copyright (c) 2021, Antonio Di Stefano <tonio9681@gmail.com>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
@ -20,6 +21,7 @@
|
|||
#include <LibGUI/TextEditor.h>
|
||||
#include <LibGfx/Bitmap.h>
|
||||
#include <LibGfx/WindowTheme.h>
|
||||
#include <WindowServer/Compositor.h>
|
||||
|
||||
namespace ThemeEditor {
|
||||
|
||||
|
@ -152,6 +154,12 @@ void PreviewWidget::set_theme_from_file(String const& path, int fd)
|
|||
on_theme_load_from_file(path);
|
||||
}
|
||||
|
||||
void PreviewWidget::set_color_filter(OwnPtr<Gfx::ColorBlindnessFilter> color_filter)
|
||||
{
|
||||
m_color_filter = move(color_filter);
|
||||
repaint();
|
||||
}
|
||||
|
||||
void PreviewWidget::paint_event(GUI::PaintEvent& event)
|
||||
{
|
||||
GUI::Frame::paint_event(event);
|
||||
|
@ -219,6 +227,24 @@ void PreviewWidget::paint_event(GUI::PaintEvent& event)
|
|||
paint_window("Active window", active_rect, Gfx::WindowTheme::WindowState::Active, *m_inactive_window_icon);
|
||||
}
|
||||
|
||||
void PreviewWidget::second_paint_event(GUI::PaintEvent&)
|
||||
{
|
||||
if (!m_color_filter)
|
||||
return;
|
||||
|
||||
GUI::Painter painter(*this);
|
||||
|
||||
auto target = painter.target();
|
||||
auto bitmap_clone_or_error = target->clone();
|
||||
if (bitmap_clone_or_error.is_error())
|
||||
return;
|
||||
|
||||
auto clone = bitmap_clone_or_error.release_value();
|
||||
auto rect = target->rect();
|
||||
|
||||
m_color_filter->apply(*target, rect, *clone, rect);
|
||||
}
|
||||
|
||||
void PreviewWidget::resize_event(GUI::ResizeEvent&)
|
||||
{
|
||||
m_gallery->set_relative_rect(Gfx::IntRect(0, 0, 320, 240).centered_within(rect()).translated(0, 20));
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
/*
|
||||
* Copyright (c) 2020, Andreas Kling <kling@serenityos.org>
|
||||
* Copyright (c) 2021, Sam Atkins <atkinssj@serenityos.org>
|
||||
* Copyright (c) 2021, Antonio Di Stefano <tonio9681@gmail.com>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
@ -9,6 +10,7 @@
|
|||
|
||||
#include <LibGUI/Frame.h>
|
||||
#include <LibGfx/Bitmap.h>
|
||||
#include <LibGfx/Filters/ColorBlindnessFilter.h>
|
||||
#include <LibGfx/Palette.h>
|
||||
|
||||
namespace ThemeEditor {
|
||||
|
@ -25,6 +27,8 @@ public:
|
|||
void set_preview_palette(const Gfx::Palette&);
|
||||
void set_theme_from_file(String const& path, int fd);
|
||||
|
||||
void set_color_filter(OwnPtr<Gfx::ColorBlindnessFilter>);
|
||||
|
||||
Function<void(String const&)> on_theme_load_from_file;
|
||||
|
||||
private:
|
||||
|
@ -33,11 +37,14 @@ private:
|
|||
void load_theme_bitmaps();
|
||||
|
||||
virtual void paint_event(GUI::PaintEvent&) override;
|
||||
virtual void second_paint_event(GUI::PaintEvent&) override;
|
||||
virtual void resize_event(GUI::ResizeEvent&) override;
|
||||
virtual void drop_event(GUI::DropEvent&) override;
|
||||
|
||||
Gfx::Palette m_preview_palette;
|
||||
|
||||
OwnPtr<Gfx::ColorBlindnessFilter> m_color_filter = nullptr;
|
||||
|
||||
RefPtr<Gfx::Bitmap> m_active_window_icon;
|
||||
RefPtr<Gfx::Bitmap> m_inactive_window_icon;
|
||||
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
* Copyright (c) 2020, Andreas Kling <kling@serenityos.org>
|
||||
* Copyright (c) 2021, Jakob-Niklas See <git@nwex.de>
|
||||
* Copyright (c) 2021, Sam Atkins <atkinssj@serenityos.org>
|
||||
* Copyright (c) 2021, Antonio Di Stefano <tonio9681@gmail.com>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
@ -12,6 +13,7 @@
|
|||
#include <LibCore/ConfigFile.h>
|
||||
#include <LibCore/System.h>
|
||||
#include <LibFileSystemAccessClient/Client.h>
|
||||
#include <LibGUI/ActionGroup.h>
|
||||
#include <LibGUI/Application.h>
|
||||
#include <LibGUI/BoxLayout.h>
|
||||
#include <LibGUI/Button.h>
|
||||
|
@ -26,6 +28,7 @@
|
|||
#include <LibGUI/SpinBox.h>
|
||||
#include <LibGUI/TextBox.h>
|
||||
#include <LibGUI/Window.h>
|
||||
#include <LibGfx/Filters/ColorBlindnessFilter.h>
|
||||
#include <LibMain/Main.h>
|
||||
#include <unistd.h>
|
||||
|
||||
|
@ -316,6 +319,67 @@ ErrorOr<int> serenity_main(Main::Arguments arguments)
|
|||
TRY(file_menu->try_add_separator());
|
||||
TRY(file_menu->try_add_action(GUI::CommonActions::make_quit_action([&](auto&) { app->quit(); })));
|
||||
|
||||
auto accessibility_menu = TRY(window->try_add_menu("&Accessibility"));
|
||||
|
||||
auto default_accessibility_action = GUI::Action::create_checkable("Default - non-impaired", { Mod_AltGr, Key_1 }, [&](auto&) {
|
||||
preview_widget.set_color_filter(nullptr);
|
||||
});
|
||||
default_accessibility_action->set_checked(true);
|
||||
|
||||
auto pratanopia_accessibility_action = GUI::Action::create_checkable("Protanopia", { Mod_AltGr, Key_2 }, [&](auto&) {
|
||||
preview_widget.set_color_filter(Gfx::ColorBlindnessFilter::create_protanopia());
|
||||
});
|
||||
|
||||
auto pratanomaly_accessibility_action = GUI::Action::create_checkable("Protanomaly", { Mod_AltGr, Key_3 }, [&](auto&) {
|
||||
preview_widget.set_color_filter(Gfx::ColorBlindnessFilter::create_protanomaly());
|
||||
});
|
||||
|
||||
auto tritanopia_accessibility_action = GUI::Action::create_checkable("Tritanopia", { Mod_AltGr, Key_4 }, [&](auto&) {
|
||||
preview_widget.set_color_filter(Gfx::ColorBlindnessFilter::create_tritanopia());
|
||||
});
|
||||
|
||||
auto tritanomaly_accessibility_action = GUI::Action::create_checkable("Tritanomaly", { Mod_AltGr, Key_5 }, [&](auto&) {
|
||||
preview_widget.set_color_filter(Gfx::ColorBlindnessFilter::create_tritanomaly());
|
||||
});
|
||||
|
||||
auto deuteranopia_accessibility_action = GUI::Action::create_checkable("Deuteranopia", { Mod_AltGr, Key_6 }, [&](auto&) {
|
||||
preview_widget.set_color_filter(Gfx::ColorBlindnessFilter::create_deuteranopia());
|
||||
});
|
||||
|
||||
auto deuteranomaly_accessibility_action = GUI::Action::create_checkable("Deuteranomaly", { Mod_AltGr, Key_7 }, [&](auto&) {
|
||||
preview_widget.set_color_filter(Gfx::ColorBlindnessFilter::create_deuteranomaly());
|
||||
});
|
||||
|
||||
auto achromatopsia_accessibility_action = GUI::Action::create_checkable("Achromatopsia", { Mod_AltGr, Key_8 }, [&](auto&) {
|
||||
preview_widget.set_color_filter(Gfx::ColorBlindnessFilter::create_achromatopsia());
|
||||
});
|
||||
|
||||
auto achromatomaly_accessibility_action = GUI::Action::create_checkable("Achromatomaly", { Mod_AltGr, Key_9 }, [&](auto&) {
|
||||
preview_widget.set_color_filter(Gfx::ColorBlindnessFilter::create_achromatomaly());
|
||||
});
|
||||
|
||||
auto preview_type_action_group = make<GUI::ActionGroup>();
|
||||
preview_type_action_group->set_exclusive(true);
|
||||
preview_type_action_group->add_action(*default_accessibility_action);
|
||||
preview_type_action_group->add_action(*pratanopia_accessibility_action);
|
||||
preview_type_action_group->add_action(*pratanomaly_accessibility_action);
|
||||
preview_type_action_group->add_action(*tritanopia_accessibility_action);
|
||||
preview_type_action_group->add_action(*tritanomaly_accessibility_action);
|
||||
preview_type_action_group->add_action(*deuteranopia_accessibility_action);
|
||||
preview_type_action_group->add_action(*deuteranomaly_accessibility_action);
|
||||
preview_type_action_group->add_action(*achromatopsia_accessibility_action);
|
||||
preview_type_action_group->add_action(*achromatomaly_accessibility_action);
|
||||
|
||||
TRY(accessibility_menu->try_add_action(default_accessibility_action));
|
||||
TRY(accessibility_menu->try_add_action(pratanopia_accessibility_action));
|
||||
TRY(accessibility_menu->try_add_action(pratanomaly_accessibility_action));
|
||||
TRY(accessibility_menu->try_add_action(tritanopia_accessibility_action));
|
||||
TRY(accessibility_menu->try_add_action(tritanomaly_accessibility_action));
|
||||
TRY(accessibility_menu->try_add_action(deuteranopia_accessibility_action));
|
||||
TRY(accessibility_menu->try_add_action(deuteranomaly_accessibility_action));
|
||||
TRY(accessibility_menu->try_add_action(achromatopsia_accessibility_action));
|
||||
TRY(accessibility_menu->try_add_action(achromatomaly_accessibility_action));
|
||||
|
||||
auto help_menu = TRY(window->try_add_menu("&Help"));
|
||||
TRY(help_menu->try_add_action(GUI::CommonActions::make_about_action("Theme Editor", app_icon, window)));
|
||||
|
||||
|
|
|
@ -13,6 +13,7 @@ set(SOURCES
|
|||
DDSLoader.cpp
|
||||
DisjointRectSet.cpp
|
||||
Emoji.cpp
|
||||
Filters/ColorBlindnessFilter.cpp
|
||||
Filters/FastBoxBlurFilter.cpp
|
||||
FontDatabase.cpp
|
||||
GIFLoader.cpp
|
||||
|
|
84
Userland/Libraries/LibGfx/Filters/ColorBlindnessFilter.cpp
Normal file
84
Userland/Libraries/LibGfx/Filters/ColorBlindnessFilter.cpp
Normal file
|
@ -0,0 +1,84 @@
|
|||
/*
|
||||
* Copyright (c) 2021, Antonio Di Stefano <tonio9681@gmail.com>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
||||
#include "ColorBlindnessFilter.h"
|
||||
|
||||
namespace Gfx {
|
||||
|
||||
NonnullOwnPtr<ColorBlindnessFilter> ColorBlindnessFilter::create_protanopia()
|
||||
{
|
||||
return make<ColorBlindnessFilter>(
|
||||
.56, .44, .0,
|
||||
.55, .45, .0,
|
||||
.0, .24, .76);
|
||||
}
|
||||
|
||||
NonnullOwnPtr<ColorBlindnessFilter> ColorBlindnessFilter::create_protanomaly()
|
||||
{
|
||||
return make<ColorBlindnessFilter>(
|
||||
.82, .18, .0,
|
||||
.33, .67, .0,
|
||||
.0, .13, .87);
|
||||
}
|
||||
|
||||
NonnullOwnPtr<ColorBlindnessFilter> ColorBlindnessFilter::create_deuteranopia()
|
||||
{
|
||||
return make<ColorBlindnessFilter>(
|
||||
.63, .37, .0,
|
||||
.7, .3, .0,
|
||||
.0, .3, .7);
|
||||
}
|
||||
|
||||
NonnullOwnPtr<ColorBlindnessFilter> ColorBlindnessFilter::create_deuteranomaly()
|
||||
{
|
||||
return make<ColorBlindnessFilter>(
|
||||
.8, .2, .0,
|
||||
.26, .74, .0,
|
||||
.0, .15, .85);
|
||||
}
|
||||
|
||||
NonnullOwnPtr<ColorBlindnessFilter> ColorBlindnessFilter::create_tritanopia()
|
||||
{
|
||||
return make<ColorBlindnessFilter>(
|
||||
.95, .05, .0,
|
||||
.0, .44, .56,
|
||||
.0, .48, .52);
|
||||
}
|
||||
|
||||
NonnullOwnPtr<ColorBlindnessFilter> ColorBlindnessFilter::create_tritanomaly()
|
||||
{
|
||||
return make<ColorBlindnessFilter>(
|
||||
.97, .03, .0,
|
||||
.0, .73, .27,
|
||||
.0, .18, .82);
|
||||
}
|
||||
|
||||
NonnullOwnPtr<ColorBlindnessFilter> ColorBlindnessFilter::create_achromatopsia()
|
||||
{
|
||||
return make<ColorBlindnessFilter>(
|
||||
.3, .59, .11,
|
||||
.3, .59, .11,
|
||||
.3, .59, .11);
|
||||
}
|
||||
|
||||
NonnullOwnPtr<ColorBlindnessFilter> ColorBlindnessFilter::create_achromatomaly()
|
||||
{
|
||||
return make<ColorBlindnessFilter>(
|
||||
.62, .32, .06,
|
||||
.16, .78, .06,
|
||||
.16, .32, .52);
|
||||
}
|
||||
|
||||
Color ColorBlindnessFilter::convert_color(Color original)
|
||||
{
|
||||
return Color(
|
||||
(u8)(original.red() * m_red_in_red_band + original.green() * m_green_in_red_band + original.blue() * m_blue_in_red_band),
|
||||
(u8)(original.red() * m_red_in_green_band + original.green() * m_green_in_green_band + original.blue() * m_blue_in_green_band),
|
||||
(u8)(original.red() * m_red_in_blue_band + original.green() * m_green_in_blue_band + original.blue() * m_blue_in_blue_band),
|
||||
original.alpha());
|
||||
};
|
||||
|
||||
}
|
63
Userland/Libraries/LibGfx/Filters/ColorBlindnessFilter.h
Normal file
63
Userland/Libraries/LibGfx/Filters/ColorBlindnessFilter.h
Normal file
|
@ -0,0 +1,63 @@
|
|||
/*
|
||||
* Copyright (c) 2021, Antonio Di Stefano <tonio9681@gmail.com>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
||||
#pragma once
|
||||
|
||||
#include "ColorFilter.h"
|
||||
#include <AK/NonnullOwnPtr.h>
|
||||
|
||||
namespace Gfx {
|
||||
class ColorBlindnessFilter : public ColorFilter {
|
||||
public:
|
||||
ColorBlindnessFilter(
|
||||
double red_in_red_band,
|
||||
double green_in_red_band,
|
||||
double blue_in_red_band,
|
||||
double red_in_green_band,
|
||||
double green_in_green_band,
|
||||
double blue_in_green_band,
|
||||
double red_in_blue_band,
|
||||
double green_in_blue_band,
|
||||
double blue_in_blue_band)
|
||||
: m_red_in_red_band(red_in_red_band)
|
||||
, m_green_in_red_band(green_in_red_band)
|
||||
, m_blue_in_red_band(blue_in_red_band)
|
||||
, m_red_in_green_band(red_in_green_band)
|
||||
, m_green_in_green_band(green_in_green_band)
|
||||
, m_blue_in_green_band(blue_in_green_band)
|
||||
, m_red_in_blue_band(red_in_blue_band)
|
||||
, m_green_in_blue_band(green_in_blue_band)
|
||||
, m_blue_in_blue_band(blue_in_blue_band)
|
||||
{
|
||||
}
|
||||
|
||||
virtual ~ColorBlindnessFilter() = default;
|
||||
virtual char const* class_name() const override { return "ColorBlindnessFilter"; }
|
||||
|
||||
static NonnullOwnPtr<ColorBlindnessFilter> create_protanopia();
|
||||
static NonnullOwnPtr<ColorBlindnessFilter> create_protanomaly();
|
||||
static NonnullOwnPtr<ColorBlindnessFilter> create_deuteranopia();
|
||||
static NonnullOwnPtr<ColorBlindnessFilter> create_deuteranomaly();
|
||||
static NonnullOwnPtr<ColorBlindnessFilter> create_tritanopia();
|
||||
static NonnullOwnPtr<ColorBlindnessFilter> create_tritanomaly();
|
||||
static NonnullOwnPtr<ColorBlindnessFilter> create_achromatopsia();
|
||||
static NonnullOwnPtr<ColorBlindnessFilter> create_achromatomaly();
|
||||
|
||||
protected:
|
||||
Color convert_color(Color original) override;
|
||||
|
||||
private:
|
||||
double m_red_in_red_band;
|
||||
double m_green_in_red_band;
|
||||
double m_blue_in_red_band;
|
||||
double m_red_in_green_band;
|
||||
double m_green_in_green_band;
|
||||
double m_blue_in_green_band;
|
||||
double m_red_in_blue_band;
|
||||
double m_green_in_blue_band;
|
||||
double m_blue_in_blue_band;
|
||||
};
|
||||
}
|
44
Userland/Libraries/LibGfx/Filters/ColorFilter.h
Normal file
44
Userland/Libraries/LibGfx/Filters/ColorFilter.h
Normal file
|
@ -0,0 +1,44 @@
|
|||
/*
|
||||
* Copyright (c) 2021, Antonio Di Stefano <tonio9681@gmail.com>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
||||
#pragma once
|
||||
|
||||
#include "Filter.h"
|
||||
|
||||
namespace Gfx {
|
||||
|
||||
class ColorFilter : public Filter {
|
||||
public:
|
||||
virtual ~ColorFilter() = default;
|
||||
|
||||
virtual void apply(Bitmap& target_bitmap, IntRect const& target_rect, Bitmap const& source_bitmap, IntRect const& source_rect) override
|
||||
{
|
||||
VERIFY(source_rect.size() == target_rect.size());
|
||||
VERIFY(target_bitmap.rect().contains(target_rect));
|
||||
VERIFY(source_bitmap.rect().contains(source_rect));
|
||||
|
||||
for (auto y = 0; y < source_rect.height(); ++y) {
|
||||
ssize_t source_y = y + source_rect.y();
|
||||
ssize_t target_y = y + target_rect.y();
|
||||
for (auto x = 0; x < source_rect.width(); ++x) {
|
||||
ssize_t source_x = x + source_rect.x();
|
||||
ssize_t target_x = x + target_rect.x();
|
||||
|
||||
auto source_pixel = source_bitmap.get_pixel(source_x, source_y);
|
||||
auto target_color = convert_color(source_pixel);
|
||||
|
||||
target_bitmap.set_pixel(target_x, target_y, target_color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
protected:
|
||||
ColorFilter() = default;
|
||||
|
||||
virtual Color convert_color(Color) = 0;
|
||||
};
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue