欢迎光临散文网 会员登陆 & 注册

js实现鼠标控制炮台效果(2020年10月8日)

2021-02-25 20:37 作者:阿-岳同学  | 我要投稿

说明

大二上学期国庆节在图书馆下午所做,基于一定的js基础,想利用定时器函数等方法写出发射炮台的效果。所有效果和代码均为独自设计,未参考相应项目。代码的设计、格式、结构、以及算法、数学公式还有很大的改进和提升空间。在此先记录一下。

操作和使用

  1. wasd键移动炮台位置

  2. 鼠标移动到某一位置并点击,可以让炮台发射炮弹

  3. 发射炮弹的速度和点击位置距炮台中心点的距离成正比

效果图

谷歌浏览器预览图


源代码


待改进

  1. 移动很卡顿,没有游戏的那种物理驱动的感觉

  2. 鼠标位置转化成炮台瞄准角度时公式选用不好,在垂直位置时会卡顿一下

  3. 炮弹是直接在中心点发射的,不是在枪管口出来


js实现鼠标控制炮台效果(2020年10月8日)的评论 (共 条)

分享到微博请遵守国家法律