K-ON! Clubroom – Parts 8, 9 & 10

Time for another update. Three builds this time, to make up for the late update.

K-ON! - 22 - Bench

The first new addition is the bench and its beautiful soft shadow.

K-ON! has some unusual quirks in its furniture. Take a look at how the front legs are joined to the arm rests, then compare that to the back legs. Watching the show, I never even noticed that detail.

K-ON! - 23 - Bench Back

This end of the room is really coming together now. One less white box!

The next change was a bit disappointing, but necessary. Up until this build, there was an annoying performance problem that I was having trouble tracking down. I finally discovered that it was caused by the free FXAA filter I was using to smooth out the scene.

I hadn’t purchased Unity Pro at this point, so my only option was to lose the filter.

K-ON! - 24 - Aliasing

Take a look at the above image and you’ll see that everything is a little less smooth. On the plus side, the performance is now a solid 60 frames.

Anyway, on to the next feature: posters!

K-ON! - 25 - Posters

I’m really happy with how these turned out. I couldn’t find a high resolution source image, so I had to reference whatever screen captures I could find from the show and redraw the posters myself.

I drew them in Inkscape and then added some final touches in Photoshop.

K-ON! - 26 - Posters Large

The in-game posters use a transparent “cutout” shader. The advantage of the cutout shader (as opposed to the ordinary transparent shaders) is that it can receive shadows. The drawback is that it only supports full transparency or full opacity. That’s all I needed though, so I went with it.

But why do I need shadow support on the posters?

This build introduces a special new feature: the Sun now sets in real-time! I think K-ON! really captures the feeling of time passing and people growing up, so I want to build a VR experience that respects that.


Hopefully I’ll post again before our Sun’s light has traveled another 1212 Astronomical Units.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s