javascript - 动态调整 paperjs 动画的帧速率

Question

我正在尝试动态调整 paperjs 动画的帧速率

<script type="text/paperscript" canvas="zacCanvas">
    var count = 0;
    var frames = 10;

    function onFrame(event) {
        count++;
        if ( count % frames === 0 ) {
        }
    }
</script>

在其他地方我有一个选择控件:

<select id="frameRate" onchange="setFrameRate();">
    <option value="10">10</option>
    <option value="5">5</option>
    <option value="2">2</option>
    <option value="1">1</option>
    <option value="0.5">1/2</option>
</select>

与

<script type="text/javascript">
    $(document).ready(function () {
        setFrameRate();
    });

    function setFrameRate() {
        frames = 60 / $('#frameRate').val();
    }
</script>

但我就是找不到如何更新纸张范围的 frames 值。

==========一种方式==========

是在全局范围内设置varframes = 10;。

但是有没有办法从全局作用域访问论文作用域的变量呢？

Answer 1

可以直接在JS中使用PaperJS。这样您就可以轻松共享变量:paperjs.org/tutorials/getting-started/using-javascript-directly