javascript - 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/