1. 程式人生 > >UGUI之Mask切割影象shader應用

UGUI之Mask切割影象shader應用

在我之前的一篇文章寫到使用Mask切割影象的方法。具體連結http://www.manew.com/thread-93954-1-1.html
正如一些朋友所說上面這種方法把圖放大之後確實存在有邊緣出現鋸齒的情況。由於我工作專案做的是手機端切割使用者頭像,手機螢幕小根本看不出來鋸齒所以當時就用了這個方法,但追求完美的程式的都想做到無懈可擊。看到網上一篇寫了用shader配合Mask的方法,由於我對shader的不熟那篇文章又寫的十分簡潔,所以我不能立刻看懂,經過小小研究終於實現了消除鋸齒的這種切割方法。希望我走過的坑可以讓大家避免因此我覺得有必要詳細的寫下每個步驟。廢話不說了,進入正文:

下面這張圖,左邊Scene裡看到的已經是切割之後的效果圖了。

重點是看Hieranchy面板裡和屬性面板。Hieranchy面板裡是一個用來切割圓形的圖片,同時也作為Mask。而下面那個Image是被切割的方形圖片()也就是左側看到的那個頭像)。如下圖:
 


之後要給被切割圖片加上一個新建的材質球,這個材質球目的就是為了放置Shader。如下圖:
 


所以接下來就是為材質球貼上shader指令碼和一個圓形圖片(這個圓形圖片就是上面mask那個物體上的那個圓形圖)。如下圖:
 


由於我對Shader不熟所以這裡直接貼出圖:
 


接下來就是shader原始碼:
[C#] 純文字檢視 複製程式碼
?
001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 021 022 023 024 025 026 027 028 029 030 031 032 033 034 035 036 037 038 039 040 041 042 043 044 045 046 047 048 049 050 051 052 053 054 055 056 057 058 059 060 061 062 063 064 065 066 067 068 069 070 071 072 073 074 075 076 077 078 079 080 081 082 083 084 085 086

相關推薦

UGUIMask切割影象shader應用

在我之前的一篇文章寫到使用Mask切割影象的方法。具體連結http://www.manew.com/thread-93954-1-1.html 正如一些朋友所說上面這種方法把圖放大之後確實存在有邊緣出現鋸齒的情況。由於我工作專案做的是手機端切割使用者頭像,手機螢幕小根本

UGUICanvas Group

如果 lar ble cast com alpha 技術 span ugui 可以通過Canvas Group影響該組UI元素的部分性質,而不需要費力的對該組UI下的每個元素逐個調整。Canvas Group是同時作用於該組UI下的全部元素。 參數:Alpha:該組UI

UGUICanvas和EventSystem

event 開啟 water phi 根據 mod jsb ngui 控件 先介紹一下UGUI必不可缺的兩個組件:Canvas和EventSystem 事實上在場景中第一次創建UGUI控件的時候,這兩個物體都會自動添加到場景中,當然,必不可缺的不是這兩個物體,而是他們身上

如何選擇版本控制系統二---Git的研發應用場景

版本控制系統 git 華為軟件開發雲 之前寫了一篇《如何選擇版本控制系統 ---為什麽選擇Git版本控制系統》,地址是:http://laoyudage.blog.51cto.com/12854334/1927409,有興趣的可以去看看,本篇文章算是這個系列的第二篇文章。Git誕生於2002年,由

DataGuardApply Services(redo應用和SQL應用

令行 應用 tar 同步 官方 blocks ron strong 其他 應用服務 Apply Services 根據oracle官方文檔整理 http://docs.oracle.com/cd/E11882_01/server.112/e25608/log_apply.h

20170825L08-05老男孩linux實戰運維培訓-Lamp系列-Apache服務生產實戰應用指南02

apache這一節說Apache的安裝目錄文件具體介紹了一些重要文件的配置tree -L 1 /usr/local/apache[[email protected] extra]# tree -L 1 /usr/local/apache/usr/local/apache├── apache ->

20170830L08-06老男孩linux實戰運維培訓-Lamp系列-Apache服務生產實戰應用指南03

apache還是說的apache的設置這一次說的是虛擬主機主要配置文件httpd.confhttpd-vhhsots.confhttpd.conf主要控制目錄的訪問httpd-vhosts.conf控制域名的轉換,要別名,日誌的路徑對於實驗中的訪問主機中要設置 hosts文件<Directory "/v

UGUIRectTransform排版

fse 如果 技術分享 計算 ldr sta 矩形 tor context 往Scroll View裏面添加子元素,並整齊排列 Text last =Instantiate(text,transform.position,transform.rotation).GetC

Spark-Streamingwindow滑動窗口應用

針對 間隔 air int() ans 應用 spl 窗口 nbsp Spark-Streaming之window滑動窗口應用,Spark Streaming提供了滑動窗口操作的支持,從而讓我們可以對一個滑動窗口內的數據執行計算操作。每次掉落在窗口內的RDD的數據,會被聚合

跨鏈技術ILP詳解及應用

區塊鏈;跨鏈;托管;ilp;rippleAbstract:As the booming of BlockChain technology, the requirement of asset transfer between different ledgers is as imperative as possi

bash腳本編程for循環及應用

bash腳本編程循環執行結構: 循環結構包括兩個環節; 1.進入循環的條件: 在符合要求或滿足條件時才開始循環; 2.退出循環的條件: 達到某個要求或符合某個條件時需要結束或終止循環的執行; for循環: 1.遍歷列表的循環: 為列表中的每個成員執行命令。

python路_day78_django中ajax應用

amp 用戶 入門 一個 height orm 性能 obj 結束 一、Ajax介紹   Ajax(Asynchronous Javascript And XML)翻譯成中文就是“異步Javascript和XML”。即使用Javascript語言與服務器進行異步交互,傳輸的

網絡啟動一:IPXE初識及其簡單應用

releases 依賴包 放置 art 配置 ces sdi ftw bootsect IPXE初識及其簡單應用 最近迷上了網絡啟動這回事,查詢了部分文檔,做了基本測試和總結,以供以後參考。 概述:PXE(preboot execute environm

Parquet性能測試項目實踐中應用測試

count 測試結果 直接 存儲 1.2 只讀 求最大值 文件存儲 效率 因為從事大數據方面的工作,經常在操作過程中數據存儲占空間過大,讀取速率過慢等問題,我開始對parquet格式存儲進行了研究,下面是自己的一些見解(使用的表都是項目中的,大家理解為寬表即可): 一、Sp

微信小程序開發--"template模板“的應用

bottom lis code ddl 定義 hot 模板 src con 第一步:定義模板 ①:新建一個template文件夾用來管理項目中所有的模板(本文案例定義文件夾名為:temp); ②、新建一個wxml文件來定義模板(本文案例定義文件夾名為:temp.wxml);

Appium連續啟動多個應用(APP)

windows 其它 aps dst ren 技術分享 多個 info 快速 我們知道Appium應用啟動時自帶的caps可以先行啟動某個應用(基於appPackage和appActivity),那麽如何用其連續啟動多個應用呢? 這裏就需要用到start_activity

ES5新增的數組方法map映射的應用

數組方法 編寫 數組 new 函數 map function cti return 編寫函數map(arr) 把數組中的每一位數字都增加30% function map(arr){ var newArr=[]; for(var i in arr){ ne

分布式系統緩存的微觀應用經驗談(一) 【基礎細節篇】

聯網 需要 最新 響應時間 正文 劃分 發的 討論 server 分布式系統之緩存的微觀應用經驗談(一) 【基礎細節篇】 前言   近幾個月一直在忙些瑣事,幾乎年後都沒怎麽閑過。忙忙碌碌中就進入了2018年的秋天了,不得不感嘆時間總是如白駒過隙,也不知道收獲了什麽

ADO.NetSqlConnection、 Sqlcommand的應用學習心得(思維導圖,知識解析,案例分析)

ros statistic system 啟動 clone() 連接字符串 esp ans 用戶 ADO.Net之SqlConnection、 Sqlcommand的應用 一、思維導圖: ADO.NET與SQL連接: 二、知識點介紹: SqlConnecti

SpringBoot2.x應用手工創建web應用

str idea 點擊 下載 com 技術分享 start 主題 開發工具 用IDEA開發工具(具體下載安裝百度有詳細教程,這裏就不多介紹了)。 好了,現在進入主題: 步驟一:打開IDEA,點擊" Create New Project ",如圖: 步驟二:在左側導航欄選中