动态调整paperjs动画的帧速率

时间:2015-07-18 14:16:23

标签: javascript animation paperjs

我正在尝试动态调整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;

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

1 个答案:

答案 0 :(得分:0)

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