FramerJS - Zurücksetzen oder Refresh Prototyp aus Code, ohne neu zu laden?

Question

Wie man einen FramerJS-Prototyp programmatisch (durch Code) zurücksetzt?

Ich habe eine Ebene beim Klicken definiert, von der ich möchte, dass der Prototyp in seinen ursprünglichen Zustand zurückgesetzt wird. Ich habe versucht, location.reload() zu verwenden, aber das lädt aus dem Netzwerk. Wie kann ich den Prototyp zurücksetzen, ohne den Prototyp aus dem Netzwerk zu laden?

Answer 1

Sie können dies erreichen, indem Sie Framer.CurrentContext.reset() aufrufen und Ihren Prototyp neu erstellen.

Um dies zu vereinfachen, schreiben Sie den gesamten Setup-Code in eine Funktion, die Sie nach dem Zurücksetzen des Kontexts aufrufen. Vergessen Sie nicht, die Funktion setup() für die Ersteinrichtung aufzurufen.

Beispiel:

setup = -> 
    # Everything should go inside the setup() function 
    layerA = new Layer 
     backgroundColor: 'green' 

    layerA.animate 
     properties: 
      x: Align.right 

    resetButton = new Layer 
     x: Align.center 
     y: Align.bottom 
     backgroundColor: 'red' 

    resetButton.onClick -> 
     Framer.CurrentContext.reset() 
     #Call setup() again to recreate all layers 
     setup() 

# Initial setup call 
setup() 

Voll Prototyp hier: http://share.framerjs.com/9fl1g7icvnax/