HTML5画布闪烁，在直线上移动对象并旋转以面向鼠标指针？

Question

我需要以下Javascript / HTML5 canvas的帮助。

1. 我需要精灵枪始终面向鼠标指针，同时移动以保持面向鼠标的方向，也是它发射的子弹。
2. 我想在发射子弹时绘制完整的直线。（199行）。我使用的是默认算法，但它不会以真正的直线移动对象。
3. 当我清除主渲染线程上的画布rect时，有一个闪烁。 （第298行） 注意。左键发射子弹，右键移动物体。

  

我无法将文件上传到JSFiddle，因为我有本地资源。   抱歉无法做到。这是一个包含本地文件的Dropbox链接。

https://www.dropbox.com/sh/giwcz131j1urks9/AAA6aAwnaEd6fvoCeEaIOBjXa?dl=0

提前致谢。