NGUI裁剪模型和粒子

效果预览

NGUI裁剪模型和粒子_第1张图片

注:Box上的绿色是添加的粒子。

相关资料

RenderTexture

       RenderTexture是一种特殊的纹理,它是在运行时创建和更新。

文档:http://www.ceeger.com/Components/class-RenderTexture.html

ScrollView

      ngui的一个滑动组件

UITexture

    ngui的显示贴图组件

原理

用一个相机单独照射3D模型和粒子,把相机的图形映射到RenderTexture上,把RenderTexture的图形UITexture,就能通过NGUI的Clip对UITexture进行裁剪啦。

步骤

1、创建一个RenderTexture,命名为ModelTexture

2、创建一个新的场景,添加NGUI的2D UI

3、修改场景中的渲染模型的Camera名为:3DCamera,并把ModelTexure赋给它的Target Texture

4、添加模型和粒子,我这儿以原型替代,把它排成一横排

NGUI裁剪模型和粒子_第2张图片NGUI裁剪模型和粒子_第3张图片

5、修改3DCamera的size,调整模型根节点的位置,直到Camera中能全部显示出场景中的模型和粒子,我这儿把3DCamera改为2D镜头

NGUI裁剪模型和粒子_第4张图片NGUI裁剪模型和粒子_第5张图片

6、在UI中创建一个ScrollView和UITexture,UIPanel的的裁剪区域,根据需要调整到合适值。

wpsEF62.tmp

7、把步骤1创建的ModelTexture,拖给UITexture,并修改Texture的Size为1000x1000,同时给UITexture添加BoxCollider和Drag ScrollView

wpsEF73.tmpwpsEF74.tmp

8、同时修改ModelTexture的size也修改为1000x1000

整体结构

NGUI裁剪模型和粒子_第6张图片

9、运行,调整视觉效果

注意点:根据需要调整RenderTexture的Size和Camera的Size

 

附件:http://files.cnblogs.com/files/zhaoqingqing/ClipModel.zip  需要手动导入NGUI,基于Unity5.1

你可能感兴趣的:(NGUI裁剪模型和粒子)