动态调整paperjs动画的帧率

dynamically adjust frame rate for a paperjs animation

本文关键字：帧率 动画 paperjs 调整 动态      更新时间：2023-09-26

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

但是我就是找不到如何更新paper scope的frames值。

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

表示在全局作用域中设置var frames = 10;。

但是有没有办法从全局作用域访问paper作用域的变量呢?

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

相关文章：