package main import "core:unicode/utf8" import "base:runtime" import clay "../../clay-odin" import "core:math" import "core:strings" import rl "vendor:raylib" Raylib_Font :: struct { fontId: u16, font: rl.Font, } clay_color_to_rl_color :: proc(color: clay.Color) -> rl.Color { return {u8(color.r), u8(color.g), u8(color.b), u8(color.a)} } raylib_fonts := [dynamic]Raylib_Font{} // Alias for compatibility, default to ascii support measure_text :: measure_text_ascii measure_text_unicode :: proc "c" (text: clay.StringSlice, config: ^clay.TextElementConfig, userData: rawptr) -> clay.Dimensions { // Needed for grapheme_count context = runtime.default_context() line_width: f32 = 0 font := raylib_fonts[config.fontId].font text_str := string(text.chars[:text.length]) // This function seems somewhat expensive, if you notice performance issues, you could assume // - 1 codepoint per visual character (no grapheme clusters), where you can get the length from the loop // - 1 byte per visual character (ascii), where you can get the length with `text.length` // see `measure_text_ascii` grapheme_count, _, _ := utf8.grapheme_count(text_str) for letter, byte_idx in text_str { glyph_index := rl.GetGlyphIndex(font, letter) glyph := font.glyphs[glyph_index] if glyph.advanceX != 0 { line_width += f32(glyph.advanceX) } else { line_width += font.recs[glyph_index].width + f32(font.glyphs[glyph_index].offsetX) } } scaleFactor := f32(config.fontSize) / f32(font.baseSize) // Note: // I'd expect this to be `grapheme_count - 1`, // but that seems to be one letterSpacing too small // maybe that's a raylib bug, maybe that's Clay? total_spacing := f32(grapheme_count) * f32(config.letterSpacing) return {width = line_width * scaleFactor + total_spacing, height = f32(config.fontSize)} } measure_text_ascii :: proc "c" (text: clay.StringSlice, config: ^clay.TextElementConfig, userData: rawptr) -> clay.Dimensions { line_width: f32 = 0 font := raylib_fonts[config.fontId].font text_str := string(text.chars[:text.length]) for i in 0.. 0 { radius: f32 = (config.cornerRadius.topLeft * 2) / min(bounds.width, bounds.height) draw_rect_rounded(bounds.x, bounds.y, bounds.width, bounds.height, radius, config.backgroundColor) } else { draw_rect(bounds.x, bounds.y, bounds.width, bounds.height, config.backgroundColor) } case .Border: config := render_command.renderData.border // Left border if config.width.left > 0 { draw_rect( bounds.x, bounds.y + config.cornerRadius.topLeft, f32(config.width.left), bounds.height - config.cornerRadius.topLeft - config.cornerRadius.bottomLeft, config.color, ) } // Right border if config.width.right > 0 { draw_rect( bounds.x + bounds.width - f32(config.width.right), bounds.y + config.cornerRadius.topRight, f32(config.width.right), bounds.height - config.cornerRadius.topRight - config.cornerRadius.bottomRight, config.color, ) } // Top border if config.width.top > 0 { draw_rect( bounds.x + config.cornerRadius.topLeft, bounds.y, bounds.width - config.cornerRadius.topLeft - config.cornerRadius.topRight, f32(config.width.top), config.color, ) } // Bottom border if config.width.bottom > 0 { draw_rect( bounds.x + config.cornerRadius.bottomLeft, bounds.y + bounds.height - f32(config.width.bottom), bounds.width - config.cornerRadius.bottomLeft - config.cornerRadius.bottomRight, f32(config.width.bottom), config.color, ) } // Rounded Borders if config.cornerRadius.topLeft > 0 { draw_arc( bounds.x + config.cornerRadius.topLeft, bounds.y + config.cornerRadius.topLeft, config.cornerRadius.topLeft - f32(config.width.top), config.cornerRadius.topLeft, 180, 270, config.color, ) } if config.cornerRadius.topRight > 0 { draw_arc( bounds.x + bounds.width - config.cornerRadius.topRight, bounds.y + config.cornerRadius.topRight, config.cornerRadius.topRight - f32(config.width.top), config.cornerRadius.topRight, 270, 360, config.color, ) } if config.cornerRadius.bottomLeft > 0 { draw_arc( bounds.x + config.cornerRadius.bottomLeft, bounds.y + bounds.height - config.cornerRadius.bottomLeft, config.cornerRadius.bottomLeft - f32(config.width.top), config.cornerRadius.bottomLeft, 90, 180, config.color, ) } if config.cornerRadius.bottomRight > 0 { draw_arc( bounds.x + bounds.width - config.cornerRadius.bottomRight, bounds.y + bounds.height - config.cornerRadius.bottomRight, config.cornerRadius.bottomRight - f32(config.width.bottom), config.cornerRadius.bottomRight, 0.1, 90, config.color, ) } case clay.RenderCommandType.Custom: // Implement custom element rendering here } } } // Helper procs, mainly for repeated conversions @(private = "file") draw_arc :: proc(x, y: f32, inner_rad, outer_rad: f32,start_angle, end_angle: f32, color: clay.Color){ rl.DrawRing( {math.round(x),math.round(y)}, math.round(inner_rad), outer_rad, start_angle, end_angle, 10, clay_color_to_rl_color(color), ) } @(private = "file") draw_rect :: proc(x, y, w, h: f32, color: clay.Color) { rl.DrawRectangle( i32(math.round(x)), i32(math.round(y)), i32(math.round(w)), i32(math.round(h)), clay_color_to_rl_color(color) ) } @(private = "file") draw_rect_rounded :: proc(x,y,w,h: f32, radius: f32, color: clay.Color){ rl.DrawRectangleRounded({x,y,w,h},radius,8,clay_color_to_rl_color(color)) }