2012-10-15 8 views
10

player stackCzy istnieje biblioteka fizyki JavaScript, która działa z elementami HTML, takimi jak div, a nie na płótnie?

Pracuję nad zwykłą stosu do gry, w której gracze poruszają numerowanych sztuk wokół śledzić, jak blisko są one do wykańczania zbieranie wygranej sztuk.

Obecnie poszedłem z komendą jQuery UI, która można przeciągnąć i zrzucić. Dobrze jest zacząć od początku, ale elementy można przesuwać tylko po jednym kawałku na raz: http://cssdeck.com/labs/cowmmudd/4.

  • Chciałbym zlecić przeniesienie elementów do prawdziwej biblioteki fizyki JavaScript zamiast korzystania z interfejsu jQuery. (Tak więc, gdy jeden przesunie niebieski 4 w górnym rzędzie do końca, zmusza wszystkie elementy w tym wierszu razem.)
  • Chcę dalej używać normalnych elementów HTML do reprezentowania moich elementów, ponieważ są one łatwiejsze do stylizacji i powód około. (Wszystkie biblioteki fizyki Javascript Brałem spojrzeć na zastosowania canvas ale chcę osiągnąć te same jak Google kiedyś: http://mrdoob.com/projects/chromeexperiments/google-gravity/)

Może ktoś dostarczyć minimalistyczny przykład kontrolowanie położenia i kolizji normalne, not- elementy HTML na płótnie, używając najlepszej biblioteki fizyki JavaScript, o której wiedzą?

+0

Czy na pewno za pomocą dodatkowej zewnętrznej biblioteki jest droga? A co z tym, że po prostu rzucasz klocki na tej samej wysokości podczas upuszczania i czy można je przenieść, aby je ożywić? –

+1

@BenjaminGruenbaum Nie chcę pisać wielu nieosiągalnych kodów, ponieważ jestem kompletnym noobem w fizyce, matematyce i geometrii. Chcę zadeklarować właściwości obiektów gry i mieć odpowiednią bibliotekę, która zadba o kolizje i rozmieszczenie dla mnie. –

+1

Wersja J2 box2d ma renderer debugowania przy użyciu kanwy, ale to tylko domyślne. Możesz renderować obiekty w dowolny sposób - symulacja i rysunek są niezależne. –

Odpowiedz

4

Najprostszym przykładem znalazłem do tej pory: http://bl.ocks.org/3411189

Aktualizacja: Prosta adaptacja do moich kawałków: http://cssdeck.com/labs/fe3z2cfx/6

+1

Czy którekolwiek z tych łączy podlegają usunięciu bez ostrzeżenia, czy są to stałe urządzenia? W większości przypadków lepiej wkleić rzeczywisty kod w odpowiedzi i odwoływać się do linku. W przeciwnym razie twoja odpowiedź stanie się bezużyteczna, jeśli zasoby nagle znikną. Zobacz także http://meta.stackexchange.com/questions/8231/are-answers-that-just-contain-links-elsewhere-really-good-answers –

+0

@RobertHarvey: masz rację, będę edytować cssdeck zgodnie z Twoje sugestie! –

+0

@RobertHarvey: Zaktualizowałem swoją odpowiedź, umieszczając dwa krótkie fragmenty JS i dodając odwołania do ich oryginalnych źródeł. –

Powiązane problemy