Bir oyunu programlamak için XNA kullanıyorum ve spritelarım üzerinde 'seçilmiş' bir etki elde etmenin çeşitli yollarını deniyorum. Karşılaştığım sorun, spritebatch'te çizilen her bir tıklanabilir öğenin, tek bir sprite kullanılarak çizilmesidir (her nesne 6 spritedan oluşabilir).
Birisi bana, X piksellerinin sprite'larına anahat eklemeyi nasıl başarabilirim konusunda tavsiyede bulunabilirse sevinirim.
Şimdiden teşekkürler,
Yanıtlar:
Bunu yapmanın en kolay yolu (performans için gerçekten zorlanmadığınız sürece muhtemelen en iyi yol), spritelarınızdan iki kopyasına sahip olmaktır.
Nesnenizi "yağ" versiyonunu kullanarak çizin, ardından normal versiyonun üzerine çizin.
"Yağ" sürümünü beyaz yaparak, seçim rengini dinamik olarak değiştirmek için SpriteBatch'in yerleşik renk renklendirmesini kullanabilirsiniz.
"Şişman" verison'ınızı oluşturmak için orijinal spritelarınızı otomatik olarak alabilen, alfa kanallarını okuyan, orijinal alfadaki maksimum alfa kanalını her pikselin etrafına örnekleyerek yeni alfa kanalı oluşturmanızı sağlayan bir İçerik Boru Hattı Uzantısı yazmanızı öneririm. ve RGB = (1,1,1) ayarı.
Spritelarınızın hepsinin anahatları eklemek için yeterli saydam kenarlıkları olduğundan emin olmalısınız (bunu içerik işlemcide kontrol edebilirsiniz - ve gerekirse de yer açın).
Eğer sadece birkaç karakteriniz varsa, o zaman sadece iyi bir görüntü düzenleyici (GIMP, Photoshop) kullanabilir ve elle yapabilirsiniz: Seçimi yapmak için alfa kanalı, seçimi genişletmek, alfayı seçmek, renkli kanalları beyaz doldurmak.
İlk önce her bir nesneye tek bir sprite çeken bütün parçaları çizmeniz gerekiyor. Öyleyse, sprite kenarlarını tespit etmek için bir gölgelendirici yazmak zorunda kalacağınızı düşünüyorum. Bunu yapmak için zaten kullanabileceğiniz veya kullanabileceğiniz bazı gölgelendiriciler olması gerektiğini düşünüyorum.
Gereksinimlere bağlı olarak, etkili olabilecek şey sadece sprite için talep üzerine bir taslak oluşturmaktır. Sprite'larınızın şeffaflığa sahip olduğunu ve sadece dikdörtgen olmaktan ziyade düzensiz şekilli olduklarını farz ediyorum (bunun için iyi çalışsa da, anahat dikdörtgenleri önemsiz olmalı).
when selected:
outline = new sprite canvas of appropriate size
for sprite in object:
# use larger numbers for thicker outlines
for x in (-1, 0, 1) and y in (-1, 0, 1):
render sprite mask into canvas at x,y with desired colorBunu her çizimde yapmanız gerekmediğine dikkat edin (sanırım yapabildiğiniz halde), ancak sprite'ları değiştirirken yeni anahat sprite'ı oluşturun.
En basit kaba kuvvet yaklaşımı, normal ve vurgulanmış her bir sprite için iki kopya oluşturmaktır. Ardından vurgulandığında onları değiştirin.
Yedeklenecek hafızanız varsa, bundan daha karmaşık hale gelmenize gerek yoktur. Ayrıca sanatçılar, vurgulandıklarında görünüm üzerinde tam kontrole sahipler, böylece bir taslak veya istediğiniz herhangi bir şeyi yapabilirsiniz.
Her sprite için, temel sprite'ın bir taslağı olan başka bir sprite da var. Seviyelendirilmiş bir nesneyi çizerken, temel spritleri çizin, ardından birleştirilmiş işlemenin bir maskesini yapın, ardından maskenin dışındaki anahat sprite'larını çizin.
Farklı ticaretlerle birlikte birkaç farklı çözüm.
En kolay: Nesneyi düz bir renk kullanarak birden çok kez renderleyin ve konumu titreyin (sola, yukarı, aşağı, sağa vb.), Bu, üzerine ne koyduğunuzun ana hatlarını oluşturur; Çok fazla fazla işlenmemiş yağ sınırlarına izin verin. Bir veya iki piksel kenarlık 4x ile tamam olabilir.
En hızlı: Dokuyu önceden işleyin ve zaten kenarlıklı olan veya yalnızca kenarlık olan bir kopyasına sahip olan veya gölgelendiricide renklendirebileceğiniz düz gri tonlamalı 8 bitlik bir maskedir. Bu büyük olasılıkla bellek pahasına hızlı olacaktır.
En İyi: Benim fikrim, ancak nesnenizin İmzalı Mesafe Alanı (SDF) gösterimini oluşturmak muhtemelen en iyi çözüm olacaktır. Bu dokular kaynak dokusundan çok daha küçük olabilir ve yine de yararlı veriler yakalayabilir. Temel olarak her piksel, onu oluşturmak için kullanılan nesneden ne kadar uzakta olduğunu kodlar. Elinizdeki bu verilerle, parlamadan ana hatlara kadar her türlü efekti yazabilirsiniz. Sınır, boyut ve renk vb. Gibi değişebilir ve hala nispeten ucuz bir gölgelendirici ve sadece bir ekstra çizimdir. Dezavantajı takım ve ön işleme.
Verimlilikten emin değilim, ancak görebildiğim en kolay yol, sprite'ın daha büyük bir versiyonunu önce seçtiğiniz renge çekmek olacaktır. Bunun üzerine sprite çizin. Seçimin etkisini veren yalnızca ilk sprite kenarını göreceksiniz.
EDIT: Ancak, yorumlardan görebileceğiniz gibi, bu iyi bir fikir değil.
Sprite'ı büyütmekle aynı fikirdeyim. En kolay rotaya kadar ve özellikle bu amaç için ek sprite oluşturmak zorunda kalmadan HERHANGİ bir sprite seçmeye uygulayabilirsiniz.
Orijinal sprite rengini anahat rengiyle değiştirin (veya isterseniz renklendirin). Bu düz gölgeli veya renkli sprite dört kez 1 piksel ofset ile işlenir: x, y = (- 1, -1), sonra (+ 1, -1), sonra (-1, + 1) sonra (+1) , +1). Nesneyi oluşturan tüm sprite için tekrarlayın.
Bundan sonra, orijinal spriteları (0,0) 'da üst üste uygun sırayla yapın.