Zu diesem Tutorial inspirierte mich Alins Eyes following mouse cursor tutorial in Flash AS3, in welchem man ein süßes dreiäugiges Monster dazu bewegt, den Mauscursor mit den Augen zu verfolgen. Das Gleiche machen wir nun mit Construct 2!
Setup
Wenn ihr wollt, setzt die Eigenschaften des Projektes und des Layout auf
- Layout size 500,500
- Margins 500,500
Ladet die folgenden Sprites und benennt diese entsprechend um.
Layer 0
Background:
Layer 1
Body:
Eye:
Mouth:
Nun baut ihr das Monster wie im obigen Screenshot nach. Für die ganz faulen, hier die Positionen, die ihr im Eigenschaften-Fenster eingeben könnt:
Body: 250, 291
Eyes: 215, 247 und 289, 247
Mouth: 252, 335
Vergesst nicht, noch ein Mouse-Objekt hinzuzufügen.
Drehwinkel der Augen an die Mausposition anpassen
Im event sheet fügt ihr folgende Bedingung ein:
System -> Every tick
und die entsprechende Aktion
Eye -> set angle -> angle(Eye.X, Eye.Y, Mouse.X,mouse.y)
Wahnsinn, das war's! Ich war so von dieser Möglichkeit beeindruckt, dass man sich wie in Alins Tutorial keine Gedanken über trigonometrischen Funktionen machen muss.
Wenn man das Programm startet, sieht man, dass beide Augen sich individuell nach der Mauszeigerposition orientieren.
Bewegung hinzufügen
Nun, jetzt haben wir ein Monster, welcher aus drei Objekten besteht (body, eyes, mouth). Meistens hat man aber im Spiel sich bewegende Monster. Also hilft hier das Pin-Verhalten, mit welchem man Augen und Mund an des Monsters Körper anpinnt.
Im Objektfenster (rechts unten) klickt man auf das Augen-Objekt Eye (damit werden alle Augen Instanzen ausgewählt) und fügt denen ein Pin-Verhalten zu. Das gleiche geschieht mit dem Mund-Objekt mouth.
Nun müssen wir Construct 2 mitteilen, dass diese Objekte dem Körper-Objekt body angepinnt werden sollten. Dies geschieht im Event sheet mit der folgenden Bedingung:
System -> On start of layout
mit den Aktionen
Eye -> Pin to object -> Pin to Body / Mode: Position only
Mouth -> Pin to object -> Pin to Body / Mode: Position only
Um die Richtigkeit des Anpinnens zu überprüfen, wies ich dem Monsterkörper-Objekt body das Sinus Verhalten zu.
Mehrere Monster
Wählt alle Körperteile des Monsters aus und mit STRG-C und STRG-V kopiert und setzt man eine neue Instanz des Monsters ein. Man kann dem neuen Kerlchen entsprechend in seiner Größe und Position umgestalten. Auch dieser wird den Mauszeiger mit den Augen verfolgen.
Eure Hausaufgabe
Im Originaltutorial von Alin sieht man statt einem Mauszeiger ein Keks. Das dürftet ihr auch mit Construct 2 schaffen können! ;-)