动态调整paperjs动画的帧速率答案

【问题标题】：dynamically adjust frame rate for a paperjs animation动态调整paperjs动画的帧速率
【发布时间】：2015-07-18 14:16:22
【问题描述】：

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

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

【问题讨论】：

标签： javascript animation paperjs

【解决方案1】：

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

【讨论】：