动态调整paperjs动画的帧率
dynamically adjust frame rate for a paperjs animation
我正在尝试动态调整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
相关文章:
- D3/Raphael js 以慢帧率绘制 1000+ 动画圆圈
- BlackBerry PlayBook网络作品:低帧率
- 使请求动画帧()动画在不同的选项卡上持久化
- 如何动态创建“@关键帧”CSS 动画
- 如何使用javascript创建自定义关键帧css动画
- CSS3关键帧-改变动画持续时间导致“;跳跃”;
- 尝试使用getUserMedia帧率约束
- 画布游戏帧率下降
- 帧/CoffeeScript -动画内容淡入时,鼠标滚动
- 用requestAnimationFrame实现一些稳定的帧率
- HTML5 Canvas和JS帧率慢慢下降到0
- 低帧率的JS和CSS动画
- 如何使用javascript获得良好的帧率
- EaselJS性能问题/帧率下降
- Javascript水涟漪效应减慢帧率
- 如何改变精灵帧率
- 动态调整paperjs动画的帧率
- 低帧率嵌套转换元素
- 使用JS和DOM设置多个DIV元素的动画会导致低帧率
- javascript游戏中的异步/可变帧率