Oyuncuların renk kalitesini kaybetmeden görüntüleri "Boyamasını" Sağlamanın En İyi Yolu?

Bir 2.5D izometrik (2D görüntü) oyunu yaratıyorum.

Oyuncuların zırhlarını, kıyafetlerini ve diğer şeylerini "boyamasını" istiyorum. Her şeyin gri tonlamalı olmasının, daha "doğal" renklenmelerden bazılarını kaybetmeye yol açtığını biliyorum. Örneğin, kırmızı / sarı gri tonlamalı bir ejderha yapmak ve daha sonra bindirme rengini uygulamak, ikincil rengin tüm kaybıyla tamamen kırmızı bir ejderhaya yol açar. Bu arada, aynı Kırmızı / Sarı Ejder Mavisi'ni ölmek onu harika görünen Mavi / Beyaz yapar.

Oyunumdaki karakterlerin çok çeşitli donanımları yok. Oyun League of Legends'ın karakterleri ve grafikleri nasıl ele aldığına daha yakın. Tek tip bir karakter olabilir (örn. Kahraman) ancak karakter için seçenek olarak çoklu kıyafetler olabilir. Oyuncuların sınırlı sayıda "kıyafet" ve karakterlerde mümkün olduğunca fazla kişiselleştirme yapabilmelerini istiyorum.

Bu yüzden oyuncuların bir karakter seçmesini, birkaç silahtan birini seçmesini, bir dizi kostüm seçeneğinden birini (karakterlerin üzerine yerleştirilmiş) seçmesini ve ardından her şeyin çoğunu boyamasını istiyorum (silahlar için belirli bir metalik renk seçin, herhangi bir rengi seçin) hiç giyim için).

Bazı renkleri kaybetmeden gri tonlamayı kullanabilseydim, yapardım.

İşte neden bahsettiğime dair bir örnek:

Photoshop'un "Renk Yerleşimi" seçeneklerinde ne kullanırsam kullanın, Dragon'u "boyamak" bile mümkün değil. Açıkçası, gri tonlamalı kullanarak daha iyi renklendirmek mümkün olduğunda yanlış yapıyorum. Yeşil veya Sarı veya Açık Mor gibi bir renk için bu işe yarar. Başka bir renk için, sanatı yok eder.

Ancak, gri tonlama DEĞİLDİR ve daha sonra orijinal (Kırmızı / Sarı) görüntüye "HUE" renk uygularsam çok daha iyi görünüyor.

Kırmızı Ton

Mor Tonu

Şimdi oyuncular Ejderha HERHANGİ rengini boyayabilir ve yine de harika görünür! (Sarı, gökkuşağının herhangi bir rengine dönüşürken sarı, beyaz olur.)

Bu, BEYAZ veya SİYAH'ın en iyi ikincil renk olduğu anlamına mı geliyor? O zaman beyaz (ikincil) rengi farklı bir şeye değiştirmek için bir çeşit yöntem veya gölgelendirici kullanın.

Tek bir görüntü çekmenin ve renklendirmeye bağlı olarak farklı pikselleri boyamanın bu karmaşık yönteminde herhangi bir makale var mı?

Ejderha için, Beyaz / Siyah yüksek Kontrast Ejderha olarak en iyi şekilde çalışır mı? Kırmızı / Sarı en iyi renk kümesi midir? Görüntüler için denediğim birkaç renkten daha iyi çıkıyor. Gri Tonlama hala üstün mü?

Photoshop'un "Karıştırma Seçenekleri", bir video oyunu için görüntüleri uygun şekilde "boyama" yöntemini içermiyor mu? Daha iyi bir başarı elde etmeme izin veren karmaşık Shaderlar / Yöntemler var mı?

Not: GrayScale, görüntülerimin RAM tüketimini azaltmama veya kayıplı sıkıştırma sırasında kalite kaybını önlememe izin veriyorsa, bu ciddi bir şekilde düşünürdüm.

Ton değiştirme, renk ayrıntılarını kaybetmeden bir dizi renk elde etmenizi sağlayan bir olasılıktır. Temel fikir, her pikseli RGB'den HSV alanına dönüştürmek, ardından tonu kullanıcı tanımlı bir miktarla dengelemek ve ardından RGB'ye geri dönüştürmektir. Aslında bu, RGB değerlerine bir dönme matrisi uygulanarak daha verimli şekilde yapılabilir: kullanıcı tanımlı ton açısına göre (1, 1, 1) ekseni etrafında dönen bir matris oluşturun. Sonra bu matrisi, piksel gölgelendiricinizdeki her RGB değerine uygulayabilirsiniz.

Bu, kırmızı-sarı ejderhanın sarı-yeşil, yeşil-mavi, mavi-mavi, mavi-kırmızı veya kırmızı-kırmızı bir ejderhaya geçmesine izin verecektir. İki renk bu yaklaşımla bağımsız olarak değiştirilemediğinden, bu biraz kısıtlayıcıdır. Orijinal görüntüde oluşturuldukları gibi göreceli renk tonlarını koruyacaklar. Ayrıca erişemediğiniz bazı renkler de vardır, örneğin, bu şekilde siyah beyaz bir ejderha yapamazsınız. Yine de, bu amaçlarınız için yeterli olabilir.

Başka bir olasılık, modelleriniz iki veya üç "ana renge" sahipse (burada kırmızı ve sarı), orijinal resmi her bir ana renk için ayrı bir renk kanalı kullanarak yazabilirsiniz. Bu durumda, ejderhayı kırmızı ve sarı yerine yeşil ve kırmızıya yazardınız ve eğer üçüncü bir renge sahipseniz mavi renkte yazabilirsiniz. Ardından, kullanıcının üç ana rengi seçmesine izin verebilir ve görüntüdeki kırmızı, yeşil ve mavi değerlerini harmanlanması gereken kullanıcı tanımlı renklerin miktarları olarak kullanabilirsiniz. Böylece piksel gölgelendiriciniz şunun gibi görünür

finalColor = image.r * userColor1 + image.g * userColor2 + image.b * userColor3;

Bu, kullanıcıların siyah beyaz veya mor ve altın gibi şeyler de dahil olmak üzere istedikleri renk kombinasyonunu seçmelerine izin verir.

Karşılaştığınız sorun, görüntünün tamamını sadece bir temel renkten öte, görüntünün tamamında “renklendirmeyeceğiniz” dir. Birinde, bir malzemeden diğerine ince degradeleriniz var, ancak daha da önemlisi temel renkten etkilenmeyen yansımalar, vurgulamalar ve gölgeler var. (Bunlar temel olarak üstüne eklenir.)

Bu yüzden görüntüyü bileşenlerine ayırmanız gerekiyor.

Bir örnek :

Bu durumda 3 katmanımız var:

• Arka Plan - Bu, renklendirilmemesi gereken unsurları içerir.
• Renkli olması gereken kısım - Bu renkle çarpılır. (Beyaz dışında bir renk belirtirseniz, OpenGL varsayılan olarak çoğalır.)
• Önemli Noktalar - Bunlar tüm görüntünün üzerine eklenir. Ton değişimini taklit etmek için beyaz değil sarıdır. Nesneler sadece tek bir renk değildir, renk parlaklığı ile birlikte değişir.

Kişisel olarak istediğinizi elde etmek için maske dokularını kullanmanızı tavsiye ederim. Bu, ana RGB24 dokunuzun herhangi bir hassasiyetten ödün vermeden orijinal renk kalitesini korumasını sağlar. Ayrıca, ana dokunuzu renk maskenizle karıştırmanız için size bol miktarda sanatsal özgürlük sağlayacaktır.

Her maske, temel dokunuzun rengini özel renginizle doğrusal olarak enterpolasyon yapacak gri tonlamalı bir doku olarak görülebilir. Kullanıcılarınızın iki rengi özelleştirmelerine izin verdiğinizi varsayalım; piksel gölgelendiricisi şöyle görünür:

girişler: MainTexture (RGB), Mask1Texture (A), Mask2Texture (A), Colour1 (float), Colour2 (float)

Çıktı: (Mask1Texture + Mask2Texture) -MainTexture + Renk1 * Mask1Texture + Renk2 * Mask2Texture

Bu, bir maskenin bir piksel için ne kadar büyük bir değeri olduğuna göre, ana dokunuz o pikselin çıkış rengini o kadar az etkileyecektir. Örneğin, ejderha dokunuzu gri tonlamaya dönüştürebilir ve gövde renginden bağımsız olarak özel kanat rengine sahip olmak için kanatlarınız dışındaki her şeyi silebilirsiniz.

Bu tekniği mobil oyunlar için kullandım ve genel performansınızı etkilemeyecek. Doku başına% 33 daha fazla RAM'e mal olabilir, ancak kalite takası muhtemelen buna değer.

Ps Yalnızca bir özel renk kullanmayı düşünüyorsanız, RGBA32 ana dokunuzun Alfa kanalını maskeniz olarak kullanabilirsiniz.

renk paletlerini kullanabilir ve oynatıcının paleti düzenlemesine izin verebilirsiniz. Gölgelendiriciler kullanıyorsanız, 1D dokuları palet olarak ve orijinal gri değerini dizin olarak kullanabilirsiniz.

Gerçek renkli bir görüntüyü 255 renkli bir görüntüye dönüştürmek için tüm piksel renk değerlerinizi alabilir ve k-means algoritmasıyla 3B renk uzayında 255 kümeye gruplayabilirsiniz. Veya genel resim dönüştürme araçlarını kullanın. O zaman gri değer dokusunun enterpolasyonunun renkli dokularınızdaki indekslerin enterpolasyonu olacağını belirtmek önemlidir. Bu, orijinal görüntünüzün iki tekeri arasında birkaç rengin olduğu sonuca yol açabilir. Bu, enterpolasyonu devre dışı bırakarak (bunu yapmak istemediğinizi düşünüyorum) ya da renk paletinizi faydalı bir şekilde sıralayarak çözülebilir.

görüntüyü gri görüntüye dönüştürebilirsiniz, ancak yine de rgba kanallarıyla kaydedebilirsiniz. Bir ağırlık değerini alfa kanalında saklayın ve daha sonra, bir piksele ne kadar boya uygulanacağına karar vermek için bunu kullanın. bu ağırlık, rengin beyaza ne kadar yakın olduğuna bağlı olarak hesaplanabilir. beyaza ne kadar yakınsa piksel o kadar az boya uygulanmalı ya da ağırlık o kadar düşük olmalıdır. bu, çoğu parlaklığı orijinal hafifliği ile bırakacaktır, ancak boyaya biraz uygulayacaktır. Son piksel rengi daha sonra Ro + (Rd * Ao) her kanalın hesaplanmasıyla bulunabilir; burada Ro, orijinal kırmızıdır, Rd, boya rengindeki kırmızıdır ve Ao, orijinalin Alfa'sıdır. bu nedenle tüm beyaz pikseller yeni renk almaz ve tüm siyah pikseller boya rengini alır.