package main import t "tafl" main :: proc() { width, height : i32 = 1920, 1080 t.start_window(width, height, "tafl test") for !t.window_should_close() { if t.resized(){ width, height = t.get_window_size() } { t.tafl( // ROOT tafl sizing_width=t.FIXED(int(width)), sizing_height=t.FIXED(int(height)), layout=.LEFT_TO_RIGHT, color={1,.0,.0, 1}, padding={16,16,16,16}, child_gap=30, ) { // Blue left bar t.tafl(color={.1,.2,.3, 1}, sizing_height=t.GROW, sizing_width=t.FIT, layout=.TOP_TO_BOTTOM) {t.tafl(color={0,0,0,0}, sizing_height=t.GROW, sizing_width=t.GROW)} {t.tafl( padding={4,4,4,4}, child_gap=4, color={.0, .0, .0, 0.4}, ) button() button() button() button() } } { // Middle section t.tafl(color={.2,.2,.2, 1}, sizing_width=t.GROW, sizing_height=t.GROW) } { // Green right bar t.tafl(color={.1,.4,.1, 1}, sizing_width=t.FIXED(300), sizing_height=t.GROW, child_gap=20, layout=.TOP_TO_BOTTOM) { {t.tafl(color={.5, .5, .5, 1}, sizing_height=t.FIXED(100), sizing_width=t.GROW, )} {t.tafl(color={.5, .5, .5, 1}, sizing_height=t.FIXED(100), sizing_width=t.GROW, )} {t.tafl(color={.5, .5, .8, 1}, sizing_height=t.GROW, sizing_width=t.GROW, )} {t.tafl(color={.5, .5, .5, 1}, sizing_height=t.FIXED(100), sizing_width=t.GROW, )} } } } t.render() } } button :: proc() { t.tafl(sizing_width=t.FIXED(100), sizing_height=t.FIXED(40), color={.1, .5, 1, 1}, padding={2,2,2,2}) t.tafl(sizing_width=t.GROW, sizing_height=t.GROW, color={.1,.1,.1, 1}) }