FramerJS - コードからプロトタイプをリセットまたはリフレッシュするには、再ロードせずに？

Question

FramerJSプロトタイプをプログラマチックに（コードを介して）リセットするにはどうすればよいですか？

私はプロトタイプをクリックして初期状態に戻すレイヤーを定義しました。私はlocation.reload()を使ってみましたが、ネットワークからリロードしています。ネットワークからプロトタイプを再ロードせずにリセットするには？

Answer 1

これは、Framer.CurrentContext.reset()を呼び出してプロトタイプを再構築することで実現できます。

これを簡単に行うには、設定コードを、コンテキストをリセットした後に呼び出す関数の中に記述します。また、最初の設定にはsetup()関数を呼び出すことを忘れないでください。

例：

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() 

全文はここプロトタイプ：http://share.framerjs.com/9fl1g7icvnax/