天天看點

使您的Pixel Art遊戲看起來像Unity3D中的Pixel Perfect

前段時間,我提到我們花了一些時間使遊戲像素完美。 為了使我們漂亮的2D像素美術遊戲在任何分辨率下看起來都不錯,我們必須這樣做。 我們也不希望物體移動或降落在半像素上。

預設情況下,Unity不能完美地顯示像素藝術,是以我們需要在此處和此處進行一些更改并實施一個小的修補程式。 但是不用擔心,這并不難。

免責聲明 :本教程的所有内容均基于多個來源,但主要基于此很棒的Twitter線程 。 我也知道還有其他方法可能會做得更好和更好,但這是經過大量研究後我正在使用的方法。

讓我們看看實作此像素完美外觀的步驟。

使您的Pixel Art遊戲看起來像Unity3D中的Pixel Perfect

從模糊(預設)到像素完美

關閉反鋸齒

電子遊戲中使用了抗鋸齒來平滑紋理邊框。 通常,您希望啟用該功能,以使紋理看起來不會“太像素化”,而可以在螢幕上平滑顯示。 這是反鋸齒功能的一個示例:

使您的Pixel Art遊戲看起來像Unity3D中的Pixel Perfect

抗鋸齒示例

底線平滑且模糊。 如果我們看到的分辨率小于此分辨率,這将使其看起來不錯。 如果不激活抗鋸齒功能,我們會注意到像素化邊框。

在我們的情況下,我們恰好想要對面,是以我們需要停用抗鋸齒。 預設情況下,它在Unity中被激活。

轉到“ 編輯”->“項目設定”->“品質”并将“ 抗鋸齒”設定為“禁用”

使您的Pixel Art遊戲看起來像Unity3D中的Pixel Perfect

品質設定

請注意,可能存在多個品質級别。 在我的圖檔中有非常低,低,中,高,非常高和超。 您需要點選他們每個人而改變自己的抗鋸齒設定為Disabled 在所有這些 。

精靈導入設定

導入圖像/紋理時,預設情況下,Unity會設定一些過濾器以使其在螢幕上顯示時變得平滑。 同樣,對于其他類型的遊戲,這可能是個好主意,但對于像素藝術遊戲則不是。

您需要轉到項目中具有的每個精靈,然後在檢查器中更改以下設定:

使您的Pixel Art遊戲看起來像Unity3D中的Pixel Perfect

精靈導入設定更改

将“ 濾鏡模式”更改為“指向”(無濾鏡),然後關閉“ 壓縮” (如圖中将其更改為“無”)。 同樣,需要對遊戲中的每個精靈進行此操作。

機關像素數(PPU)

您也可以在“精靈導入設定”中找到此設定。 預設為100。 将其更改為以像素為機關的瓦片大小 (例如,在我們的示例中,我們有19x19瓦片)。

使您的Pixel Art遊戲看起來像Unity3D中的Pixel Perfect

機關像素

這也與我們需要更改的下一件事相關。

相機外形尺寸

現在我們已經設定好PPU,我們需要告訴相機我們希望它基于該PPU多大,以便螢幕上的一個像素與遊戲中的一個像素相對應。

要獲得該大小,我們隻需要做一個簡單的公式:

相機外形尺寸=垂直分辨率/ PPU / 2

有了該大小後,單擊“ 主錄影機”對象,然後将該值放入“大小”設定中:

使您的Pixel Art遊戲看起來像Unity3D中的Pixel Perfect

相機外形尺寸

在我們的例子中,垂直分辨率為180px,PPU為19px,是以:

180/19/2 = 4.73684

值得一提的是,在我們的案例中,我們以微小的分辨率渲染所有内容,然後再進行縮放。 不要放置所需的垂直分辨率(在我們的示例中為720p),而是放置您要渲染的分辨率。

對齊網格腳本

這是使其看起來完美的最後一步。 到目前為止,它不應再顯得模糊,但由于分辨率提高,我們仍然存在可以将對象放置在“一半”像素中的問題。

有多種方法可以避免這種情況,例如使用特定的2D相機插件或着色器。 它們可能比我正在使用的效率更高,但是我發現它們比這種方法更複雜。

這個想法是,您在LastUpdate()中放置了一個将對象調整為“平鋪網格”的腳本。

為此,您需要将Sprite渲染器移動到子對象,并在該對象中添加該腳本。

這是我正在使用的腳本:

它檢查父級位置并将其四舍五入到網格上。 是以不再有半像素移動!

通過所有這些設定,您的遊戲現在應該看起來還不錯。 我希望這可以幫助其他人調整Unity for Pixel Art遊戲。

From: https://hackernoon.com/making-your-pixel-art-game-look-pixel-perfect-in-unity3d-3534963cad1d

繼續閱讀