Flash基础理论课 第十章 坐标旋转及角度反弹Ⅱ

返回“Flash基础理论课 - 目录”

优化代码

前面我们已经看过一些代码优化的例子。通常是使用一次执行代替多次执行，或干脆不执行。

我们前面写的那段代码只是为了看得比较清楚。其中有一些代码实际上并不需要执行。多数代码只有在 ball与line 产生接触时才执行。因此，多数时间只需要执行基本的运动代码。换句话讲，我们要将代码放到 if 语句中去：

if(y2 > -ball.height / 2)

所以我们只需知道变量y2。为了得到它需要x1和y1以及sin和cos。但是如果ball没有碰到 line，就不需要知道 x2 或 vx1和vy1。因此，这些都可以只在 if 语句中出现。同样，如果没有产生碰撞，就不需要对任何物体进行旋转或设置 ball的位置。因此，所有 if 语句后面的内容都可以放在 if 语句里面执行。于是就得出了优化版的onEnterFrame方法（见 AngleBounceOpt.as）：

private function onEnterFrame(event:Event):void {
　　　 // 普通的运动代码
　　　 ball.vy += gravity;
　　　 ball.x += ball.vx;
　　　 ball.y += ball.vy;
　　　 // 获得角度及正余弦值
　　　 var angle:Number = line.rotation * Math.PI / 180;
　　　 var cos:Number = Math.cos(angle);
　　　 var sin:Number = Math.sin(angle);
　　　 // 获得 ball与line的相对位置
　　　 var x1:Number = ball.x - line.x;
　　　 var y1:Number = ball.y - line.y;
　　　 // 旋转坐标
　　　 var y2:Number = cos * y1 - sin * x1;
　　　 // 实现反弹
　　　 if(y2 > -ball.height / 2) {
　　　　　　 // 旋转坐标
　　　　　　 var x2:Number = cos * x1 + sin * y1;
　　　　　　 // 旋转速度向量
　　　　　　 var vx1:Number = cos * ball.vx + sin * ball.vy;
　　　　　　 var vy1:Number = cos * ball.vy - sin * ball.vx;
　　　　　　　 y2 = -ball.height / 2;
　　　　　　　 vy1 *= bounce;
　　　　　　 // 将一切旋转回去
　　　　　　 x1 = cos * x2 - sin * y2;
　　　　　　 y1 = cos * y2 + sin * x2;
　　　　　　 ball.vx = cos * vx1 - sin * vy1;
　　　　　　 ball.vy = cos * vy1 + sin * vx1;
　　　　　　 ball.x = line.x + x1;
　　　　　　 ball.y = line.y + y1;
　　　 }
}

所有粗体的内容都是从 if 语句外面移到里面去的，所以只有产生碰撞时它们才会执行，这样做比每一帧都执行要好很多。可以想象我们节省了多少 CPU 资源吗？这样的考虑是非常重要的，尤其是当影片变得越来越多，代码变得越来越复杂时。

动态效果

现在我们可以将这个程序变得更加动态些，实时地改变 line的角度。只需要一行代码即可搞定，在 onEnterFrame方法的第一行写入：

line.rotation = (stage.stageWidth/ 2 - mouseX) * .1;

现在我们只要前后移动鼠标，line 就会随之倾斜，小球也会立即进行调整。完整的代码可见文档类 AngleBounceRotate.as。