UGUI UI新增特效

2021-07-03 02:54:21 字數 1559 閱讀 3966

ugui-ui新增特效

開發專案的時候遇到乙個需求,ui上要加特效,ui使用的是ugui,經過多次試驗終於找到乙個解決辦法。

第二步:

設定canvas引數,修改render mode : screen space - camera

建立乙個camera(gameobject —>camera),命名為uicamera,

將uicamera拖拽到canvas的 render camera,

如下

類似ngui中的ui攝像機,其實原理一樣

第三步:

設定uicamera 引數, 設定clear flags : depth only

culling mask : ui (只渲染ui層)

注意:如果場景中有其他的攝像機要注意調節他們的 depth 深度。

第四步:建立乙個cube 放到image下,座標調整為 (0,0,0),比例調整為(100, 100, 100)

如下

第五步:調整cube 的 z 軸,看效果

和3d場景一樣的,後邊的物體會被前面物體遮擋

第六步:將image從螢幕**拖拽到螢幕邊緣,效果

這樣的效果是 3d效果,如果需要改為 2d 效果需要修改下uicamera的引數 projection : orthographic

修改引數後效果如下,完全 2d ui 上顯示 3d 物體

同理特效也是 和上面方法一樣 ,經過測試ui上加 3d 物件,將uicamera最好設定成 projection : orthographic

如果 物體大小視覺上不對可以調整 uicamera 的引數 size

調整到適當大小即可

下面製作步驟省略

水波紋特效新增

1 listview 自定義的mylistview gridview新增水波紋特效需在列表控制項中設定 android drawselectorontop true android listselector android selectableitembackground 2 recyclervie...

HTML 之新增影音特效

音訊標記 audio 語法如下 可以提供設定的屬性如下 controls controls src music.ogg type audio ogg src music.type audio mpeg audio 要在網頁中新增影音檔案,可以使用 html5 新增的 video 標記,語法如下 vi...

css3 hover新增特效

body demo demo hover style class demo div 此效果可以改變滑鼠移入目標區域上的hover效果,缺點 滑鼠移出區域還原之前效果時,沒有過度效果,很生硬 改善此效果參看方法二 如下 body demo demo hover style class demo div...