Czy na DWÓCH JS odpowiada TRZY JS

Question

Poruszam się dobrze ucząc ThreeJS jako interfejsu do WebGL. Dziękuję wszystkim za poprzednią pomoc.

Opracowuję nowe podejście do 3D Dynamics i chciałbym, aby komponent 3D był dostępny w podręczniku. Przykłady można znaleźć tutaj: http://eon.sdsu.edu/~impellus/DMF/

Nie są najlepsze, ale się uczę.

Równolegle chciałbym zbadać niektóre animacje w statystykach 2D i dwuwymiarowych swobodnych diagramach ciała. Celem jest przedstawienie obiektu, wycięcie jego aspektów i zastąpienie odrzuconej sekcji siłami (w zasadzie: interaktywne konstruowanie dowolnych diagramów ciała poprzez usuwanie kontaktów). Normalnie rozważałbym Flasha, ale odradzono mi go.

Widać tutaj, że użyłem threejs stworzyć poradnik 2D na usprawnia, streaklines, pathlines:

http://eon.sdsu.edu/~impellus/FLOW/

Ale mam wrażenie, że to nie jest naturalne wykorzystać moc threeJS 2D interaktywne animacje.

Czy mogę zapytać, czy istnieje wersja JS dla dwóch JS? Myślę, że samo zadanie pytania powinno być dowodem na to, czego szukam, ale pozwólcie, że ja będę bardziej jasny. Szukam interfejsu do webGL, który jest dedykowany animacjom 2D. Tak, mogę użyć trzyJS, ale myślę, że to byłby błąd. Czy ktoś mógłby mnie prowadzić?

Answer 1

Spróbuj szczęścia z tej listy silnik gry javascript:

https://github.com/bebraw/jswiki/wiki/Game-Engines

Niektóre z nich są przeznaczone do animacji 2D sprites lub fizyki box2d.

Ponadto istnieje komercyjne produkty do rysowania animacji 2D HTML5, jak http://www.sencha.com/products/animator/

Answer 2

ja również zbadać zastosowanie silnika 2D, ale w końcu po prostu używane Three.js. Jeśli ustawisz kamerę tak, aby nigdy nie poruszała się w kierunku Z i nie umieszczała wszystkich elementów wizualnych na tej samej płaszczyźnie z = stała, to jest to silnik 2D.

Jedyne, co musisz rozwiązać, to kolejność elementów na płaszczyźnie. Jednym ze sposobów jest przypisanie każdemu elementowi nieco innej wartości Z:

Na przykład, jeśli rysujesz na płaszczyźnie Z = 0, możesz ustawić element 1 do narysowania na Z = 0 i element 2 na Z = 0,0001, więc element 2 będzie zawsze rysowane na wierzchu elementu 1.

lepszy sposób osiągnąć oo zamówienie byłoby włamać silnik i ustawić kolejność rysowania dla każdego elementu w celu zmuszenia jeden element należy wyciągnąć przed innym.

Innym problemem związanym z używaniem pliku three.js jest to, że (w chwili pisania) nie obsługuje on bardzo dobrze ikonek 2D.

Answer 3

został niedawno wydany - jest to silnik 2D wspierany przez WebGL w celu zwiększenia wydajności, ale z funkcją zastępowania arkuszy 2D w celu zapewnienia zgodności. Nie używałem go sam, ale warto to sprawdzić.

Answer 4

Zobacz dwójkę Jono Brandela!

https://github.com/jonobr1/two.js

Nicea demo tutaj: http://jonobr1.github.io/two.js/

Answer 5

znalazłem IvanK dość szybko i funkcja zakończenia mieć dużo więcej funkcji niż Pixijs.

Sprawdź to (ma webgl, canvas, rendery svg z automatycznym wsparciem awaryjnym).

http://lib.ivank.net/?p=demos

znalazłem inną bibliotekę, fabricjs.com, dość mocny, ale powolny.