2d-Sprite-Animationen ohne Verwendung von XNA oder anderen third-party-Bibliotheken

Erstellen Sie ein einfaches Spiel, ähnlich wie das, was kann erstellt werden, mit RPG-Maker. Was ich Suche in Erster Linie nach der im moment ein tutorial, das kann guide Sie mir, wie Sie, um es zu erreichen, ohne Verwendung von XNA oder andere spezifische Bibliothek.

Das ideal wäre eine Schritt-für-Schritt-tutorial oder eine gute, leicht verständliche Beispiel.

Mein Ziel ist es auf meine eigene, und kommen zu verstehen, wie der gesamte Prozess funktioniert mit Bezug auf animation Elemente in Bezug auf einander.

Habe ich bereits gebaut ein einfaches snake-Spiel in der Vergangenheit mit einem einfachen tutorial, aber es gab keine Bewegung animation, und das ist die primäre Sache, die ich lernen will weiter.

Edit:

Alle tutorials die ich gefunden habe, bisher die Verwendung von third-party-Bibliotheken. Ich kam über dieser link, aber ich bin auf der Suche nach etwas, was nicht enthalten XNA.

gamedev.stackexchange.com/questions/7792/... Dieser link sollte deine Frage zu beantworten denke ich. Gibt es weitere links mit netten Seiten. Ich hoffe, das hilft. Viel Glück.
mhh nicht wirklich, was ich war hopping, weil Sie alle mit thirdpart lib ist, was ich nicht will

InformationsquelleAutor WiiMaxx | 2013-04-19

2d animation c#sprite

15

Gibt es eine Reihe von Herangehensweisen an das Thema, das du da beschreibst. Ich werde Ihnen ein bisschen einen überblick, und dann hoffentlich einige Ressourcen, die Ihnen Beispiele für den Einstieg.

Im wesentlichen, sprite-basierte Animationen drehen sich um mit einer Reihe von ähnlichen Bildern, die-wenn Sie angezeigt sequentiell, schaffen den Eindruck von Bewegung, ähnlich wie ein flip-Buch.

Der trick ist zu verstehen, wenn das sprite sich bewegt (und damit animiert werden soll) - und wenn es noch steht (und daher sollte nicht animiert sein). In anderen Worten, vorausgesetzt, dass Ihr Spiel Charakter ist eigentlich nur zu bewegen, während Sie drücken Sie auf ▲, ▶, ▼ oder ◀, die Sie brauchen, um zu erkennen, wenn eine dieser Tasten startet und Stoppt gedrückt wird, so dass Sie können starten/stoppen Sie die animation entsprechend an.

Vorstellen, dass es für die Einfachheit, Sie haben nur 2 sprites. Die erste (Links, unten) repräsentiert deinen Charakter noch steht, und die zweite stellt Ihren Charakter mid-step (rechts, unten):

Wenn die ▶ - Taste ist nicht gedrückt, Sie einfach ständig angezeigt, das erste Bild. Wenn die ▶ - Taste ist gedrückt, Taste schalten Sie zwischen den beiden jeden x Millisekunden (je nachdem, wie schnell Sie wollen, dass die animation angezeigt wird).

Einer animierte .gif ist ein format, in dem Sie enthalten eine Reihe von einfachen Bild-frames, die dazu bestimmt sind, angezeigt werden, als eine Serie (und daher die illusion der animation). Wenn Sie erstellen Sie Ihre sprites, die dieses format benutzen, könnten Sie code verwenden, ähnlich der die man in dieser Diskussion SO, die einige Beispiel-code, wie C# zu werden animiert, animiert .gif und Steuern den start/stop.

Alternativ, wenn Sie wollten, dass die Verwendung einer sprite-Datei (wie die, die ich oben aufgeführt), die Sie verwenden könnte etwas ähnliches zu das CodeProject-code, die sich auf die GDI-Interaktion mit dem Windows-Umgebung, um zu extrahieren und malen Sie einen Teil des Sprites in ein Ziel-canvas. Von Malerarbeiten jeder x Millisekunden (wie oben erwähnt), so kann den gleichen Effekt.

Ein paar Dinge im Auge zu behalten:

Werden Sie behandeln müssen, die Transparenz in Ihre sprites (die Mario-sprite oben, als Beispiel, hat einen transparenten hintergrund) - so dass der hintergrund der Spiel-Umgebung zeigt, durch. Wenn mit GDI - dies alles hat zu tun mit, wie Sie rufen Sie die Malerei Methoden. Wenn Sie eine animierte .gif - Methode zu verwenden, hängt davon ab, wie zeigen Sie es auf Ihrem Fenster.

Für einige zusätzliche Hinweise /Beispiele /Referenzen, schauen Sie sich die folgenden Ressourcen:
- Fortgeschrittene C# - Spiel Machen Tutorial - 2 - Sprites
- 2D-Spiel-Primer (Visual C) - ein älterer Artikel, die spricht ziemlich viel über die Konzepte der sprite-animation-timing-und-so - und gibt einige Beispiel-code (einige DirectX-Beispiele)
- Sprite.cs - nur ein Beispiel für C# - Programmcode für den Umgang mit sprites und der Größe (nutzt OpenGL, also möglicherweise nicht anwendbar)
Und für Sprite-Entwicklung:
- SpritePad - ein tool für die Erstellung von Sprite Sheets
- http://makeagif.com/ - ein tool zum erstellen von animierten gifs online
- http://picasion.com/ - ein anderes animiertes gif-Schöpfer
Ich weiß, Sie stellte diese zurück in 2013, aber ich möchte Ihnen danken für diese Erklärung und links zu einigen Ressourcen! Es ist genau das, was ich Suche.
sehr froh, dass es geholfen hat!

InformationsquelleAutor Troy Alford

Warf ich zusammen, als Beispiel dafür, was ich denke, es ist, dass Sie nachher waren. Dieses Beispiel angewendet werden kann, um Tasten-oder Bild-Boxen. Ich wählte diesen Weg, der von der Einfachheit.

Jede Instanz einer animation hat einen timer, und eine Liste von Bildern. Aktualisierung des Bildes der Ziel-Steuerelement wenn der timer feuert die Veranstaltung.

Hochgeladen habe ich meine Projekt-Datei hier. http://mcspazzy.com/code/ParTest.zip

Hoffentlich ist es genug, um zu helfen. Fragen Sie einfach, wenn Sie brauchen mehr Erklärung.

Klasse

public class Animation
{
    readonly Timer _animtimer = new Timer();

    public List<Image> Frames;

    public int FrameIndex;

    private Button _target;
    private PictureBox _ptarget;

    public void Target(PictureBox target)
    {
        _ptarget = target;
    }

    public void Target(Button target)
    {
        _target = target;
    }

    public int FrameSpeed
    {
        get { return _animtimer.Interval; }
        set { _animtimer.Interval = value; }
    }

    public Animation()
    {
        Frames  = new List<Image>();
        _animtimer.Interval = 100;
        _animtimer.Tick += Update;
    }

    public void Play()
    {
        _animtimer.Start();
    }

    public void AddFrame(string file)
    {
        Frames.Add(Image.FromFile(file));
    }

    public void Stop()
    {
        _animtimer.Stop();
    }

    private void Update(object sender, EventArgs eventArgs)
    {
        FrameIndex++;

        if (FrameIndex == Frames.Count)
        {
            FrameIndex = 0;
        }
        _target.Image = Frames[FrameIndex];
        _ptarget.Image = Frames[FrameIndex];
    }

    public static implicit operator Image(Animation a)
    {
        return a.Frames[a.FrameIndex];
    }
}

Dies war in meinem Form load. Kann wirklich überall hingehen, das Zeug ist initialisiert.

    private void Form1Load(object sender, EventArgs e)
    {

        _testAnim.AddFrame(@"F:\Im\Black.png");
        _testAnim.AddFrame(@"F:\Im\Blue.png");
        _testAnim.AddFrame(@"F:\Im\Green.png");
        _testAnim.AddFrame(@"F:\Im\Orange.png");
        _testAnim.AddFrame(@"F:\Im\Red.png");



        _testAnim.Target(ButtonTest);
        _testAnim.Target(PicBox);


        _testAnim.Play();


    }

schöne Arbeit thanke nach einige Probleme, es funktioniert wie ein Charme 🙂

InformationsquelleAutor Andy

1

Schnelle Suche fand ich dieses Beispiel.
Ich bin nicht sehr erfahren in c# - Grafik, aber hier sind einige Punkte, die ich gelernt habe, die Arbeit mit nicht-Grafik-orientierten Sprachen:
- Erklären wo/was Sie wollen zu ziehen
- Erstellen Sie eine Schleife laufen, bis der abort - /event-Ende der Schleife (wie Objekt, einer Kollision mit etwas)
- In der Schleife: warten Sie, löschen Sie die alte Zeichnung Bereich neu berechnen der neuen position zeichnen Sie in der neuen position
- Wenn nötig können Sie das Bild ändern, um zeichnen zu, aber dann müssen Sie separate Bilder für jeden "frame", die Sie haben möchten
- multithreading ist eine gute Idee, so können Sie separate ausführen der Grafiken von anderen Spiel-Logik
- versuchen Sie halten die Zeit von clearing im Bereich der Zeichnung und re-Zeichnung so kurz wie möglich zu verhindern, flackern
- Verfolgen Sie die Größe der Objekte, die Sie zeichnen, macht es einfacher zu überprüfen Kollision (wie Mitte des sprite + radius, dann können Sie ganz einfach berechnen, ein Kreis um es zu überprüfen, ob zwei sprites sind zu nah an einander)
thx für euer bemühen, aber leider ist es nicht zu erklären, wie animate (lass ihn gehen) ein sprite
Sie brauchen separates Bild für jedes frame, wie animierte gifs. Wechseln Sie, was Bild, das Sie zeigen, je nach situation. Es ist nicht wirklich möglich zu morphen, die Grafik während der Laufzeit. Für die, die Sie benötigen, die richtige 3d-engine und wireframed Grafiken oder Vektor/polygon Lösung. Aber keiner von denen sind keine sprites mehr 🙂
Um es klarzustellen: mit sprites für die animation ist nur eine illusion, die Sie erreichen, indem Sie die Anzeige verschiedener Bilder in Folge.
ich weiß, dass, aber ich weiß nicht, wie Sie diese erreichen. aus diesem Grund bin ich Frage hier für ein Beispiel ...
Haben Sie den link, den ich gepostet? Es ist c# code Beispiel, wie es zu tun.

InformationsquelleAutor Sopuli

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.