這篇文章主要介紹“Spine的紋理壓縮和半透顯示的實(shí)現(xiàn)方法”，在日常操作中，相信很多人在Spine的紋理壓縮和半透顯示的實(shí)現(xiàn)方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對(duì)大家解答”Spine的紋理壓縮和半透顯示的實(shí)現(xiàn)方法”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

站在用戶的角度思考問題，與客戶深入溝通，找到十堰網(wǎng)站設(shè)計(jì)與十堰網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋十堰地區(qū)。

紋理壓縮

如果使用Spine的默認(rèn)輸出格式，是這樣的

但是輸出紋理的格式必須是未壓縮的RGBA，如果你將圖片格式改為ETC2或者ASTC，就會(huì)變成這樣：

而這是絕對(duì)不能容忍的畫面瑕疵。

ETC2的壓縮質(zhì)量絕不至于這樣差，之所以會(huì)變成這樣，在于Spine的默認(rèn)輸出格式是勾選了“預(yù)乘（premultiplied alpha）”參數(shù)的，這種做法會(huì)將圖片原始的RGB通道預(yù)先乘以透明度保存成文件，顯示時(shí)再用特殊的Shader乘回去。而ETC2的壓縮算法并沒有考慮過這種情況，由此導(dǎo)致了壓縮質(zhì)量降低。

而之所以Spine要使用預(yù)乘（premultiplied alpha），目的是為了解決透明圖片的采樣問題。

如圖，左邊的像素點(diǎn)是純透明，右邊的像素點(diǎn)是白色點(diǎn)，如果在紅點(diǎn)處采樣，獲得的顏色值就是(0.5,0.5,0.5,0.5)

而正確的顏色值應(yīng)該是(1,1,1,0.5)，因?yàn)樽兓闹粦?yīng)該是透明度，不能因?yàn)檫_(dá)到邊緣，連圖像本身的亮度都降低。

預(yù)乘是能完美的解決這個(gè)問題的，它生成的像素點(diǎn)是(0x0,0x0,0x0,0),(1x1,1x1,1x1,1)，采樣后的顏色是0.5,0.5,0.5,0.5，但還原的時(shí)候還要再除以透明度，所以結(jié)果是(0.5/0.5,0.5/0.5,0.5/0.5,0.5)=(1,1,1,0.5)，能夠得到正確的值。

而除了預(yù)乘以外，還有另一個(gè)方法，就是讓透明度為0的區(qū)域也填充有顏色。雖然有顏色，但因?yàn)橥该鞫仁?，看上去依然是透明，如圖：

這種操作叫做出血(bleeding)。排除掉透明通道，可以看到出血后圖片會(huì)復(fù)制邊緣的像素到臨近的透明區(qū)域。

雖然在某些特殊的采樣角度下會(huì)有錯(cuò)誤，但大部分情況沒問題，而這種方法可以正常支持壓縮紋理。

Bleeding可以在Spine的輸出窗體設(shè)置，也可以勾選Unity圖片的Alpha Is Transparency激活。

所以，我們應(yīng)該取消Spine的premultiplied alpha選項(xiàng)，并勾選Bleeding選項(xiàng)來生成普通的圖片（SpineEditorUtilities.cs有自動(dòng)導(dǎo)入腳本，需要修改，否則圖片參數(shù)會(huì)被它重新設(shè)置回去）。

Shader內(nèi)，直接用最普通的方式繪制就好了。

瑕疵依然存在，但是回到了普通不透明圖片的壓縮質(zhì)量水準(zhǔn)。（具體質(zhì)量要看使用的壓縮格式，比如ASTC肯定要比ETC2更好）

——但是，Spine并不能直接用普通的Alpha Blend方式繪制貼圖。

Spine的整個(gè)Shader都是基于Blend One OneMinusSrcAlpha，也就是預(yù)乘混合模式。它要求frag輸出的顏色通道必須是預(yù)乘過Alpha通道的，所以，如果輸入的圖片是未預(yù)乘的，就要在采樣后乘上透明度，再輸出。

col = tex2D(_MainTex,xxxxx);
col.rgb *= col.a;

倒也簡單，但為什么不直接將混合模式直接改成普通的Blend SrcAlpha OneMinusSrcAlpha呢？這就是下個(gè)話題的內(nèi)容——

如何用一個(gè)PASS同時(shí)繪制Alpha Blend和Additive物體？

Alpha Blend 對(duì)應(yīng)的是 Blend SrcAlpha OneMinusSrcAlpha，

相當(dāng)于lerp(x.rgb,y.rgb,x.a)，也就是result = (x.r, x.g, x.b) * x.a + (y.r, y.g, y.b) * (1 - x.a)

Additive則是result = (x.r, x.g, x.b) *x.a + (y.r, y.g, y.b)

而預(yù)乘混合Blend One OneMinusSrcAlpha是result = (x.r, x.g, x.b) + (y.r, y.g, y.b) * (1 - x.a)，由于我們的紋理并不是預(yù)乘過的，而是在shader內(nèi)相乘，所以是za = x.a，result = (x.r, x.g, x.b) * za + (y.r, y.g, y.b) * (1 - x.a)，結(jié)果上和Alpha Blend相同。

但這里，za和x.a其實(shí)是不同的參數(shù)，我們可以讓它是不同的值。如果za和x.a始終相等，就是AlphaBlend，如果讓za=x.a，同時(shí)把x.a賦值為0，那么結(jié)果就是result = (x.r, x.g, x.b) *x.a + (y.r, y.g, y.b) * (1 - 0)。

和Additive是相同的。

Spine就是用這種方式同時(shí)顯示AlphaBlend和Additive的圖片的，它的頂點(diǎn)色是預(yù)乘過的，比如白色50%透明度就是（0.5,0.5,0.5,0.5），而如果是Additive的部分，白色50%透明度就是(0.5,0.5,0.5,0)，因?yàn)橥该鞫葹?，所以輸出的x.a永遠(yuǎn)都是0，效果就和Additive相同。

這樣直接乘在顏色值上，然后用Blend One OneMinusSrcAlpha輸出就可以了。

如果并不是將透明度重置為0，而是取一個(gè)中間值，還可以得到Alpha Blend和Additive中間的一個(gè)結(jié)果，在Alpha Blend太暗，Additive太亮的時(shí)候可以考慮（一般特效美術(shù)會(huì)選擇用兩個(gè)不同材質(zhì)的紋理疊加，其實(shí)沒必要）

如何做Spine的半透顯示？

GrabPass是不可取的，因?yàn)榇嬖谕该魑矬w的半透疊加。所以唯一的方法就是繪制到RT上再顯示。

這時(shí)候就會(huì)遇到同時(shí)繪制Alpha Blend和Additive的問題。需要將攝像機(jī)的ClearColor設(shè)置成0,0,0,0（而不是0,0,0,1），Alpha的物體不能有ColorMask，Additive的物體需要ColorMask RGB（或者Alpha值為0）。

而顯示RT時(shí)，必須用Blend One OneMinusSrcAlpha才能正確，否則Addtive的部分會(huì)沒效果。

 

 

在這種情況下，設(shè)置為半透不能只修改alpha值，而且是要同時(shí)修改全部通道。

Blend One OneMinusSrcAlpha的物體只修改Color的Alpha值，相當(dāng)于在AlphaBlend和Additive的顯示效果之間調(diào)整，其實(shí)還挺便利的。這個(gè)中間的部分其實(shí)很適合用來模擬科幻場景的空氣投影屏幕，因?yàn)锳lphaBlend太實(shí)，Additive又太像光。

而真正的空氣投影屏幕誰也沒見過，畢竟都沒誕生。

動(dòng)態(tài)立繪應(yīng)當(dāng)啟用Mipmap

很多人對(duì)Mipmap有誤解，認(rèn)為這是一個(gè)優(yōu)化手段，而且是在處理遠(yuǎn)近物體的時(shí)候用的。

Mipmap最初的目的其實(shí)是為了處理紋理走樣問題，優(yōu)化只是一個(gè)副產(chǎn)品。

比較著名的示例是這個(gè)，又稱為摩爾紋。

在立繪的情況下是這個(gè)，也算是紋理鋸齒的一種。

至于出現(xiàn)的原因？紋理過濾時(shí)，圖像的放大其實(shí)和PS里是類似的，也就是普通的2次線性插值，但是縮小時(shí)則完全不同。PS將圖像縮小一倍，目標(biāo)像素是對(duì)應(yīng)的4個(gè)像素的平均值，但是在紋理過濾的時(shí)候，只會(huì)取的最近的1個(gè)像素的值。

很顯然，這是為了效率考慮。

mipMap則將這4個(gè)像素的平均值預(yù)先儲(chǔ)存了一份，這種情況下就可以直接取值了。其實(shí)效率是差不多的，但只有mipMap的才是正確的。

但在兩個(gè)mipMap層級(jí)中間的時(shí)候，即使使用三向過濾或者多重采樣過濾，會(huì)從兩個(gè)mipMap層級(jí)之間插值，依然還是不正確的。因?yàn)椴蓸恿说头直媛实膱D像，還會(huì)導(dǎo)致圖像產(chǎn)生模糊。

也就是在信號(hào)學(xué)所說的“在不提高分辨率的情況下，我們只能把信號(hào)中無法還原的高頻部分拋棄掉，避免出現(xiàn)劇烈的變化，來實(shí)現(xiàn)所謂的反走樣”，即是，想要反走樣，就必須承擔(dān)一定程度的模糊。想要反走樣又不想模糊，只有一個(gè)辦法，提升分辨率。

出現(xiàn)走樣并不需要3D，只要你的圖片存在兩個(gè)像素被并進(jìn)一個(gè)像素顯示的情況（這通過縮放也可以達(dá)成），如果你的圖片分辨率高于屏幕分辯率就更是如此。

不過，大部分走樣效果并不明顯，因?yàn)槿搜蹠?huì)自己修正。但是，如果你的物體是運(yùn)動(dòng)的，走樣就會(huì)產(chǎn)生另一種效果“閃爍”，這就非常明顯了。上面的鋸齒其實(shí)也算是一種線段的時(shí)隱時(shí)現(xiàn)。

如果你的圖片是靜態(tài)的，用一點(diǎn)點(diǎn)走樣換取圖片的“清晰”其實(shí)更合算。但是動(dòng)態(tài)立繪，請不要。

當(dāng)然，如果你的分辨率極高，高到人眼無法分辨，走樣確實(shí)也無所謂了。

但這樣的話，模糊也同樣無所謂。

而且別忘了，Mipmap確實(shí)在很多情況下可以提高性能。

到此，關(guān)于“Spine的紋理壓縮和半透顯示的實(shí)現(xiàn)方法”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

網(wǎng)站欄目：Spine的紋理壓縮和半透顯示的實(shí)現(xiàn)方法
轉(zhuǎn)載注明：http://jinyejixie.com/article12/gcspdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、搜索引擎優(yōu)化、虛擬主機(jī)、網(wǎng)站設(shè)計(jì)公司、微信公眾號(hào)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)