Lightnews — Scholar-powered news

Florisium

@florisium.bsky.social

17 followers 7 following 30 posts

World of Unique Flowers. Join our blooming community: https://discord.gg/DPvkZhwhnN

discord.gg

Posts Media Videos Starter Packs

Pinned

Florisium @florisium.bsky.social · Aug 5

Florisium is a peaceful mobile sandbox game where every flower is meticulously simulated, ensuring no two are ever the same

#flowers #mobilegame #sandbox #cozygame #gamedev

4 14

Florisium @florisium.bsky.social · 1d

Autumn is here 🍁🍂🥀

#screenshotsaturday

Florisium @florisium.bsky.social · 5d

I have forwards and mobile - not too many moves allowed 😅 So its a simple multiply-blending that runs after all geometry. For the lights, its a bit hackier - I don't have proper albedo at the pass, instead, I multiply with the back buffer and add the same value on top, very wrong but works for me 😜

Florisium @florisium.bsky.social · 5d

There are, of course, plenty of limitations (obvious and not-so-obvious) - I’ll dive into those next time 😉

And finally, here are a few fresh in-game shots (and remember - the game is still about flowers! 🌸)

(16/16)

1 4

Florisium @florisium.bsky.social · 5d

Bonus point: the same approach also gives cheap multi-point (and areal) lights support - in forward rendering, on mobile! 🎉🎉🎉

(15/16)

1 5

Florisium @florisium.bsky.social · 5d

Performance-wise, it’s similar to the previous method, but no texture fetches, all math is half-based, and only ~30–40 instructions per shape type.
On an iPhone 15Pro, native res, it costs about 0.02–0.2ms, depending on scene complexity and density (all are combined to a single draw-call).
(14/16)

Florisium @florisium.bsky.social · 5d

Using this system, I built a small set (7 types) of analytical AO shapes that cover most in-game dynamic props.
The result is much more detailed and believable than the old texture-based version.

Left = old. Right = new.

(13/16)

1 3

Florisium @florisium.bsky.social · 5d

Side views of cylindrical shapes also needed separate math (and again, the right image shows the ray-traced reference).

(12/16)

Florisium @florisium.bsky.social · 5d

Rectangular shapes are trickier since they have hard edges.
I ended up with a slightly different, yet still cheap, function that models the visibility per rectangle size - same logic as with cylinders.

(11/16)

1 1

Florisium @florisium.bsky.social · 5d

For a top-down projected cylinder, that relation is proportional to arctan(D/R), where R is the cylinder radius.
This separation (vertical+horizontal) produces results that are visually close to ray-traced truth - see the right image (distances and heights are not correlated on the images):
(10/16)

1 2

Florisium @florisium.bsky.social · 5d

The vertical part comes from the formula I showed earlier - nice and straightforward.

The horizontal part, though, depends on how visibility changes with the distance to the surface and the surface’s own size.

1 1

Florisium @florisium.bsky.social · 5d

The 2D version is a good start - but it doesn’t capture the whole. We need one more dimension to handle, which makes things trickier.
Ideally, this should be a hemispherical integral of point visibility.
In practice, I simplified it by splitting it into vertical and horizontal 2D components.
(9/16)

1 1

Florisium @florisium.bsky.social · 5d

Luckily, this simplifies nicely since cos(arctan(x)) = x/sqrt(x²+1).
That gives a lightweight, computation-friendly formula that still behaves like smooth, realistic occlusion.
You can play with the simplified version here: www.desmos.com/calculator/j...
(8/16)

occlusion-simplified

www.desmos.com

1 1

Florisium @florisium.bsky.social · 5d

The core 2D case is actually simple:
Imagine a flat occluder of width 2W(from -W to W) standing at height H.
The occlusion function looks like:
(cos(arctan((x - W)/H)) + cos(arctan((-x - W)/H))) / 2 + 1
In other words - the sum of light coming from the left and right gaps around the occluder.
(7/16)

Florisium @florisium.bsky.social · 5d

So I finally found the courage to revisit the technique.
This time - no prebaked textures.
Instead, I went analytical - doing the math to emulate occlusion shapes directly for some simple primitives (boxes, spheres, cylinders, cones, etc).

(6/16)

Florisium @florisium.bsky.social · 5d

Results were way better than no AO at all, and every earlier game shot you’ve seen used this method.

But... it was never perfect. Fixed textures have obvious limits.

(5/16)

Florisium @florisium.bsky.social · 5d

For the first version of the system, I used static textures to approximate the occlusion shape of some typical primitives.

Just 3 texture types - pulled on for every moving object in the game (could be more than 1 shape per object).
It worked!

Florisium @florisium.bsky.social · 5d

4. Apply some shadow (occlusion) pattern on the area and draw the resulting geometry.

5. And yeah - do the above for every occlusion-receiver pair 😅

(4/16)

Florisium @florisium.bsky.social · 5d

The base idea is beautifully simple:

1. Define surfaces that receive occlusion.

2. Define objects that cast occlusion.

3. For each receiver–caster pair, compute the projected occlusion area that roughly estimates shadowing of the cast object.

1 1

Florisium @florisium.bsky.social · 5d

So, I went back in time and revived a classic: blob shadows - the technique used in early 3D games that often mimicked ambient occlusion rather than true shadows.

(3/16)

1 2

Florisium @florisium.bsky.social · 5d

Since the game’s main platform is mobile, I needed a fast and robust AO solution for dynamic objects.
Screen-space AO? Not great for mobile-too noisy, not tile-based GPU friendly, inconsistent across devices, and needs heavy filtering.
Ray-traced AO? Same story-not (yet?) practical on mobile.
(2/16)

Florisium @florisium.bsky.social · 5d

A bit technical thread 🧵

I’ve been improving the in-game ambient occlusion system - and ended up with something I call:
Blob-based Analytical Ambient Occlusion on Primitives

Here’s what it does to the final image:
(more examples later in the thread)

(1/16)

2 2 7

Florisium @florisium.bsky.social · 22d

So, how many flowers on one plant is enough for you?

#florisium #flowers #nature #homeplants #cozygame #indiegame #screenshotsaturday

1 10

Florisium @florisium.bsky.social · 29d

Cozy corner inspiration for autumn.

#florisium #flowers #nature #homeplants #cozygame #indiegame #screenshotsaturday

3 10

Florisium @florisium.bsky.social · Sep 6

Who’s ready to plant these little sprouts?

#florisium #flowers #nature #homeplants #cozygame #indiegame #screenshotsaturday

5 9

Florisium @florisium.bsky.social · Aug 30

A Fresh Start, Frame by Frame 🏠

#florisium #flowers #nature #homeplants #cozygame #indiegame #screenshotsaturday

2 5