2012-10-15 9 views
10

player stackTuval yerine div gibi HTML elemanları ile çalışan bir JavaScript fizik kütüphanesi var mı?

Ben oyuncular adet kazanan bir eli toplama bitirme ne kadar yakın takip etmek için etrafında numaralı parçaları taşımak bir oyun için basit bir yığın üzerinde çalışıyorum.

Şu anda jQuery UI'sinin sürüklenebilir ve atlatılabilirliğiyle gittim. Kolayca başlamak için iyidir, ancak parçalar her seferinde sadece bir parça taşınır: http://cssdeck.com/labs/cowmmudd/4.

  • JQuery UI'yi kullanmak yerine hareketli parçaları gerçek bir JavaScript fizik kitaplığına dış kaynak olarak kullanmak istiyorum. (Böylece, mavi 4'ü üst sıradaki tüm satırları sola doğru hareket ettirdiğinde, bu satırdaki tüm parçaları zorlar.)
  • Parçalarımı temsil etmek için normal HTML öğelerini kullanmaya devam etmek istiyorum çünkü bunlar daha kolay stil ve sebep hakkında. (Tüm JavaScript fizik kütüphaneleri Ben kullanım canvas bir göz almış ancak Google kez yaptığı gibi ben te aynı başarmak istiyorum: http://mrdoob.com/projects/chromeexperiments/google-gravity/)

birisi yerleştirme ve normal çarpışmasını kontrol minimalist örnek sağlayabilir, değil- tuval HTML elemanları bildikleri en iyi JavaScript fizik kütüphanesini kullanarak?

+0

Emin gitmek yoludur ek bir harici kitaplık kullanıyor musunuz? ne zaman bırakılırken fayansların aynı yükseklikte kontrol edilmesi ve eğer hareket ettirilebilselerdi onları canlandırırlar mı? –

+1

@BenjaminGruenbaum Fizik, matematik ve geometri alanında tam bir noob olduğumdan, çok fazla sürdürülemez kod yazmak istemiyorum. Oyun nesnelerinin özelliklerini beyan etmek ve uygun bir kütüphaneye sahip olmak benim için çarpışma ve yerleştirme ile ilgilenmek istiyorum. –

+1

box2d'nin JS sürümünün tuval kullanarak bir hata ayıklama oluşturucusu vardır, ancak bu yalnızca varsayılan değerdir. Nesneleri istediğiniz gibi render edebilirsiniz - simülasyon ve çizim bağımsızdır. –

cevap

4

Ben şimdiye kadar bulduk en basit örnek: http://bl.ocks.org/3411189

Güncelleme: Benim parçalara Basit adaptasyon: http://cssdeck.com/labs/fe3z2cfx/6

+1

Bu linklerden herhangi biri uyarı vermeden silinebilir mi, yoksa kalıcı fikstür midir? Çoğu durumda, cevabınızdaki gerçek kodu yapıştırmaktan ve bağlantıya başvurmaktan daha iyidir. Aksi halde, kaynaklarınız aniden kaybolursa, cevabınız işe yaramaz hale gelir. Ayrıca bkz. Http://meta.stackexchange.com/questions/8231/are-answers-that-just-contain-links-elsewhere-really-good-answers –

+0

@RobertHarvey: Haklısınız, cssdeck'i düzenleyeceğim sizin önerileriniz! –

+0

@RobertHarvey: Yanıtımı iki kısa JS snippet'ini gömme ve orijinal kaynaklarına referans ekleme konusunda güncelledim. –