如何在Processing.js中的update()中监听键盘输入



我一直在做一个processing.js演示,其中物体围绕一个中心点运行。我正试图为输入添加一个侦听器,该侦听器检查每次更新是否按下了s键,如果按下了,则调用一个方法以按指定因子减少每个物体轨道的大小。

示例在jsfiddle上。

实际上,我在update()方法中放置了代码来侦听按键:

 void update()
    {
        //detect input
        if(keyPressed)
        {
            debugger; //debug
            if(key == 's' || key == 'S')
            {
                //shrink orbit
                ShrinkOrbit(planets,.9);
            }
        }    
    }

调用ShrinkOrbit(ArrayList <OrbitingBody> orbs, float reductionFactor)方法:

/*
* Reduces size of orbit for specified group of orbiting bodies
*/
void ShrinkOrbit(ArrayList<OrbitalBody> orbs, float reductionFactor)
{   
    for(OrbitalBody b:orbs)
    {
        b.x *= reductionFactor;
        b.y *= reductionFactor
    }
}

然而,目前不仅调试断点不触发,但我看到一些错误突然出现在chrome开发人员工具:

Uncaught SyntaxError: Unexpected reserved word 
Uncaught TypeError: Cannot read property 'reason' of null Actions.js:333
(anonymous function) Actions.js:333
(anonymous function) moo-clientcide-1.3.js:212
Array.implement.each moo-clientcide-1.3.js:329
(anonymous function) moo-clientcide-1.3.js:212
Class.JSLintValidate Actions.js:330
wrapper.extend.$owner moo-clientcide-1.3.js:3798
Class.jsLint Actions.js:277
wrapper.extend.$owner moo-clientcide-1.3.js:3798
(anonymous function) moo-clientcide-1.3.js:1027
defn

我是否错误地假设update()是一个全局方法,相当于setup,可以在任何草图中调用?我曾在另一个功能正常的jsFiddle中看到过这样的用法,这也是我得出结论的地方。如果有任何帮助,我的目标是Processing.js 1.4.1。

不要那样做。1)更新确实不是一个全局函数,你唯一得到的是处理API函数,两个主要调用是setup(),在开始时调用一次,和draw(),调用每一帧(除非你发出noLoop(),然后它只在你手动调用redraw()时运行),和2)使用事件处理程序,这就是它们的作用=)

boolean reduce = false;
void keyPressed() {
  if(str(key).equals("s")) reduce = true;
}
void keyReleased() {
  if(str(key).equals("s")) reduce = false;
}
void draw() {
  if(reduce) { doWhateverYouNeedToDo(); }
  drawStuff();
}

相关内容

  • 没有找到相关文章

最新更新