import sokol import sokol.sapp import sokol.gfx import sokol.sgl import fontstash import sokol.sfons import os struct AppState { mut: pass_action gfx.PassAction font_context &fontstash.Context font_normal int } fn main() { mut color_action := gfx.ColorAttachmentAction{ action: .clear value: gfx.Color{ r: 0.3 g: 0.3 b: 0.32 a: 1.0 } } mut pass_action := gfx.PassAction{} pass_action.colors[0] = color_action state := &AppState{ pass_action: pass_action font_context: unsafe { nil } // &fontstash.Context(0) } title := 'V Metal/GL Text Rendering' desc := sapp.Desc{ user_data: state init_userdata_cb: init frame_userdata_cb: frame window_title: title.str html5_canvas_name: title.str } sapp.run(&desc) } fn init(mut state AppState) { desc := sapp.create_desc() gfx.setup(&desc) s := &sgl.Desc{} sgl.setup(s) state.font_context = sfons.create(512, 512, 1) // or use DroidSerif-Regular.ttf if bytes := os.read_bytes(os.resource_abs_path(os.join_path('..', 'assets', 'fonts', 'RobotoMono-Regular.ttf'))) { println('loaded font: ${bytes.len}') state.font_normal = state.font_context.add_font_mem('sans', bytes, false) } } fn frame(mut state AppState) { state.render_font() gfx.begin_default_pass(&state.pass_action, sapp.width(), sapp.height()) sgl.draw() gfx.end_pass() gfx.commit() } fn (state &AppState) render_font() { mut sx := f32(0.0) mut sy := f32(0.0) mut dx := f32(0.0) mut dy := f32(0.0) lh := f32(0.0) white := sfons.rgba(255, 255, 255, 255) black := sfons.rgba(0, 0, 0, 255) brown := sfons.rgba(192, 128, 0, 128) blue := sfons.rgba(0, 192, 255, 255) font_context := state.font_context font_context.clear_state() sgl.defaults() sgl.matrix_mode_projection() sgl.ortho(0.0, f32(sapp.width()), f32(sapp.height()), 0.0, -1.0, 1.0) sx = 0 sy = 50 dx = sx dy = sy font_context.set_font(state.font_normal) font_context.set_size(100.0) ascender := f32(0.0) descender := f32(0.0) font_context.vert_metrics(&ascender, &descender, &lh) dx = sx dy += lh font_context.set_color(white) dx = font_context.draw_text(dx, dy, 'The quick ') font_context.set_font(state.font_normal) font_context.set_size(48.0) font_context.set_color(brown) dx = font_context.draw_text(dx, dy, 'brown ') font_context.set_font(state.font_normal) font_context.set_size(24.0) font_context.set_color(white) dx = font_context.draw_text(dx, dy, 'fox ') dx = sx dy += lh * 1.2 font_context.set_size(20.0) font_context.set_font(state.font_normal) font_context.set_color(blue) font_context.draw_text(dx, dy, 'Now is the time for all good men to come to the aid of the party.') dx = 300 dy = 350 font_context.set_alignment(.left | .baseline) font_context.set_size(60.0) font_context.set_font(state.font_normal) font_context.set_color(white) font_context.set_spacing(5.0) font_context.set_blur(6.0) font_context.draw_text(dx, dy, 'Blurry...') dx = 300 dy += 50.0 font_context.set_size(28.0) font_context.set_font(state.font_normal) font_context.set_color(white) font_context.set_spacing(0.0) font_context.set_blur(3.0) font_context.draw_text(dx, dy + 2, 'DROP SHADOW') font_context.set_color(black) font_context.set_blur(0) font_context.draw_text(dx, dy, 'DROP SHADOW') font_context.set_size(18.0) font_context.set_font(state.font_normal) font_context.set_color(white) dx = 50 dy = 350 line(f32(dx - 10), f32(dy), f32(dx + 250), f32(dy)) font_context.set_alignment(.left | .top) dx = font_context.draw_text(dx, dy, 'Top') dx += 10 font_context.set_alignment(.left | .middle) dx = font_context.draw_text(dx, dy, 'Middle') dx += 10 font_context.set_alignment(.left | .baseline) dx = font_context.draw_text(dx, dy, 'Baseline') dx += 10 font_context.set_alignment(.left | .bottom) font_context.draw_text(dx, dy, 'Bottom') dx = 150 dy = 400 line(f32(dx), f32(dy - 30), f32(dx), f32(dy + 80.0)) font_context.set_alignment(.left | .baseline) font_context.draw_text(dx, dy, 'Left') dy += 30 font_context.set_alignment(.center | .baseline) font_context.draw_text(dx, dy, 'Center') dy += 30 font_context.set_alignment(.right | .baseline) font_context.draw_text(dx, dy, 'Right') sfons.flush(font_context) } fn line(sx f32, sy f32, ex f32, ey f32) { sgl.begin_lines() sgl.c4b(255, 255, 0, 128) sgl.v2f(sx, sy) sgl.v2f(ex, ey) sgl.end() }