User avatar
Eniko Fox @eniko@mastodon.gamedev.place
7mo
taking a second to appreciate the work i've done on block game's UI, with the hint text, the diegetic crafting table, and the cool blue gradient menus. i like to think i'm doing good

more screenshots and faq here: enikofox.com/blockgame
block game screenshot. at the top of the screen is a transparent black window showing the name and quantity of the item being moused over (cordage x16) and a left click icon saying pick up. in the center is a carpentry table with 3 materials for crafting (wood, sticks, cordage) piled on top of it. at the bottom is the inventory, with a dithered blue diagonal gradient and grey bars along the sides
11
2
0
0
User avatar
Eniko Fox @eniko@mastodon.gamedev.place
7mo
also very proud of the way the gui scales. in order to support both crisp pixel elements and high resolution elements the gui layout is specified in a low, fixed vertical resolution (360 pixels) but rendered at an integer scale greater than or equal to the vertical resolution of the window. this means pixel elements are scaled by integer factors using nearest neighbor while high resolution elements like the icons use linear

then the whole thing is downsampled to fit the screen
zoomed in view of the GUI, showing crisp dithered pixels for the blue background gradient, while the icons aren't pixelated at all
6
2
0
0
User avatar
sijmen @sijmen@shrimp.vijf.life
7mo
@eniko love me some dithering! is that hand-dithered?
1
0
1
0
User avatar
Eniko Fox @eniko@mastodon.gamedev.place
7mo
@sijmen nope! it's a special shader that programatically dithers the gradient. the tricky bit is that it has to do the dithering at the lower resolution the GUI was designed at rather than the high resolution it's actually rendered at
0
0
1
0