Creating a cutout shader for doors and windows

Posted by & filed under Programming, Unity3D.

For the game I’m currently working on is a 3D isometric management game where you build rooms on a spacestation. The rooms and spacestation are made up of a series of tilesets so the player can effectively paint out the rooms in any size and shape they wish and the wall tiles are snapped together and appropriately themed based on the room type. All relatively easy stuff at this point. However we also allow the player to place doors and windows, and these objects may be multiple tiles wide. The first solution that came to us was seeing whether we could complexify the tileset system a little to support sub-tilesets that are made up of chucked up doors and windows. After some quick math this didn’t look good – The tileset requirements and combinations were quickly exploding into really big numbers. This could have been possibly mitigated by cutting up the tiles even further and then having some automated tileset builder step that constructs the combinations required. But that sounded no good. There must be another way!


Basking in the shade(r)

The short answer is clip() in a custom shader. The long answer is…long.

Cutting a hole in a mesh with shaders is by itself really easy. However cutting a hole in a mesh in the right position, with a texture mask, at any rotation and scale is hard. Very hard if you’re not a wizard at transform math, which is my position, and as such I must disclaim that some of the code and math here can probably be improved or reduced. Please do contact me with updates if so!

The requirements:

  • It needs to extend the Unity3D Standard Shader
  • It needs to support a texture mask as our windows could have odd shapes
  • The mask may not be symmetrical, so must be projected on to meshes with any rotation
  • We cannot rely on the mesh UVs for mask placement, as they could be arranged in any way
  • It needs to only run required code as necessary – We’ll have a lot of walls so mind must be paid to performance
  • It needs to support shadows and both deferred and forward lighting models

I find it easier to work backwards. So let’s take a look at the shader code first:

The aim here is to figure out where the mask is in relation to the pixel we’re rendering and then compare it against the right pixel in the mask (If it is in the mask) and clip it or not. Hopefully it is pretty self-explanatory. In my case I’ve duplicated the last 4 lines multiple times to allow multiple masks to stack on a single mesh.

In my custom Unity 5 standard shader I have overridden the frag function of both the forward and deferred passes:

Annoyingly, getting the shadows to work requires a little extra effort as the Unity 5 standard shader avoids including the pixel world position by default. So I had to copy UnityStandardShadow.cginc modify a few things to make it work:

Finally in my custom standard shader:

The Data

Now that the shader is prepared, we simply need to provide it with the data it needs. This took a bit of work as we need to apply a number of transform steps to ensure the target object and mask position are aligned, scaled correctly and within the same transform space:

There is a bit of math here and thus it aught not to be run every frame. The great thing is that is only needs to run once for each time the cut location is changed relative to the affected objects. For example you would run this when you place a window or door and that’s it.

And that’s it! There is some more surrounding code that puts all this together and polishes the Unity Editor shader GUI, etc. But this is the meat of the solution. You can buy this shader on the asset store and get updates and fixes automatically here. Or you can download the package for free and go nuts.

Leave a Reply