Three.js Verwenden von 2D-Texturen \ Sprite für Animationen (planeGeometry)

8

Ich bin ziemlich neu in html5 und three.js. Ich habe ein bisschen damit experimentiert, und im Grunde genommen möchte ich ein Mesh haben (ich benutze planeGeometry, da das Tutorial, dem ich gefolgt bin, es benutzt hat). Das Mesh zeigt verschiedene Texturen, die sich später ändern können.

So sieht mein Code aus:

%Vor%

Das Problem ist, dass das Mesh immer groß genug ist, um alle anderen Sprites anzuzeigen (ich benutze die Textur als 2D-Sprite, den ich versetze, um es zu animieren). Das Ergebnis ist ziemlich katastrophal und ich finde immer noch heraus, wie man kontrollieren kann, wie groß das Mesh ist, so dass es nur einen Schnappschuss des Sprites zeigt. Alle meine Versuche scheinen nur das Mesh und die darunter liegende Textur zu verändern und zeigen immer noch alle Sprites.

Kann mir jemand in die richtige Richtung zeigen? Vielen Dank im Voraus.

...

Mein Freund hat eine Lösung gefunden ... Ich habe die Wiederholungseigenschaft verpasst.

%Vor%

Hoffe, das hilft anderen, das gleiche Problem zu haben.

    
Spolarium7 16.04.2013, 04:59
quelle

1 Antwort

15

Ich hatte die gleiche Frage vor einer Weile und habe ein vollständiges Beispiel der Animation mit einem Spritesheet als Textur für eine PlaneGeometry geschrieben und dann die Textur in regelmäßigen Abständen aktualisiert - schau dir das Beispiel bei

Ссылка

und sehen Sie sich den kommentierten Quelltext für weitere Erklärungen an.

    
Lee Stemkoski 16.04.2013, 13:55
quelle

Tags und Links