首先是需要在工程的Asset目录里面建一个Plugins文件夹,然后在文件夹里面创建一个.txt文件,名字倒是无所谓,创建好后要把扩展名改成.jslib。文件必须要如下内容:
var LibraryGLClear = {
glClear: function(mask)
{
if (mask == 0x00004000)
{
var v = GLctx.getParameter(GLctx.COLOR_WRITEMASK);
if (!v[0] && !v[1] && !v[2] && v[3])
// We are trying to clear alpha only -- skip.
return;
}
GLctx.clear(mask);
}
};
mergeInto(LibraryManager.library, LibraryGLClear);
这个LibraryGLClear对象里面包含了一个glClear方法,这是让网页产生透明结果必须提供的一个方法,这个方法应该是Unity渲染过程中调用的方法。如果有必要,我们也可以在LibraryGLClear对象里面添加更多的方法,不过这不在本文讨论范围内。
其次是摄像机参数修改,摄像机的Clear Flags 应该设置为Solid Color,当然了,既然要背景透明,那么Background 颜色中的透明通道 Alpha应设置为0。
最后,要在发布的.html文件中修改canvas的背景属性。
<canvas id="unity-canvas" width=960 height=600 style="width: 960px; height: 600px; background: transparent"></canvas>
注意就是这一行里面的 background: transparent 这个属性设置,默认发布出来background的值不是transparent,必须改成transparent才可以。