v/examples/sokol/fonts.v

import sokol
import sokol.sapp
import sokol.gfx
import sokol.sgl
import fontstash
import sokol.sfons
import os

struct AppState {
mut:
	pass_action C.sg_pass_action
	fons        &fontstash.Context
	font_normal int
}

[console]
fn main() {
	mut color_action := C.sg_color_attachment_action{
		action: gfx.Action(C.SG_ACTION_CLEAR)
		value: C.sg_color{
			r: 0.3
			g: 0.3
			b: 0.32
			a: 1.0
		}
	}
	mut pass_action := C.sg_pass_action{}
	pass_action.colors[0] = color_action
	state := &AppState{
		pass_action: pass_action
		fons: voidptr(0) // &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 := &C.sgl_desc_t{}
	C.sgl_setup(s)
	state.fons = 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.fons.add_font_mem('sans', bytes, false)
	}
}

fn frame(user_data voidptr) {
	mut state := &AppState(user_data)
	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)

	fons := state.fons
	fons.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
	fons.set_font(state.font_normal)
	fons.set_size(100.0)
	ascender := f32(0.0)
	descender := f32(0.0)
	fons.vert_metrics(&ascender, &descender, &lh)
	dx = sx
	dy += lh
	fons.set_color(white)
	dx = fons.draw_text(dx, dy, 'The quick ')
	fons.set_font(state.font_normal)
	fons.set_size(48.0)
	fons.set_color(brown)
	dx = fons.draw_text(dx, dy, 'brown ')
	fons.set_font(state.font_normal)
	fons.set_size(24.0)
	fons.set_color(white)
	dx = fons.draw_text(dx, dy, 'fox ')
	dx = sx
	dy += lh * 1.2
	fons.set_size(20.0)
	fons.set_font(state.font_normal)
	fons.set_color(blue)
	fons.draw_text(dx, dy, 'Now is the time for all good men to come to the aid of the party.')
	dx = 300
	dy = 350
	fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_BASELINE)
	fons.set_size(60.0)
	fons.set_font(state.font_normal)
	fons.set_color(white)
	fons.set_spacing(5.0)
	fons.set_blur(6.0)
	fons.draw_text(dx, dy, 'Blurry...')
	dx = 300
	dy += 50.0
	fons.set_size(28.0)
	fons.set_font(state.font_normal)
	fons.set_color(white)
	fons.set_spacing(0.0)
	fons.set_blur(3.0)
	fons.draw_text(dx, dy + 2, 'DROP SHADOW')
	fons.set_color(black)
	fons.set_blur(0)
	fons.draw_text(dx, dy, 'DROP SHADOW')
	fons.set_size(18.0)
	fons.set_font(state.font_normal)
	fons.set_color(white)
	dx = 50
	dy = 350
	line(f32(dx - 10), f32(dy), f32(dx + 250), f32(dy))
	fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_TOP)
	dx = fons.draw_text(dx, dy, 'Top')
	dx += 10
	fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_MIDDLE)
	dx = fons.draw_text(dx, dy, 'Middle')
	dx += 10
	fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_BASELINE)
	dx = fons.draw_text(dx, dy, 'Baseline')
	dx += 10
	fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_BOTTOM)
	fons.draw_text(dx, dy, 'Bottom')
	dx = 150
	dy = 400
	line(f32(dx), f32(dy - 30), f32(dx), f32(dy + 80.0))
	fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_BASELINE)
	fons.draw_text(dx, dy, 'Left')
	dy += 30
	fons.set_align(C.FONS_ALIGN_CENTER | C.FONS_ALIGN_BASELINE)
	fons.draw_text(dx, dy, 'Center')
	dy += 30
	fons.set_align(C.FONS_ALIGN_RIGHT | C.FONS_ALIGN_BASELINE)
	fons.draw_text(dx, dy, 'Right')
	C.sfons_flush(fons)
}

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()
}