2020-01-16 20:45:47 +01:00
|
|
|
import sokol
|
|
|
|
import sokol.sapp
|
|
|
|
import sokol.gfx
|
|
|
|
import sokol.sgl
|
2021-12-06 21:39:43 +01:00
|
|
|
import fontstash
|
2020-01-16 20:45:47 +01:00
|
|
|
import sokol.sfons
|
|
|
|
import os
|
|
|
|
|
|
|
|
struct AppState {
|
|
|
|
mut:
|
2022-01-02 19:36:01 +01:00
|
|
|
pass_action gfx.PassAction
|
2021-12-06 21:39:43 +01:00
|
|
|
fons &fontstash.Context
|
2020-01-16 20:45:47 +01:00
|
|
|
font_normal int
|
|
|
|
}
|
|
|
|
|
2021-12-06 08:53:46 +01:00
|
|
|
[console]
|
2020-01-16 20:45:47 +01:00
|
|
|
fn main() {
|
2022-01-02 19:36:01 +01:00
|
|
|
mut color_action := gfx.ColorAttachmentAction{
|
|
|
|
action: .clear
|
|
|
|
value: gfx.Color{
|
2021-04-07 20:39:23 +02:00
|
|
|
r: 0.3
|
|
|
|
g: 0.3
|
|
|
|
b: 0.32
|
|
|
|
a: 1.0
|
|
|
|
}
|
2020-01-16 20:45:47 +01:00
|
|
|
}
|
2022-01-02 19:36:01 +01:00
|
|
|
mut pass_action := gfx.PassAction{}
|
2020-01-16 20:45:47 +01:00
|
|
|
pass_action.colors[0] = color_action
|
|
|
|
state := &AppState{
|
|
|
|
pass_action: pass_action
|
2021-12-06 21:39:43 +01:00
|
|
|
fons: voidptr(0) // &fontstash.Context(0)
|
2020-01-16 20:45:47 +01:00
|
|
|
}
|
2020-01-17 20:05:45 +01:00
|
|
|
title := 'V Metal/GL Text Rendering'
|
2021-12-26 12:02:51 +01:00
|
|
|
desc := sapp.Desc{
|
2020-01-16 20:45:47 +01:00
|
|
|
user_data: state
|
|
|
|
init_userdata_cb: init
|
|
|
|
frame_userdata_cb: frame
|
2020-01-17 20:05:45 +01:00
|
|
|
window_title: title.str
|
|
|
|
html5_canvas_name: title.str
|
2020-01-16 20:45:47 +01:00
|
|
|
}
|
|
|
|
sapp.run(&desc)
|
|
|
|
}
|
|
|
|
|
2020-06-04 10:35:40 +02:00
|
|
|
fn init(mut state AppState) {
|
2020-08-23 07:47:50 +02:00
|
|
|
desc := sapp.create_desc()
|
|
|
|
gfx.setup(&desc)
|
2022-01-03 14:05:24 +01:00
|
|
|
s := &sgl.Desc{}
|
2020-01-16 20:45:47 +01:00
|
|
|
C.sgl_setup(s)
|
2020-01-21 03:22:18 +01:00
|
|
|
state.fons = sfons.create(512, 512, 1)
|
2020-01-16 20:45:47 +01:00
|
|
|
// or use DroidSerif-Regular.ttf
|
2021-12-06 08:53:46 +01:00
|
|
|
if bytes := os.read_bytes(os.resource_abs_path(os.join_path('..', 'assets', 'fonts',
|
|
|
|
'RobotoMono-Regular.ttf')))
|
|
|
|
{
|
2020-01-16 20:45:47 +01:00
|
|
|
println('loaded font: $bytes.len')
|
2021-12-06 21:39:43 +01:00
|
|
|
state.font_normal = state.fons.add_font_mem('sans', bytes, false)
|
2020-01-16 20:45:47 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
fn frame(user_data voidptr) {
|
|
|
|
mut state := &AppState(user_data)
|
|
|
|
state.render_font()
|
2020-03-26 08:54:33 +01:00
|
|
|
gfx.begin_default_pass(&state.pass_action, sapp.width(), sapp.height())
|
2020-01-16 20:45:47 +01:00
|
|
|
sgl.draw()
|
|
|
|
gfx.end_pass()
|
|
|
|
gfx.commit()
|
|
|
|
}
|
|
|
|
|
|
|
|
fn (state &AppState) render_font() {
|
2021-12-06 21:39:43 +01:00
|
|
|
mut sx := f32(0.0)
|
|
|
|
mut sy := f32(0.0)
|
|
|
|
mut dx := f32(0.0)
|
|
|
|
mut dy := f32(0.0)
|
2020-03-19 07:24:49 +01:00
|
|
|
lh := f32(0.0)
|
2021-12-06 21:39:43 +01:00
|
|
|
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()
|
2020-01-16 20:45:47 +01:00
|
|
|
sgl.defaults()
|
2020-01-17 20:05:45 +01:00
|
|
|
sgl.matrix_mode_projection()
|
2021-12-06 21:39:43 +01:00
|
|
|
sgl.ortho(0.0, f32(sapp.width()), f32(sapp.height()), 0.0, -1.0, 1.0)
|
2020-01-16 20:45:47 +01:00
|
|
|
sx = 0
|
|
|
|
sy = 50
|
2020-01-17 20:05:45 +01:00
|
|
|
dx = sx
|
2020-01-16 20:45:47 +01:00
|
|
|
dy = sy
|
2021-12-06 21:39:43 +01:00
|
|
|
fons.set_font(state.font_normal)
|
|
|
|
fons.set_size(100.0)
|
2020-03-19 07:24:49 +01:00
|
|
|
ascender := f32(0.0)
|
|
|
|
descender := f32(0.0)
|
2021-12-06 21:39:43 +01:00
|
|
|
fons.vert_metrics(&ascender, &descender, &lh)
|
2020-01-16 20:45:47 +01:00
|
|
|
dx = sx
|
|
|
|
dy += lh
|
2021-12-06 21:39:43 +01:00
|
|
|
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 ')
|
2020-01-16 20:45:47 +01:00
|
|
|
dx = sx
|
|
|
|
dy += lh * 1.2
|
2021-12-06 21:39:43 +01:00
|
|
|
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.')
|
2020-01-16 20:45:47 +01:00
|
|
|
dx = 300
|
|
|
|
dy = 350
|
2021-12-06 21:39:43 +01:00
|
|
|
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...')
|
2020-01-16 20:45:47 +01:00
|
|
|
dx = 300
|
|
|
|
dy += 50.0
|
2021-12-06 21:39:43 +01:00
|
|
|
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)
|
2020-01-16 20:45:47 +01:00
|
|
|
dx = 50
|
|
|
|
dy = 350
|
2020-06-02 16:09:41 +02:00
|
|
|
line(f32(dx - 10), f32(dy), f32(dx + 250), f32(dy))
|
2021-12-06 21:39:43 +01:00
|
|
|
fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_TOP)
|
|
|
|
dx = fons.draw_text(dx, dy, 'Top')
|
2020-01-16 20:45:47 +01:00
|
|
|
dx += 10
|
2021-12-06 21:39:43 +01:00
|
|
|
fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_MIDDLE)
|
|
|
|
dx = fons.draw_text(dx, dy, 'Middle')
|
2020-01-16 20:45:47 +01:00
|
|
|
dx += 10
|
2021-12-06 21:39:43 +01:00
|
|
|
fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_BASELINE)
|
|
|
|
dx = fons.draw_text(dx, dy, 'Baseline')
|
2020-01-16 20:45:47 +01:00
|
|
|
dx += 10
|
2021-12-06 21:39:43 +01:00
|
|
|
fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_BOTTOM)
|
|
|
|
fons.draw_text(dx, dy, 'Bottom')
|
2020-01-16 20:45:47 +01:00
|
|
|
dx = 150
|
|
|
|
dy = 400
|
2020-06-02 16:09:41 +02:00
|
|
|
line(f32(dx), f32(dy - 30), f32(dx), f32(dy + 80.0))
|
2021-12-06 21:39:43 +01:00
|
|
|
fons.set_align(C.FONS_ALIGN_LEFT | C.FONS_ALIGN_BASELINE)
|
|
|
|
fons.draw_text(dx, dy, 'Left')
|
2020-01-16 20:45:47 +01:00
|
|
|
dy += 30
|
2021-12-06 21:39:43 +01:00
|
|
|
fons.set_align(C.FONS_ALIGN_CENTER | C.FONS_ALIGN_BASELINE)
|
|
|
|
fons.draw_text(dx, dy, 'Center')
|
2020-01-16 20:45:47 +01:00
|
|
|
dy += 30
|
2021-12-06 21:39:43 +01:00
|
|
|
fons.set_align(C.FONS_ALIGN_RIGHT | C.FONS_ALIGN_BASELINE)
|
|
|
|
fons.draw_text(dx, dy, 'Right')
|
|
|
|
C.sfons_flush(fons)
|
2020-01-16 20:45:47 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
fn line(sx f32, sy f32, ex f32, ey f32) {
|
2020-01-17 20:05:45 +01:00
|
|
|
sgl.begin_lines()
|
|
|
|
sgl.c4b(255, 255, 0, 128)
|
|
|
|
sgl.v2f(sx, sy)
|
|
|
|
sgl.v2f(ex, ey)
|
|
|
|
sgl.end()
|
2020-01-16 20:45:47 +01:00
|
|
|
}
|