feat: color picker
This commit is contained in:
beriff
301
src/ui/widgets/colorwheel.c
Normal file
301
src/ui/widgets/colorwheel.c
Normal file
@@ -0,0 +1,301 @@
|
||||
#include "colorwheel.h"
|
||||
#include "cairo.h"
|
||||
#include "gtk/gtk.h"
|
||||
#include "gtk/gtkshortcut.h"
|
||||
|
||||
#define M_PI 3.14159265358979323846
|
||||
|
||||
enum { COLOR_CHANGED, LAST_SIGNAL };
|
||||
static guint signals[LAST_SIGNAL];
|
||||
|
||||
struct _VektorColorWheel {
|
||||
GtkDrawingArea parent_instance;
|
||||
|
||||
double hue;
|
||||
double saturation;
|
||||
double lightness;
|
||||
|
||||
gboolean dragging_wheel;
|
||||
gboolean dragging_triangle;
|
||||
};
|
||||
|
||||
G_DEFINE_TYPE(VektorColorWheel, vektor_color_wheel, GTK_TYPE_DRAWING_AREA)
|
||||
|
||||
static gboolean point_in_triangle(
|
||||
double px, double py,
|
||||
double ax, double ay,
|
||||
double bx, double by,
|
||||
double cx, double cy,
|
||||
double* u, double* v, double* w)
|
||||
{
|
||||
double denom =
|
||||
(by - cy)*(ax - cx) +
|
||||
(cx - bx)*(ay - cy);
|
||||
|
||||
*u =
|
||||
((by - cy)*(px - cx) +
|
||||
(cx - bx)*(py - cy)) / denom;
|
||||
|
||||
*v =
|
||||
((cy - ay)*(px - cx) +
|
||||
(ax - cx)*(py - cy)) / denom;
|
||||
|
||||
*w = 1 - *u - *v;
|
||||
|
||||
return (*u >= 0 && *v >= 0 && *w >= 0);
|
||||
}
|
||||
|
||||
static void vektor_color_wheel_snapshot(GtkWidget* widget, GtkSnapshot* snapshot) {
|
||||
VektorColorWheel* self = VEKTOR_COLOR_WHEEL(widget);
|
||||
|
||||
int width = gtk_widget_get_width(widget);
|
||||
int height = gtk_widget_get_height(widget);
|
||||
|
||||
graphene_rect_t bounds = GRAPHENE_RECT_INIT(0,0,width,height);
|
||||
cairo_t* cr = gtk_snapshot_append_cairo(snapshot, &bounds);
|
||||
|
||||
double cx = width / 2.0;
|
||||
double cy = height / 2.0;
|
||||
|
||||
double outer_radius = MIN(width, height) / 2.0;
|
||||
double wheel_radius = outer_radius * 0.95;
|
||||
double inner_radius = wheel_radius * 0.9;
|
||||
|
||||
double triangle_radius = wheel_radius * 0.75;
|
||||
|
||||
// wheel draw
|
||||
for(int a = 0; a < 360; a++) {
|
||||
double angle_1 = a*(M_PI / 180.0);
|
||||
double angle_2 = (a + 1) * (M_PI / 180.0);
|
||||
|
||||
cairo_new_path(cr);
|
||||
cairo_arc(cr, cx, cy, wheel_radius, angle_1, angle_2);
|
||||
cairo_arc_negative(cr, cx, cy, inner_radius, angle_2, angle_1);
|
||||
cairo_close_path(cr);
|
||||
|
||||
float r,g,b;
|
||||
gtk_hsv_to_rgb(a / 360.0, 1.0, 1.0, &r, &g, &b);
|
||||
|
||||
cairo_set_source_rgb(cr, r, g, b);
|
||||
cairo_fill(cr);
|
||||
}
|
||||
|
||||
// triangle draw
|
||||
double ax = cx + triangle_radius;
|
||||
double ay = cy;
|
||||
|
||||
double bx = cx - 0.5 * triangle_radius;
|
||||
double by = cy + 0.866 * triangle_radius;
|
||||
|
||||
double cx2 = cx - 0.5 * triangle_radius;
|
||||
double cy2 = cy - 0.866 * triangle_radius;
|
||||
|
||||
cairo_new_path(cr);
|
||||
|
||||
cairo_move_to(cr, ax, ay);
|
||||
cairo_line_to(cr, bx, by);
|
||||
cairo_line_to(cr, cx2, cy2);
|
||||
cairo_close_path(cr);
|
||||
|
||||
cairo_save(cr);
|
||||
cairo_clip(cr);
|
||||
|
||||
// base color (pure hue at full brightness)
|
||||
float r, g, b;
|
||||
gtk_hsv_to_rgb(self->hue, 1.0, 1.0, &r, &g, &b);
|
||||
cairo_set_source_rgb(cr, r, g, b);
|
||||
cairo_paint(cr);
|
||||
|
||||
// White gradient: from pure hue (right) → white (bottom)
|
||||
cairo_pattern_t* white = cairo_pattern_create_linear(ax, ay, bx, by);
|
||||
cairo_pattern_add_color_stop_rgba(white, 0.0, 1,1,1, 0.0); // transparent at pure hue
|
||||
cairo_pattern_add_color_stop_rgba(white, 1.0, 1,1,1, 1.0); // opaque white at bottom
|
||||
cairo_set_source(cr, white);
|
||||
cairo_paint(cr);
|
||||
cairo_pattern_destroy(white);
|
||||
|
||||
// Black gradient: from pure hue (right) → black (top)
|
||||
cairo_pattern_t* black = cairo_pattern_create_linear(ax, ay, cx2, cy2);
|
||||
cairo_pattern_add_color_stop_rgba(black, 0.0, 0,0,0, 0.0); // transparent at pure hue
|
||||
cairo_pattern_add_color_stop_rgba(black, 1.0, 0,0,0, 1.0); // opaque black at top
|
||||
cairo_set_source(cr, black);
|
||||
cairo_paint(cr);
|
||||
cairo_pattern_destroy(black);
|
||||
|
||||
cairo_restore(cr);
|
||||
|
||||
// triangle outline
|
||||
cairo_set_source_rgb(cr,.1,.1,.1);
|
||||
cairo_move_to(cr, ax, ay);
|
||||
cairo_line_to(cr, bx, by);
|
||||
cairo_line_to(cr, cx2, cy2);
|
||||
cairo_close_path(cr);
|
||||
|
||||
cairo_set_source_rgb(cr,.1,.1,.1);
|
||||
cairo_stroke(cr);
|
||||
|
||||
// selectors draw
|
||||
|
||||
// triangle selector
|
||||
double chroma_weight = self->saturation * self->lightness;
|
||||
double white_weight = (1.0 - self->saturation) * self->lightness;
|
||||
double black_weight = 1.0 - self->lightness;
|
||||
|
||||
double px = ax * chroma_weight + bx * white_weight + cx2 * black_weight;
|
||||
double py = ay * chroma_weight + by * white_weight + cy2 * black_weight;
|
||||
|
||||
cairo_arc(cr, px, py, 5, 0, 2*M_PI);
|
||||
|
||||
float fr, fg, fb;
|
||||
vektor_colorout_wheel_get_color(self, &fr, &fg, &fb);
|
||||
cairo_set_source_rgb(cr, fr, fg, fb);
|
||||
cairo_fill_preserve(cr);
|
||||
cairo_set_source_rgb(cr, 0.1, 0.1, 0.1);
|
||||
cairo_set_line_width(cr, 2.0);
|
||||
cairo_stroke(cr);
|
||||
|
||||
// wheel selector
|
||||
double selector_angle = self->hue * 2 * M_PI;
|
||||
double selector_width = 0.08;
|
||||
|
||||
cairo_new_path(cr);
|
||||
|
||||
cairo_arc(cr,
|
||||
cx, cy,
|
||||
wheel_radius,
|
||||
selector_angle - selector_width,
|
||||
selector_angle + selector_width);
|
||||
|
||||
cairo_arc_negative(cr,
|
||||
cx, cy,
|
||||
inner_radius,
|
||||
selector_angle + selector_width,
|
||||
selector_angle - selector_width);
|
||||
|
||||
cairo_close_path(cr);
|
||||
|
||||
cairo_set_source_rgb(cr, 1, 1, 1);
|
||||
cairo_stroke(cr);
|
||||
|
||||
cairo_destroy(cr);
|
||||
}
|
||||
|
||||
static void on_click(GtkGestureClick* gesture, int n_press, double x, double y, gpointer data) {
|
||||
VektorColorWheel* wheel = VEKTOR_COLOR_WHEEL(data);
|
||||
GtkWidget* widget = GTK_WIDGET(wheel);
|
||||
|
||||
int width = gtk_widget_get_width(widget);
|
||||
int height = gtk_widget_get_height(widget);
|
||||
|
||||
double outer_radius = MIN(width, height) / 2.0;
|
||||
double wheel_radius = outer_radius * 0.95;
|
||||
double inner_radius = wheel_radius * 0.9;
|
||||
|
||||
double triangle_radius = wheel_radius * 0.75;
|
||||
|
||||
double cx = width / 2.0;
|
||||
double cy = height / 2.0;
|
||||
|
||||
double ax = cx + triangle_radius;
|
||||
double ay = cy;
|
||||
|
||||
double bx = cx - 0.5 * triangle_radius;
|
||||
double by = cy + 0.866 * triangle_radius;
|
||||
|
||||
double cx2 = cx - 0.5 * triangle_radius;
|
||||
double cy2 = cy - 0.866 * triangle_radius;
|
||||
|
||||
double u,v,w;
|
||||
if(point_in_triangle(x,y, ax,ay, bx,by, cx2,cy2, &u,&v,&w)) {
|
||||
|
||||
double denom = u + v;
|
||||
if (denom > 0.0001) { // avoid div-by-zero at black vertex
|
||||
wheel->saturation = u / denom;
|
||||
} else {
|
||||
wheel->saturation = 0.0; // arbitrary, since S irrelevant at V=0
|
||||
}
|
||||
wheel->lightness = denom;
|
||||
g_signal_emit(wheel, signals[COLOR_CHANGED], 0);
|
||||
|
||||
} else {
|
||||
double dx = x - cx;
|
||||
double dy = y - cy;
|
||||
double dist = sqrt(dx*dx+dy*dy);
|
||||
|
||||
if(dist > inner_radius && dist < outer_radius) {
|
||||
|
||||
double angle = atan2(dy, dx);
|
||||
if(angle < 0) { angle += 2 * M_PI; }
|
||||
|
||||
wheel->hue = angle / (2*M_PI);
|
||||
g_signal_emit(wheel, signals[COLOR_CHANGED], 0);
|
||||
}
|
||||
}
|
||||
|
||||
gtk_widget_queue_draw(widget);
|
||||
}
|
||||
|
||||
static void on_drag(GtkGestureDrag* gesture, double offset_x, double offset_y, gpointer data) {
|
||||
double x,y;
|
||||
gtk_gesture_drag_get_start_point(gesture,&x,&y);
|
||||
|
||||
x += offset_x;
|
||||
y += offset_y;
|
||||
|
||||
on_click(NULL,0,x,y,data);
|
||||
}
|
||||
|
||||
static void vektor_color_wheel_init(VektorColorWheel* self) {
|
||||
GtkGesture* click = gtk_gesture_click_new();
|
||||
gtk_widget_add_controller(GTK_WIDGET(self), GTK_EVENT_CONTROLLER(click));
|
||||
|
||||
g_signal_connect(click, "pressed", G_CALLBACK(on_click), self);
|
||||
|
||||
GtkGesture* drag = gtk_gesture_drag_new();
|
||||
gtk_widget_add_controller(GTK_WIDGET(self), GTK_EVENT_CONTROLLER(drag));
|
||||
|
||||
g_signal_connect(drag, "drag-update", G_CALLBACK(on_drag), self);
|
||||
}
|
||||
|
||||
static void vektor_color_wheel_class_init(VektorColorWheelClass* klass) {
|
||||
GtkWidgetClass* widget_class = GTK_WIDGET_CLASS(klass);
|
||||
widget_class->snapshot = vektor_color_wheel_snapshot;
|
||||
|
||||
signals[COLOR_CHANGED] =
|
||||
g_signal_new(
|
||||
"color-changed",
|
||||
G_TYPE_FROM_CLASS(klass),
|
||||
G_SIGNAL_RUN_FIRST,
|
||||
0,
|
||||
NULL,
|
||||
NULL,
|
||||
NULL,
|
||||
G_TYPE_NONE,
|
||||
0
|
||||
);
|
||||
}
|
||||
|
||||
GtkWidget* vektor_color_wheel_new(void) {
|
||||
return g_object_new(VEKTOR_TYPE_COLOR_WHEEL, NULL);
|
||||
}
|
||||
|
||||
VektorColor vektor_color_wheel_get_color(VektorColorWheel* wheel) {
|
||||
float r,g,b;
|
||||
gtk_hsv_to_rgb(wheel->hue,
|
||||
wheel->saturation,
|
||||
wheel->lightness,
|
||||
&r, &g, &b);
|
||||
|
||||
return (VektorColor) {
|
||||
.r = (unsigned char)(r*255),
|
||||
.g = (unsigned char)(g*255),
|
||||
.b = (unsigned char)(b*255)
|
||||
};
|
||||
}
|
||||
|
||||
void vektor_colorout_wheel_get_color(VektorColorWheel* wheel, float* r, float* g, float* b) {
|
||||
gtk_hsv_to_rgb(wheel->hue,
|
||||
wheel->saturation,
|
||||
wheel->lightness,
|
||||
r, g, b);
|
||||
}
|
||||
14
src/ui/widgets/colorwheel.h
Normal file
14
src/ui/widgets/colorwheel.h
Normal file
@@ -0,0 +1,14 @@
|
||||
#ifndef VKTR_COLORWHEEL_H
|
||||
#define VKTR_COLORWHEEL_H
|
||||
|
||||
#include "gtk/gtk.h"
|
||||
#include "src/util/color.h"
|
||||
|
||||
#define VEKTOR_TYPE_COLOR_WHEEL vektor_color_wheel_get_type()
|
||||
G_DECLARE_FINAL_TYPE(VektorColorWheel, vektor_color_wheel, VEKTOR, COLOR_WHEEL, GtkDrawingArea)
|
||||
|
||||
GtkWidget* vektor_color_wheel_new(void);
|
||||
VektorColor vektor_color_wheel_get_color(VektorColorWheel* wheel);
|
||||
void vektor_colorout_wheel_get_color(VektorColorWheel* wheel, float* r, float* g, float* b);
|
||||
|
||||
#endif
|
||||
Reference in New Issue
Block a user