class Opal::UI::CurveEditor

Overview

Interactive Bézier Curve & Easing Editor. Features 2x4 sub-pixel Unicode Braille plotting, draggable P1/P2 control handles, CSS cubic-bezier output, standard presets, and real-time physics easing preview.

Defined in:

opal/ui/components/curve_editor.cr

Constant Summary

PRESETS = {"linear" => {0.0, 0.0, 1.0, 1.0}, "ease" => {0.25, 0.1, 0.25, 1.0}, "ease_in" => {0.42, 0.0, 1.0, 1.0}, "ease_out" => {0.0, 0.0, 0.58, 1.0}, "ease_in_out" => {0.42, 0.0, 0.58, 1.0}, "ease_in_back" => {0.36, 0.0, 0.66, -0.56}, "ease_out_back" => {0.34, 1.56, 0.64, 1.0}}

Presets

Constructors

Instance Method Summary

Constructor methods inherited from class Opal::UI::Control

new new

Instance methods inherited from module Opal::UI::InputHookable

custom_inputs=(custom_inputs : Bool) custom_inputs=, custom_inputs? : Bool custom_inputs?, default_input_proc : Proc(InputEvent, Bool) | Nil default_input_proc, default_input_proc=(default_input_proc : Proc(InputEvent, Bool) | Nil) default_input_proc=, fallback_to_defaults!(enabled : Bool = true) : self fallback_to_defaults!, fallback_to_defaults=(fallback_to_defaults : Bool) fallback_to_defaults=, fallback_to_defaults? : Bool fallback_to_defaults?, focus : self focus, focused=(focused : Bool) focused=, focused? : Bool focused?, handle_default_input(event : InputEvent) : Bool handle_default_input, handle_input(event : InputEvent) : Bool handle_input, handle_key(key : Terminal::KeyEvent) : Bool handle_key, handle_mouse(event : Terminal::MouseEvent) : Bool handle_mouse, input_hook : Proc(InputEvent, Bool) | Nil input_hook, input_hook=(input_hook : Proc(InputEvent, Bool) | Nil) input_hook=, on_input(&block : self, InputEvent -> Bool) : self on_input, puppet(&block : self, InputEvent -> Bool) : self puppet, reset_inputs : self reset_inputs, setup_default_inputs : Nil setup_default_inputs, unfocus : self unfocus, use_custom_inputs!(enabled : Bool = true) : self use_custom_inputs!

Instance methods inherited from class Opal::UI::Element

add_class(name : String) : self add_class, children : Array(Element) children, classes : Set(String) classes, classes=(classes : Set(String)) classes=, has_class?(name : String) : Bool has_class?, id : String | Nil id, id=(id : String | Nil) id=, preferred_print_size(available_w : Int32) : Tuple(Int32, Int32) preferred_print_size, preferred_size(available_w : Int32, available_h : Int32) : Tuple(Int32, Int32) preferred_size, print(io : IO = STDOUT, width : Int32 | Nil = nil, color : Bool | Nil = nil, theme : Theme | Nil = nil) : Nil print, query(selector : String) : Array(Element)
query(klass : T.class) : Array(T) forall T query, query_one(selector : String) : Element
query_one(klass : T.class) : T forall T query_one, query_one?(selector : String) : Element | Nil
query_one?(klass : T.class) : T | Nil forall T query_one?, remove_class(name : String) : self remove_class, render(buffer : Buffer, x : Int32, y : Int32, width : Int32, height : Int32) : Nil render, render_print(buffer : Buffer, width : Int32, height : Int32) : Nil render_print, to_print_s(width : Int32 | Nil = nil, color : Bool | Nil = nil, theme : Theme | Nil = nil) : String to_print_s, to_string(width : Int32 | Nil = nil, color : Bool | Nil = nil, theme : Theme | Nil = nil) : String to_string

Instance methods inherited from module Opal::UI::Themable

current_theme : Theme current_theme, style(&block : self -> Nil) : self style, theme : Theme | Nil theme, theme=(theme : Theme | Nil) theme=, with_theme(new_theme : Theme | Symbol | String) : self with_theme

Constructor Detail

def self.new(p1_x : Float64 = 0.42, p1_y : Float64 = 0.0, p2_x : Float64 = 0.58, p2_y : Float64 = 1.0, width : Int32 = 36, height : Int32 = 16) #

[View source]

Instance Method Detail

def active_handle : Int32 #

Active handle being manipulated: 1 for P1, 2 for P2


[View source]
def active_handle=(active_handle : Int32) #

Active handle being manipulated: 1 for P1, 2 for P2


[View source]
def anim_progress : Float64 #

[View source]
def anim_progress=(anim_progress : Float64) #

[View source]
def border_color : Color #

[View source]
def border_color=(border_color : Color) #

[View source]
def curve_color : Color #

Visual styling


[View source]
def curve_color=(curve_color : Color) #

Visual styling


[View source]
def evaluate_easing(x : Float64) : Float64 #

Solves for y given x in [0.0..1.0] using bisection (approximate inversion for animation easing)


[View source]
def grid_color : Color #

[View source]
def grid_color=(grid_color : Color) #

[View source]
def handle_key(key : Terminal::KeyEvent) : Bool #
Description copied from module Opal::UI::InputHookable

Default key event handler. Override in subclasses if not using @default_input_proc.


[View source]
def handle_mouse(event : Terminal::MouseEvent) : Bool #
Description copied from module Opal::UI::InputHookable

Default mouse event handler. Override in subclasses if not using @default_input_proc.


[View source]
def handle_p1_color : Color #

[View source]
def handle_p1_color=(handle_p1_color : Color) #

[View source]
def handle_p2_color : Color #

[View source]
def handle_p2_color=(handle_p2_color : Color) #

[View source]
def height : Int32 #

[View source]
def height=(height : Int32) #

[View source]
def last_h : Int32 #

[View source]
def last_h=(last_h : Int32) #

[View source]
def last_w : Int32 #

[View source]
def last_w=(last_w : Int32) #

[View source]
def last_x : Int32 #

[View source]
def last_x=(last_x : Int32) #

[View source]
def last_y : Int32 #

[View source]
def last_y=(last_y : Int32) #

[View source]
def on_change : Proc(Float64, Float64, Float64, Float64, Nil) | Nil #

Callbacks


[View source]
def on_change=(on_change : Proc(Float64, Float64, Float64, Float64, Nil) | Nil) #

Callbacks


[View source]
def p1_x : Float64 #

[View source]
def p1_x=(p1_x : Float64) #

[View source]
def p1_y : Float64 #

[View source]
def p1_y=(p1_y : Float64) #

[View source]
def p2_x : Float64 #

[View source]
def p2_x=(p2_x : Float64) #

[View source]
def p2_y : Float64 #

[View source]
def p2_y=(p2_y : Float64) #

[View source]
def preferred_size(available_w : Int32, available_h : Int32) : Tuple(Int32, Int32) #

[View source]
def preset(name : String) : Nil #

Applies a named preset (e.g. "ease_in_out", "ease", "linear")


[View source]
def render(buffer : Buffer, x : Int32, y : Int32, width : Int32, height : Int32) : Nil #

[View source]
def render(buffer : Buffer) : Nil #

[View source]
def sample_bezier(t : Float64) : Tuple(Float64, Float64) #

Evaluates cubic Bézier parametric coordinate (bx, by) at parameter t in [0.0..1.0]


[View source]
def show_ball_track : Bool #

[View source]
def show_ball_track=(show_ball_track : Bool) #

[View source]
def tick_anim(delta : Float64 = 0.05) : Nil #

Increments animation preview progress


[View source]
def to_css : String #

Generates CSS cubic-bezier string


[View source]
def width : Int32 #

[View source]
def width=(width : Int32) #

[View source]