class_name Player extends CharacterBody2D\n\n@onready var animation = $Animation # Stelle sicher, dass $AnimatedSprite2D der korrekte Name deines AnimatedSprite2D Nodes ist\n\nvar speed = 200 # Einheit: Pixel pro Sekunde\n# ... (restlicher Code)<\/pre><\/div>\n\n\n\n@onready var animated_sprite_2d = $Animation<\/code><\/strong>: Dies ist eine bequeme Methode, um auf Kind-Nodes zuzugreifen. $AnimatedSprite2D<\/code> ist eine Kurzform f\u00fcr get_node(\"Animation\")<\/code>. onready<\/code> stellt sicher, dass die Variable erst initialisiert wird, wenn der Node und seine Kinder in der Szene bereit sind.Wichtig: <\/strong>Der Name hinter dem $ muss genau der Bezeichnung im Node-Dock entsprechen.<\/p>\n\n\n\n\n- Navigiere zur Funktion
_physics_process(delta)<\/code>. Hier werden wir die Logik f\u00fcr die Animationen hinzuf\u00fcgen.<\/li>\n<\/ul>\n\n\n\n\n- <\/li>\n<\/ol>\n\n\n\n
# player.gd\n# ...\n\n# Called every frame (gut f\u00fcr visuelle Updates)\nfunc _process(delta):\n\t# rotation_degrees += 45 * delta # <<-- diese Zeile kann nun gel\u00f6scht werden\n\tpass\n\nfunc _physics_process(delta):\n # ... (Dein Bewegungs-Input Code zur Berechnung von 'direction') ...\n\n velocity = direction * speed\n move_and_slide()\n\n # Animationssteuerung\n\tvar anim_name = \"idle\" # Standard-Animation ist \"idle\"\n\n\tif velocity.length() > 0.1: # Pr\u00fcfe, ob sich der Player bewegt\n\t\t# Wenn der Player sich bewegt, spielen wir die \"walk\"-Animation.\n\t\tanim_name = \"walk\"\n # Da wir nur eine Animation \"nach rechts\" haben, spiegeln wir den Player ggf.\n\t\tif velocity.x > 0:\n\t\t\tanimation.flip_h = false\n\t\telse:\n\t\t\tanimation.flip_h = true\n\n # Spiele die entsprechende Animation, aber nur, wenn sie nicht bereits l\u00e4uft\n\tif animation.animation != anim_name:\n\t\tanimation.play(anim_name)\n<\/pre><\/div>\n\n\n\nErkl\u00e4rung des Codes<\/strong><\/p>\n\n\n\n\nvelocity.length()<\/code><\/strong>: Der velocity<\/code>-Vektor hat eine L\u00e4nge, die seiner Geschwindigkeit entspricht. Wenn der Player stillsteht, ist velocity<\/code> ein Vector2.ZERO<\/code>, und length()<\/code> ist 0<\/code>. Wenn er sich bewegt, ist length()<\/code> gr\u00f6\u00dfer als 0<\/code>. Wir verwenden einen kleinen Schwellenwert (0.1<\/code>), um sicherzustellen, dass wir nicht auf winzige, unmerkliche Bewegungen reagieren.<\/li>\n\n\n\nanimation: AnimatedSprite2D<\/code><\/strong>: Dies ist die @onready<\/code> Variable, die eine Referenz auf deine Animation enth\u00e4lt.<\/li>\n\n\n\nif velocity.x > 0: animation.flip_h = false<\/code><\/strong>: Wenn der Spieler sich nach rechts bewegt (velocity_x<\/code> ist positiv), wollen wir, dass der Sprite normal aussieht, also setzen wir flip_h<\/code> auf false<\/code>.<\/li>\n\n\n\nelse velocity_x < 0: animation.flip_h = true<\/code><\/strong>: Wenn der Spieler sich nach links bewegt (velocity_x<\/code> ist negativ), wollen wir, dass der Sprite gespiegelt<\/em> wird, also setzen wir flip_h<\/code> auf true<\/code>.<\/li>\n\n\n\nanimation.animation != anim_name<\/code><\/strong>: Diese Pr\u00fcfung ist wichtig! Sie verhindert, dass wir die play()<\/code>-Methode in jedem einzelnen Frame aufrufen, wenn die gew\u00fcnschte Animation bereits l\u00e4uft. <\/li>\n<\/ol>\n\n\n\n
\n\n\n\nSchritt 4: Speichern und Ausf\u00fchren<\/h3>\n\n\n\n\n- Speichere dein
player.gd<\/code> Skript (Strg + S).<\/li>\n\n\n\n- Stelle sicher, dass deine
player.tscn<\/code> und coin.tscn<\/code> ebenfalls gespeichert sind.<\/li>\n\n\n\n- F\u00fchre dein Projekt aus (F5).<\/li>\n<\/ol>\n\n\n\n
Jetzt sollte sich dein Player:in bewegen und zwischen „idle“- und „run“-Animationen wechseln, je nachdem, ob er sich bewegt oder stillsteht! Wenn du separate Richtungsanimationen hinzugef\u00fcgt hast, wird er sogar in die entsprechende Richtung „laufen“.<\/p>\n\n\n\n
\n\n\n\nDein n\u00e4chster Schritt<\/h3>\n\n\n\n
Sieht doch gut aus! Du hast gelernt, wie man AnimatedSprite2D<\/code> nutzt, um komplexe Animationen per Skript zu steuern. Das gibt deinem Spiel sofort viel mehr visuelles Feedback und Tiefe.<\/p>\n\n\n\nAls N\u00e4chstes erg\u00e4nzen wir Animationen und Soundeffekte, die abgespielt werden, wenn der Spieler eine M\u00fcnze einsammelt.<\/p>\n","protected":false},"excerpt":{"rendered":"
Nachdem unsere M\u00fcnzen nun schick animiert sind, ist der n\u00e4chste logische Schritt, auch unseren Player zu animieren. Dadurch wird das Spielgeschehen noch dynamischer…<\/p>\n","protected":false},"author":2,"featured_media":631,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[35,43,34,37],"class_list":["post-621","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-godot","tag-2d-game","tag-animation","tag-godot","tag-sprite"],"_links":{"self":[{"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/posts\/621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/comments?post=621"}],"version-history":[{"count":2,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/posts\/621\/revisions"}],"predecessor-version":[{"id":632,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/posts\/621\/revisions\/632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/media\/631"}],"wp:attachment":[{"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/media?parent=621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/categories?post=621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/tags?post=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}