Tıklama hareketi ile bir alanı nasıl sınırlayabilirim?

Biraz genel bir başlık için özür dilerim. Yapmaya çalıştığım şeyi nasıl yapacağım konusunda pek bir fikrim yok, bu da olası bir çözümü araştırmayı bile zorlaştırıyor.

Ben bir çeşit yol işaretleyici uygulamaya çalışıyorum (belki de bunun için en uygun isim var, ama bu ben gelebilir en iyisidir).

Oyuncunun önünde, oyuncunun sırasını planlamayı bitirdiğinde nasıl hareket edeceğini belirleyecek bir yol işaretçisi olacaktır. Oynatıcı işaretçiyi tıklatıp seçtiği konuma sürükleyebilir, ancak işaretleyici yalnızca tanımlı bir çalışma alanı (gri bit) içinde taşınabilir.

Şimdi iki sorunla karşılaştım:

Her şeyden önce, bu uygulanabilir alanı tam olarak nasıl tanımlamalıyım? Oynatılabilir açıyı oluşturmak için oyuncuya bir başlangıç ​​noktası olan iki vektör hayal edebilirim ve belki de bu iki yay, oynatıcının bulunduğu merkezi olan çevrelerden gelebilir, ama kesinlikle bunların nasıl koyacağını bilmiyorum birlikte.

İkincisi, işaretçinin yerleştirilebileceği alanı tanımladıktan sonra, işaretçinin yalnızca bu alanda kalmasını nasıl zorlayabilirim? Örneğin, oyuncu işaretleyiciyi tıklayıp sürüklerse, çalışma alanı içinde serbestçe hareket edebilir, ancak alanın sınırlarını terk etmemelidir. Örneğin, oyuncu işaretleyiciyi yukarı doğru sürüklemeye başlarsa, çalışma alanının sonuna gelinceye kadar yukarı doğru hareket edecektir (aşağıdaki ilk diyagram), ancak bundan sonra oyuncu yanlara doğru sürüklemeye başlarsa, işaretçi hareketsizken sürüklemeyi takip etmelidir. (aşağıdaki ikinci diyagram).

Umarım bu çok kafa karıştırıcı değildir. Teşekkürler beyler.

Düzenleme: Bu bir fark yaratıyorsa, Marmalade SDK ile C ++ kullanıyorum.

Sorunuzdaki gibi çalışılabilir bir alanı üç değerle tanımlayabilirsiniz:

float innerRadius;
float outerRadius;
float maxAngle;

Bu değerler , oyuncunun pozisyonu olabilecek veya olmayabilecek bir merkez noktaya dayanacaktır . Çalışılabilir alanın şekli, bu noktayı nereye yerleştirdiğinize bağlıdır.

Yukarıdaki örnekte, orta konum , oynatıcının arkasında belirli bir mesafe (diyelim ki 50 birim) bulunmaktadır . Bu kolayca şu şekilde hesaplanabilir:

float offset = -50;
Vector2 centerPosition = playerPosition + offset * playerForward;

İşaretçinin konumunu çalışılabilir alanla sınırlamak için, önce işaretçiyi normal şekilde hareket ettirin . Ardından , merkez nokta ile işaretçi arasındaki mesafeyi doğrulayın :

Vector2 direction = markerPosition - centerPosition;
float distance = direction.Length();
direction.Normalize();
markerPosition = centerPosition + direction * clamp(distance, innerRadius, outerRadius);

Son olarak, işaretçinin açısını belirtilen aralığa doğrulayın . Bunun için sözde kod kullanacağım:

- Find angle between vector C->M and vector playerForward
- If abs(angle) <= maxAngle Then do nothing
- Else If angle > 0 Then rotate M around C by maxAngle-angle
- Else If angle < 0 Then rotate M around C by -maxAngle-angle

Etrafında bir noktayı nasıl döndüreceğinize bakın. Trigonometri veya bir dönüşüm matrisi ile yapılabilir.

Ayrıca işaretçinin boyutunu dikkate almak ve telafi etmek için yarıçapı ve açıyı biraz daha küçük yapmak isteyebilirsiniz.

Düzenleme: İkinci düşüncede, önce açıyı, sonra mesafeyi doğrularsanız daha doğal görünebilir, bu yüzden her iki alternatifi de deneyin!

Şeklin düzensiz olması ve sorunun matematiksel olarak tanımlanmaması durumunda sorunun nasıl çözülebileceğini düşünüyordum. Uyarı: Bu, kalp zayıflığı için değil, kirli bir çözümdür.

1. Bölgenizi alın:

2. Ve tek renkli bir bitmap'e dönüştürün:

ve ölçek_0 olarak adlandır

3. Bitmap'i klonlayın ve% 50'ye kadar ölçeklendirin:

ve ölçek olarak adlandırın

4. 4 piksel genişlik / yükseklikten daha küçük bir bitmap olana kadar:

ölçek: 2, 3, 4, 5, 6

5. Şimdi farklı çözünürlüklerde monokrom bitmapler olarak alanımız var:

6. Son görüntüyü (burada "scale_6") alın ve tüm pikselleri arasında yineleyin.

• her pikselin koordinatlarını ekran koordinatlarına x = Math.pow ( 2, scale_level );çevirir : burada scale_level "scale_" dan sonra eklediğimiz sayıdır. Dörtlü bir ağaç seviyesi olarak da çalışmamıza rağmen, buna dörtlü bir ağaç seviyesi de diyebiliriz. Aynı işlemi y ile yapın.
• çevrilmiş x & y'deki pikselin siyah olup olmadığını kontrol edin. Değilse, o zaman şeklin bir parçası değildir ve sadece continuedöngünün bir sonraki adımına geçmelisiniz
• pikselin fare imlecine daha önce kontrol edilen pikselden daha yakın olup olmadığını kontrol edin - evet ise, pikselin koordinatlarını kaydedin - çevirmeden önce, bitmap içindeki koordinatlar olan koordinatları kullanın.
• döngünün sonunda, bu koordinatları 2 ile çarpın: x *= 2; y*=2;sonraki görüntüdeki koordinatlara dönüştürmek için (önceki ölçek)

7. Önceki görüntüyü çekin (burada "scale_5"), ancak tüm piksellerde döngü yapmayın; x = kaydedilmiş_x ile başlar ve x = kaydedilmiş_x + 2 ile biter, y ile aynıdır. Yani, şimdi her seviye için sadece 4 piksel döngü olacak! Gerisi s. 6.

8. İlk resmi çekin (en büyüğü = en büyük çözünürlüğe sahip olanı), tekrar 4 piksel arasında döngü yapın ve sonunda fare imlecine en yakın piksele sahip olun:

9. Ancak, "M" yi burada bir nokta olarak ele alıyorum. Tamamen uyan bir daire olmasını istiyorsanız, önce şekli circle.radiuspiksel olarak daraltmanız (daraltmanız) gerekir .

Bu algoritmanın yalnızca tek renkli değil, gri tonlamalı görüntüler kullanacağınız ve bir pikseli beyaz değilse "dolu" ve tam olarak beyazsa "boş" olarak kullanacağınız zaman işe yarayacağını düşündüm. VEYA yeniden boyutlandırıyorsanız algoritma, bu 4 pikselden en az birinin beyaz olmadığı her seferinde 4 piksellik her grubu 1 siyah piksele dönüştürür.