Joni Korpi
@jonikorpi.com
Finnish gamedev & webdev. Posting about design, UI, art, procedural generation, audio synthesis & everything else involved.
Working on a tactics RPG. Announcing it as soon as it has a name.
https://jonikorpi.com
https://vuoro.dev
Working on a tactics RPG. Announcing it as soon as it has a name.
https://jonikorpi.com
https://vuoro.dev
Got my first issue of @apwot.bsky.social. The cover’s by one of my favourite artists (blurring_my_day), and I can’t remember ever seeing such good graphic design and printwork together. It’s big and thick too, more like a book than a magazine. Expectations exceeded!
November 4, 2025 at 3:19 PM
Got my first issue of @apwot.bsky.social. The cover’s by one of my favourite artists (blurring_my_day), and I can’t remember ever seeing such good graphic design and printwork together. It’s big and thick too, more like a book than a magazine. Expectations exceeded!
What I wish someone had warned me about with these “tented" ergonomic keyboards, where keys float at different heights from the table: after 2 months I'm stillm aking typosl ike this.
Change-averse neurons loaded with decades of optimised keypressc ombo timings for flat surfaces, now obsolete.
Change-averse neurons loaded with decades of optimised keypressc ombo timings for flat surfaces, now obsolete.
November 3, 2025 at 4:57 PM
What I wish someone had warned me about with these “tented" ergonomic keyboards, where keys float at different heights from the table: after 2 months I'm stillm aking typosl ike this.
Change-averse neurons loaded with decades of optimised keypressc ombo timings for flat surfaces, now obsolete.
Change-averse neurons loaded with decades of optimised keypressc ombo timings for flat surfaces, now obsolete.
Severe difference in engagement for this post on @bsky.app vs. Mastodon, considering I have 1k more followers here.
I doubt it was the hashtag I left out, so what was it? People missing it due to using the Discover feed? Repost apprehension due to culture? Bluesky just not being that into fog?
I doubt it was the hashtag I left out, so what was it? People missing it due to using the Discover feed? Repost apprehension due to culture? Bluesky just not being that into fog?
October 27, 2025 at 9:19 AM
Severe difference in engagement for this post on @bsky.app vs. Mastodon, considering I have 1k more followers here.
I doubt it was the hashtag I left out, so what was it? People missing it due to using the Discover feed? Repost apprehension due to culture? Bluesky just not being that into fog?
I doubt it was the hashtag I left out, so what was it? People missing it due to using the Discover feed? Repost apprehension due to culture? Bluesky just not being that into fog?
Developed a pretty good imitation of Apple style momentum scrolling.
When the cursor moves here I'm dragging with a mouse, which uses my implementation. When it’s still I’m scrolling with a Magic Trackpad, which uses native momentum scrolling. Feels 99% the same.
#ScreenshotSaturday #GameDev
When the cursor moves here I'm dragging with a mouse, which uses my implementation. When it’s still I’m scrolling with a Magic Trackpad, which uses native momentum scrolling. Feels 99% the same.
#ScreenshotSaturday #GameDev
October 25, 2025 at 12:41 PM
Developed a pretty good imitation of Apple style momentum scrolling.
When the cursor moves here I'm dragging with a mouse, which uses my implementation. When it’s still I’m scrolling with a Magic Trackpad, which uses native momentum scrolling. Feels 99% the same.
#ScreenshotSaturday #GameDev
When the cursor moves here I'm dragging with a mouse, which uses my implementation. When it’s still I’m scrolling with a Magic Trackpad, which uses native momentum scrolling. Feels 99% the same.
#ScreenshotSaturday #GameDev
Fellow fog fans will definitely enjoy @martinrak.bsky.social's photography. Big inspiration for me.
October 25, 2025 at 8:27 AM
Fellow fog fans will definitely enjoy @martinrak.bsky.social's photography. Big inspiration for me.
A slower version since it was requested on Mastodon. Different location though, because my seeds are still Math.random() and I already refreshed since the previous one. Oops!
October 24, 2025 at 12:25 PM
A slower version since it was requested on Mastodon. Different location though, because my seeds are still Math.random() and I already refreshed since the previous one. Oops!
Need to tone down some of these colours, but I love how the fog flows now.
October 24, 2025 at 11:27 AM
Need to tone down some of these colours, but I love how the fog flows now.
Any video encoding protips for Bluesky? These are my OBS settings, which aren’t bad, but are based on likely outdated info.
October 19, 2025 at 9:24 AM
Any video encoding protips for Bluesky? These are my OBS settings, which aren’t bad, but are based on likely outdated info.
Had to make the hamburger a bit asymmetrical, but I think it works. Looks a bit like a stamp, which feels neat.
Gonna call it done, and say this is an early #screenshotsaturday post!
Gonna call it done, and say this is an early #screenshotsaturday post!
September 19, 2025 at 4:04 PM
Had to make the hamburger a bit asymmetrical, but I think it works. Looks a bit like a stamp, which feels neat.
Gonna call it done, and say this is an early #screenshotsaturday post!
Gonna call it done, and say this is an early #screenshotsaturday post!
Tricky to optically center shapes like these. Does this look about right now? Not visually “pulling” or “pushing” into any directions?
September 19, 2025 at 3:10 PM
Tricky to optically center shapes like these. Does this look about right now? Not visually “pulling” or “pushing” into any directions?
I hate hamburger menus, but couldn't get around having one in my game. Made myself feel better by assembling the hamburger out of UTF-8 † entities. (The font is Avona Serif by @arcanetype.com.)
September 19, 2025 at 11:48 AM
I hate hamburger menus, but couldn't get around having one in my game. Made myself feel better by assembling the hamburger out of UTF-8 † entities. (The font is Avona Serif by @arcanetype.com.)
Inspired by SVG solution above I found a really nice one. It too uses SVG, but can be applied to things outside SVG via `filter: url(…)` in CSS. codepen.io/jonikorpi/pe...
September 18, 2025 at 4:09 PM
Inspired by SVG solution above I found a really nice one. It too uses SVG, but can be applied to things outside SVG via `filter: url(…)` in CSS. codepen.io/jonikorpi/pe...
Hadn't actually run the build yet and was worried what the actual size would end up being, but it turned out as I hoped! We'll have 2 credits, so to the empty spot we go.
(Disclaimer: final size may vary by platform, and will probably double by release.)
(Disclaimer: final size may vary by platform, and will probably double by release.)
September 14, 2025 at 8:55 PM
Hadn't actually run the build yet and was worried what the actual size would end up being, but it turned out as I hoped! We'll have 2 credits, so to the empty spot we go.
(Disclaimer: final size may vary by platform, and will probably double by release.)
(Disclaimer: final size may vary by platform, and will probably double by release.)
Final Fantasy XII: The Zodiac Age (2006/2017)
vs.
Apple Liquid Glass (2025)
vs.
Apple Liquid Glass (2025)
September 13, 2025 at 11:38 AM
Final Fantasy XII: The Zodiac Age (2006/2017)
vs.
Apple Liquid Glass (2025)
vs.
Apple Liquid Glass (2025)
Party vitals in Final Fantasy XII are transparent, but spaced super tightly to counteract floatiness. Action menu is similar, but shares a tasteful semi-opaque selection state. Quite a contrast to modern UI design trends. Good typography!
September 13, 2025 at 8:42 AM
Party vitals in Final Fantasy XII are transparent, but spaced super tightly to counteract floatiness. Action menu is similar, but shares a tasteful semi-opaque selection state. Quite a contrast to modern UI design trends. Good typography!
More good UI overlay design. The character vitals in Child of Light are almost opaque, but blend in extremely well via careful application of the watercolour art style.
September 13, 2025 at 8:27 AM
More good UI overlay design. The character vitals in Child of Light are almost opaque, but blend in extremely well via careful application of the watercolour art style.
Randomly spotted this beautiful in-development game on Dribbble, of all places. It's by @canopy-studio.bsky.social, it seems.
dribbble.com/shots/210315...
dribbble.com/shots/165536...
dribbble.com/shots/210315...
dribbble.com/shots/165536...
September 12, 2025 at 9:39 AM
Randomly spotted this beautiful in-development game on Dribbble, of all places. It's by @canopy-studio.bsky.social, it seems.
dribbble.com/shots/210315...
dribbble.com/shots/165536...
dribbble.com/shots/210315...
dribbble.com/shots/165536...
I also like the overlays in Persona 5 and Metaphor. Their graphic designer is a hero, keeping the art alive in an age of mediocrity.
September 10, 2025 at 9:59 AM
I also like the overlays in Persona 5 and Metaphor. Their graphic designer is a hero, keeping the art alive in an age of mediocrity.
Looking for examples of well designed game UI overlays. The non-diegetic kind, so _not_ Dead Space. Any ideas?
I quite like the one in Warcraft Rumble: a chunky opaque tray. Most overlays are floaty and semi-transparent, making them distracting whenever anything moves behind them.
I quite like the one in Warcraft Rumble: a chunky opaque tray. Most overlays are floaty and semi-transparent, making them distracting whenever anything moves behind them.
September 10, 2025 at 9:29 AM
Looking for examples of well designed game UI overlays. The non-diegetic kind, so _not_ Dead Space. Any ideas?
I quite like the one in Warcraft Rumble: a chunky opaque tray. Most overlays are floaty and semi-transparent, making them distracting whenever anything moves behind them.
I quite like the one in Warcraft Rumble: a chunky opaque tray. Most overlays are floaty and semi-transparent, making them distracting whenever anything moves behind them.
Very happy my favourite font has nice versions of at least the first two. www.alannamunro.com/fonts/avona-...
September 4, 2025 at 8:21 PM
Very happy my favourite font has nice versions of at least the first two. www.alannamunro.com/fonts/avona-...