Expression-Editor verwenden

Im Template-Editor berechnest du mit einer Expression den Wert einer Eigenschaft, zum Beispiel aus einem Input-Feld oder aus der Position eines anderen Elements. Eine Expression ist eine Rechenregel: Statt eines festen Werts steht in der Eigenschaft, woraus Bluepic den Wert ausrechnet. Ändert sich einer dieser Werte, rechnet Bluepic neu. Im Expression-Editor baust du die Expression per Klick zusammen oder schreibst sie als Code.

Das geht so:

1. Öffne den Expression-Editor für eine Eigenschaft im Properties-Panel.
2. Ändere die Expression per Klick in der visuellen Ansicht.
3. Oder schreibe sie als Code, wenn du lieber tippst.

Brauchst du die Berechnung nicht mehr, wandelst du die Expression in einen festen Wert um.

Expression-Editor öffnen

1. Klicke in der Toolbar oben auf das kursive fx. Das ist das Werkzeug Connect expressions.
   
2. Klicke auf dem Canvas oder im Layers-Panel auf das Element, dessen Eigenschaft du berechnen willst. Im Properties-Panel siehst du seine Eigenschaften.
3. Klicke im Properties-Panel auf die Eigenschaft. Der Expression-Editor öffnet sich als Popup. Das Werkzeug schaltet sich danach aus.
   

Expression per Klick ändern

Der Expression-Editor öffnet sich in der visuellen Ansicht. Sie zeigt die Expression als Bausteine, die du einzeln austauschst.

1. Klicke oben im Expression-Editor auf den Baustein, den du ändern willst. Darunter erscheinen die Tabs Functions, Elements, Variables und Static.
2. Klicke auf den Tab, in dem der neue Wert steht:
   • Functions: Funktionen, sortiert nach Math, Helpers, Logic, Color und Animation.
   • Elements: Werte deiner Elemente, zum Beispiel ihre Position und Größe.
   • Variables: die Variablen deiner Input-Felder und weitere Werte wie TIME.
   • Static: ein fester Wert, also Number, String, Boolean oder Object.
   
   
3. Je nach Tab geht es so weiter:
   • In Functions, Elements und Variables:
     • Klicke in der Liste auf den Eintrag.
   • In Static:
     • Wähle oben die Art des Werts.
     • Gib den Wert ein.
4. Klicke unten rechts auf Update. Der Baustein ist jetzt ersetzt, und die Eigenschaft zeigt sofort das neue Ergebnis.
   Update lässt sich nicht anklicken?

   Update reagiert erst, wenn du in der Liste einen Eintrag ausgewählt hast, der selbst ein Wert ist. Eine Gruppe wie Math reicht nicht. Klicke auf eine Funktion oder einen Wert darin.

5. Klicke bei einer neuen Funktion auf jeden Platzhalter, zum Beispiel 42, und ersetze ihn wie in den Schritten 2 bis 4.
6. Klicke oben links auf ×. Der Expression-Editor schließt sich. Deine Änderungen sind schon übernommen.

Expression als Code schreiben

1. Klicke oben rechts im Expression-Editor auf die spitzen Klammern. Die Code-Ansicht öffnet sich. Mit dem Auge daneben kommst du zurück zur visuellen Ansicht.
   
2. Gib die Expression ein. Jede fehlerfreie Änderung übernimmt Bluepic sofort. Wie du Werte, Namen und Funktionen schreibst, steht in Expression-Syntax.
   Oben rechts erscheint eine rote Meldung?

   Die Expression enthält einen Schreibfehler, zum Beispiel eine fehlende Klammer. Solange die Meldung da ist, übernimmt Bluepic deine Änderung nicht. Korrigiere die Stelle, dann verschwindet die Meldung.

3. Klicke bei Bedarf oben rechts auf prettify. Der Code ist jetzt übersichtlich auf mehrere Zeilen verteilt.
4. Klicke oben links auf ×. Der Expression-Editor schließt sich.
5. Prüfe auf dem Canvas, ob das Element so aussieht, wie du willst.

Willst du eine Änderung zurücknehmen, schließe den Expression-Editor und mach den Schritt rückgängig (Cmd + Z, unter Windows Strg + Z).

Expression in einen festen Wert umwandeln

Brauchst du die Berechnung nicht mehr, ersetzt du die Expression durch ihr aktuelles Ergebnis.

1. Fahre mit der Maus im Properties-Panel über die Eigenschaft mit der Expression. Ein Menü öffnet sich. Hinter Value: steht das aktuelle Ergebnis.
   Im Menü fehlt Resolve expression?

   Die Eigenschaft ist mit einem Input-Feld verbunden. Dann zeigt das Menü Edit Field und Delete Field statt Resolve expression. Auch Delete Field macht aus der Eigenschaft einen festen Wert, löscht dabei aber das Input-Feld. Nutzen mehrere Input-Felder dieselbe Variable, fragt Bluepic vorher nach. Mehr dazu steht in Input-Feld löschen.

2. Klicke auf Resolve expression. Die Eigenschaft hat jetzt einen festen Wert und reagiert nicht mehr auf Änderungen, zum Beispiel an Input-Feldern oder anderen Elementen.