Joni Korpi

https://mastodon.gamedev.place/@jonikorpi

Design-focused web & game developer from Finland. Posting about art, code, UI, procgen, audio & everything else involved.

Working on a tactics RPG. Not using AI.

Website: https://jonikorpi.com
Bluesky: https://bsky.app/profile/jonikorpi.com
GitHub: https://github.com/jonikorpi
Email: jonikorpi@jonikorpi.com

Public Key

npub150ru2gcsetyuhj2939evh8vct3xntjstedz956jwdtrjuh4407vqhdkea4

NIP-05 Address

jonikorpi_at_mastodon.gamedev.place@momostr.pink

Profile Code

nprofile1qqs28379yvgv4jwte9zcjuktnkv9cnf4eg9uk3z6df8x43ewt66hlxqprpmhxue69uhhyetvv9ujumt0d4hhxarj9ecxjmntw25n48

Publishing to

relay.momostr.pink

Author Public Key

npub150ru2gcsetyuhj2939evh8vct3xntjstedz956jwdtrjuh4407vqhdkea4

Show more details

Last Notes

2026-04-08 12:59:58 UTC

Might be slightly controversial to say, but I’ve started enjoying Mastodon more after accepting it as a social network mostly for neurodivergent people.
It’s small and probably going to stay that way, but I honestly like having a place mostly just for us. It’s like the early internet again, but this time we know why we are the way we are.

2026-03-20 12:54:26 UTC

spectacular terrain rendering bug
#gamedev #screenshotsaturday
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/116/261/601/736/369/664/original/2e70ddfef13ec4e8.mp4

2026-02-06 17:58:28 UTC

- reply

That's interesting to think about because in graphic design there’s a concept Alex W. White (The Elements of Graphic Design) calls "unity". Basically using rhythm and contrast to make elements feel related, even if they may not be visible at the same time.
I think you could say its job is relating patterns to subpatterns, to help pattern recognition. Word to line, line to paragraph, to section, to page, to spread, to chapter, to publication, to series, to brand, and so on.

2026-02-06 16:02:40 UTC

“Rhythm is in time what symmetry is in space.” (Attributed to Matila Ghyka?)
Just thinking how this relates to both graphic design and music.
Grids and time signatures. Elements stretched across grid cells, notes across beats, both often poking out a bit. Typefaces, textures, and timbres. Size and velocity. Whitespace and silence. What else?

2026-01-18 11:56:07 UTC

- reply

This one's rad. https://henry.codes/writing/a-website-to-destroy-all-websites/
https://henry.codes/writing/

2026-01-18 11:31:55 UTC

Looking for examples of blogs with really nice layouts. Especially ones that adapt to viewports of different sizes, making at least some use of the extra space on the wider ones. Ideas?

2025-12-20 13:36:48 UTC

Just ran into this super simple method for generating sine waves by simulating a spring. https://forum.juce.com/t/any-tips-for-additive-synthesis/58817/9
Any audio folks have experience/opinions regarding this? To me it looks like a cheap way to run an additive synth: no sin() calls, detunable, and envelopes built in with stiffness/damping/force.
I'm itching to try it, but also not supposed to write code during the holidays. :s
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/115/752/160/725/459/472/original/8e2a18948e4d5615.png

2025-12-12 19:15:03 UTC

- reply

I fixed two of the bugs, and…. I swear I'm not making this up, but the last one is looking a whole lot like it's actually three separate bugs.

2025-12-12 17:43:19 UTC

Three bugs appear.
“Ah, with my senior software developer senses I detect these are in fact not three separate bugs, but a single bug manifesting in different ways. A greener developer would have fallen into this trap and spent all day chasing shadows!”
*7 hours of struggling*
They are three separate bugs.

2025-11-15 13:35:36 UTC

Got slightly obsessed and turned the Golden Ratio Colour Scheme Generator into a thing. https://codepen.io/jonikorpi/full/GgZZzwX
The main idea is to use it for hues, but I did my best to make it choose sensible saturations and lightnesses too. The results look quite good to me, especially when generating exactly 3, 5, 8, 13, 21 etc. colors.
#ScreenshotSaturday

2025-09-21 15:01:22 UTC

- reply

Not much!
Their previous game CrossCode has a web demo, if you want to inspect it. https://www.cross-code.com The source code for Alabaster Dawn's demo is also very browsable if you download it on Steam and take a look.
They use WebGL, of course, so there's not really any difference to achieving an art style like this in a browser or any native game engine. Just lots of 2D+3D realtime graphics work.

2025-09-20 15:44:06 UTC

The Alabaster Dawn demo is a 5/5. Genuinely a good game. I doubt anyone’s gonna even notice that behind the scenes it’s a website running in Chromium. https://store.steampowered.com/app/3900710/Alabaster_Dawn_Demo/

2025-07-09 17:30:44 UTC

Liking how Bluesky has an option to notify when people like or repost something you reposted. Wish @npub163h…mv0n did too.
It’s a good signal for how your followers find the stuff you’re reposting to them. Also just nice to see someone out there is listening.

2025-05-04 07:53:00 UTC

This has been here for 3 months.
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/114/448/477/521/143/769/original/c192d28aa8e5b47f.png

2025-02-27 10:27:19 UTC

- reply

Ah, there's a simpler trick: the `cap` and `rcap` units! Same result but easier, and similar browser support.
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/114/075/371/386/117/163/original/7c2070ff0341ab17.mp4

2025-02-27 09:27:51 UTC

- reply

With this trick, a grid based on multiples/fractions of _font-size_ should be possible. Should end up feeling similar to one based on line-height, just with a different rhythm (it works almost exactly like in music). https://bsky.app/profile/knowler.dev/post/3lj42uewxos2w

2025-02-26 20:29:44 UTC

- reply

Interesting trick for making the sliced-off amount predictable https://bsky.app/profile/knowler.dev/post/3lj42uewxos2w

2025-02-26 18:09:26 UTC

- reply

It slices off a hard-to-predict amount of space from the start and/or end of each element. Currently it also seems to skip slicing in some cases, like if the element has grid or flex. There's no bulletproof way to align everything back to the baseline grid after that.
So now I'm at a graphic design crossroads: do I keep using baseline grids and live with the default crappy optical alignment, or move to more variable spacing and text-box-trim everything?

2025-02-26 18:08:56 UTC

Was initially excited about `text-box-trim` (https://developer.chrome.com/blog/css-text-box-trim). It greatly helps with optical text alignment.
But turns out it doesn't make sense if you're using a baseline grid: when you want the height of every element to be a multiple or fraction of your base line-height.

2025-02-06 15:44:00 UTC

Related: is there a good generative AI equivalent of this yet?
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/113/957/708/541/965/767/original/eb0748214ddfebab.jpeg

2025-01-07 15:31:24 UTC

oh cool CES is happening, let’s see what neat products are on there this year
AI plant box
AI refrigerator
AI oven
AI home therapy booth
AI motherboard
AI water ionizer
AI piano
AI vibrator
AI… baby care agent?

2024-11-26 08:53:33 UTC

- reply

It's especially bad on the iOS games front: literally more than half of the games I've bought there are no longer playable. Some don't exist on any other platforms either, so they're just… gone. It's like buying movie tickets rather than buying software.

2024-11-26 08:49:13 UTC

Anyone else find themselves just not buying macOS/iOS apps anymore because of how volatile they feel?
What if…
- the app gets sold?
- they pivot the whole UI and make it worse?
- an OS update breaks it?
- they hike the subscription price?
- they change to subscriptions?
- Apple randomly bans it?
Contrast to buying games from Steam or Nintendo eShop, for example. Some rare exceptions (inefficient updates, online-only games shuttering), but overall they feel much more steady.

2024-10-28 10:31:27 UTC

Oh no, just discovered the #roguelikecelebration talks and there waaaaay too many interesting ones. https://youtube.com/@roguelikecelebration/videos

2024-10-19 18:53:21 UTC

- reply

Pathfinding & watercolours.
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/113/335/598/920/431/871/original/55ee7a31a8564ee7.mp4

2024-10-19 17:46:50 UTC

- reply

Ah, this is where I started testing SDF character portraits. Little vtuber shaders, basically.
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/113/335/335/673/907/826/original/ba5d2863304d5d75.mp4

2024-10-19 08:42:07 UTC

- reply

Most of my prototypes have used isometric-ish views, but I like this top-down-ish one as well.
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/113/333/193/735/123/025/original/38e674679d1631c1.mp4

2024-10-18 19:04:41 UTC

- reply

https://cdn.masto.host/mastodongamedevplace/media_attachments/files/113/329/979/501/721/872/original/5de419b558fb2777.mp4

2024-10-18 16:03:30 UTC

- reply

https://cdn.masto.host/mastodongamedevplace/media_attachments/files/113/329/268/357/836/795/original/6734fdaf6c063c83.mp4

2024-10-18 12:41:10 UTC

- reply

https://cdn.masto.host/mastodongamedevplace/media_attachments/files/113/328/472/678/560/361/original/ae96d88365839ae1.mp4

2024-10-18 10:23:12 UTC

- reply

https://cdn.masto.host/mastodongamedevplace/media_attachments/files/113/327/930/267/100/408/original/b0db2bb37a803c13.mp4

2024-10-18 07:56:17 UTC

Chronological WebGL gamedev prototypes thread for #screenshotsaturday (are we still doing that?)
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/113/327/352/925/081/346/original/4d736c149963e39a.mp4

2024-09-06 07:45:56 UTC

- reply

The reasons I feel this would work:
1. It's incredibly easy to explain and understand.
2. You can still post text and links, so the core of the service is not affected.
3. It markets itself automatically: free users see attached images and videos and wish they could post them too.

2024-09-06 06:39:23 UTC

Trying to think of realistic social media monetisation schemes, and the only one that feels tolerable is “if you pay a subscription fee, you can attach images and videos”. Has it been tried anywhere?

2024-08-31 07:41:34 UTC

Are there any tools yet that find people you follow on Bluesky, on Mastodon? And the other way around?
Ever since the great Twitter migration started I've tried to keep track of where everyone went, so I don't lose anyone. But it's tiring. Be nice to have some help.

2024-08-17 08:57:48 UTC

Zillions spent on generative AI development and not a single thing produced that's anywhere near as novel as this https://www.boze-style.com
https://cdn.masto.host/mastodongamedevplace/media_attachments/files/112/976/531/532/032/242/original/21505924d978f5a3.mp4

2024-08-10 17:48:18 UTC

After working with the web platform for 15+ years this is the first time I’m rather happy with it.
CSS may have bloated, but is also the most flexible language for 2D UI and text layout.
JS is still full of footguns, but once you learn to step around them it’s fun. And really fast too, thanks to mega-optimised engines.
WebGL2’s fine, and so’s Web Audio. WebGPU will be nice. WASM too?
HTML is the same as ever.
Finally, tools like Tauri bring all of this outside the browser. Neat.

2024-07-30 16:52:09 UTC

People often ask me where to get nice fonts, so here's a big list of indie font foundries I like. Enough fonts there for a lifetime. (Feel free to post more in the replies.) (1/2)
https://klim.co.nz/
https://alannamunro.com/fonts/
https://www.arrowtype.com/
https://verycoolstudio.com/
https://nuformtype.com/
https://beastsofengland.co/
https://mass-driver.com/
https://hex.xyz/
https://www.sharptype.co/
https://djr.com/
https://lettersfromsweden.se/
https://processtypefoundry.com/
https://www.teotuominen.com/