WebGL递归处理和移动?旋转?缩放

Posted 2020-08-09

    3D世界只有三种运动方式：移动、旋转、放大缩小。

    使用setTimeout函数可以实现反复的循环处理，那么具体的做法是怎样的呢？
setTimeout函数的第一个参数是调用的函数，第二个参数是需要经过多长时间(毫秒)后调用这个函数。如果第一个参数指定为当前所运行的函数的话，那么就可以实现持续循环了。
    ?函数A被调用
    ?在函数A中，使用setTimeout，并传入函数A作为参数
    ?经过指定的时间后，函数A被调用
    按照上面的步骤，把WebGL中绘图部分写成递归函数，就可以持续循环了。

    函数的内部调用函数本身的话，可以直接写函数的名字来实现，但是如果是匿名函数的话，这样的做法就行不通了。
    解决的办法是有的，使用arguments和callee属性的话就可以调用函数本身了。arguments对象是函数被调用的时候自动生成的，而callee属性就是这个函数本身的引用，使用这种方法的话，即使是匿名函数也可以实现递归。
    这次的递归处理，就是使用这里所说的setTimeout＋arguments.callee组合来实现。