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值。

==========单向==========

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

但是有没有办法从全球范围访问论文范围的变量？

Answer 1

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

动态调整paperjs动画的帧速率

1 个答案: