每天学一个jquery插件-切水果实现1

每天一个jquery插件-切水果实现1

切水果实现1

啊哈,前面完成了五子棋(大概~),感觉休息的时候想想这些东西还是挺有意思的,所以打算接着弄个小游戏出来试试,这一次瞄向了经典的游戏切水果,感觉脑子里一通乱想之后感觉我还是能做出来的,不过可能歪歪的时间比动手的时间还多,不过这样不行,东西要能接着做下去必须得有点东西记下来,所以我先把目前完成的一点点记录一下。

其实就完成了界面和小刀,其他的水果计分板刀光剑影的特效暂时都没有,啊哈。
每天学一个jquery插件-切水果实现1_第1张图片

关于这个界面和刀的实现没啥,关键问题就是要把监控鼠标挪动的事件和游戏容器分开来,就是说,参数的产生和效果的展示并不是在一个容器里面做到的,因为我的刀就是一个图片,假如这个图片填充到监控鼠标的事件里面那也会导致移动不连贯,之前实现放大镜的时候就有这个问题,所以解决办法就参照以前的方法了。
关于实现的思路步骤

  • 其实鼠标挪动自然就能拿到相对容器的参数,那么其他的所有东西互动都是根据这个参数来的
  • 关于水果的实现,觉得应该是每个水果都要有自己的控制对象,这个水果旋转啊,四处移动的函数啊,还有被切到是怎么判断的,都得好好想想。
  • 此外就是鼠标移动的参数肯定得放到全局,这样子才能知道鼠标有没有刚好切过某个水果,这样子水果才能执行被切到的画面。
  • 有一个问题就是不知道旋转的水果咋通过计算知道鼠标移动的点刚好经过水果内部,不过后面好好想想。不过万事开头难,加油。

你可能感兴趣的:(每天学一个jquery插件,javascript,jquery)