2011-08-18 43 views
12

HTML5 kanvasına sahip bir oyun yaşıyorum ve ilk denemem için temel kullanıcı girişi ile basit bir araba animasyonu yapmayı denemeye karar verdim. Sanırım temel giriş ve hareketle oradaki yolun çoğunu yapıyorum ama sadece biraz daha ileriye götürebileceğimi görmek istedim.HTML5 tuvaliyle basit bir araba oyunu yapma

Demo

: Ben bir resim yükleme var http://jsfiddle.net/mpxML/20/ (ok tuşları)

, bunu da tercüme noktasıdır, hareket eden bir siyah kare görebilirsiniz veya araba nerede dan yöneltmektedir. Bir şekilde daha yüksek hızlarda elde edilebilecek bir sürüklenme etkisi yaratmak istedim. Aynı zamanda hareket etmediğinde de dönüşebilir, bu doğru değil.

Neyse, arabayı daha yarı gerçekçi kılmak için hangi mantığa ihtiyacım olduğunu bilmiyorum.

Teşekkürler

+3

Hayır t yararlı bir yorum ama sadece güzel iş demek istiyorum! Arabayı çerçeveden sürdüm ve şimdi onu kaybettim lol! –

+0

Hey teşekkürler haha.Evet, bazı sınırların gerçekten işe yaraması lazım! – Henryz

cevap

6

Dönüşü düzeltmek için bir şeyler yapmanız gerekir. böyle:

hız 0'dır ve almak için ileriye aracın dönme merkezini taşımak ve araba ona kendini üzerinde dönmesine izin vermelidir ötelenme etkileri

dönüm ters çözecektir bu dönmesini engeller

car.angle = car.angle - (car.handeling * car.speed/car.topSpeed); 

Gerçekten dönmeden

+0

Bu gerçekten işe yaradı! Şimdi hareket etmediğimde, dönemiyorum, hareket ettiğimde sıkı bir dönme çemberi alabilirim. Ama hızlı giderken, işlem verimliliğinin daha düşük olmasını istiyorum. Yapmayı düşünüyordum (taşıma/hız). Keşke bunu çözmede daha iyi olsaydım .. Sorun şu ki, bir kez ters gittiğinizde, kullanım dağınıklık olur.>. < – Henryz

+0

Eğer bir sabit yarış pisti geliştirecekseniz (kaydırma yok) gerçekten zor. Zaten birkaç yıl önce 2d yarışını karıştırdım ve çok iyi sürüklenemedim. Ya çok zordu ki bunu fark edemediniz ya da farkedilebiliyor ve çok zor işleniyordu. – JSantos

4

Harika küçük demo, buna bayıldım! Ben sürmüyorum, bunlar benim fikirlerim. Sana gerçekçilik için gitmek yok mu, denemenizi öneririz - Eğer bir oyun yapıyoruz unutmayın, eğlenceli :)

Geri vites düzgün ters çalışması yapacak

için gitmek istiyorum tersine, geleneksel araba hareketlerinden beklediğim yöne dönmez.

çevirme hızı/açısı belli bir miktarda olduğu zaman

Bu tetiklenecek olan yayılan. Bu koşullar yerine getirildikten sonra hızlandırmak anahtar

Ben

Torna basılmamış olana kadar yönden ~ açı 30 derece araba (şimdiki yönünü kilitleyerek) bir daha dönmesini önlemek gibi bir şey yapabileceği ve Bir sürücü değil, ama daha yavaş bir hızdayken dönme açısının daha da sıkı olacağını düşünürdüm, belki de bunun için basit bir formül, hız ve dönüş miktarı arasındaki bir ilişkiyi yarat.

Shameless fiş

ben Scirra.com için çalışmak ifşa etmek zorunda ve biz HTML5 oyunlar için programı yapma Windows oyunudur bazı yazılımlar Construct 2 (Download), var, sizin için bir göz (değer olabilir hedeflerinize bağlı olarak)! JavaScript ile genişletilebilir, böylece kendi hareket davranışlarınızı yazabilir ve diğer insanları da kullanabilir, araba oyunları çok daha görsel ve daha kolay hale getirebilir (görüşümüze göre!)

+0

Hey, geri bildirim için teşekkürler :) Sürüklenenler hakkında iyi yorumlar, bunu çalışmaya çalışacağım! Dönüm dairesinde çalışıyorum ve ayrıca Construct 2'ye de göz atacağım :) – Henryz