想做这个游戏已久今天终于初步完成，先解释下这是一个模拟机场塔台塔台管制游戏指挥的游戏，飞机从不同的方向飞入塔台管制游戏空域有不同的目的地，飞机洺称最后一个字母表示飞机要到达的目的地分ABCD和R。A-D表示四个方向R表示到本场的跑道降落。飞机有H,M,S三种速度离场必须不能是最快的速喥(H)，降落必须是S的速度这样才能得分默认设置是20架飞机，最多容量默认是10架飞机当然实际的指挥比这个要复杂。

整个游戏是基于canvas的純JavaScript，四种朝向的飞机是用四张图片实现的所有要不断渲染的对象都在airspace这个数组里面。有PlaneRunway和Exit三个对象。正确指挥一架飞机到目的地有5分

到canvas上选中一架飞机之后会用红色边框，表示当前正在指挥的飞机canvas本身没有提供对象的click事件

 所以要根据鼠标的位置来判断是否选中了目標：

根据e.offsetX和e.offsetY获得事件的位置，判断是否在某个飞机的坐标范围里然后标记选中，并去除其他被标记selected的飞机当然这个地方还可以完善成┅个事件系统，并支持其他的事件

碰撞有四种情况，首先是飞机与飞机相撞飞机飞出边界（是否正确飞向入口），飞机飞入跑道(是否對准入口进入)错误操作的飞机将会被移除airspace数组。

三种情况的判断主要依靠上面这个方法然后再有区分，飞机飞入跑道首先是坐标矩形会与跑道矩形相交，然后y1y2在跑道的y轴范围之内即可。

判断进入入口的道理一样。右下角几个按钮分别表示四个方向和三种速度

1.飞机用了四张图片还是有点笨，因为当初旋转移动没有搞定後续继续研究。

2.飞机碰撞的算法还不够准确离场的判断只判断了一个点。这里是考虑到离场判断和入场飞机有冲突这里需要再优化下。

3.还可以增加一些效果

PS：这其实是当时入学时一个测试程序，当时就记住了今天用前端实现一回。来玩一玩吧喜欢就给个赞，欢迎拍砖