用JS写出捕捉小精灵网页游戏

2019独角兽企业重金招聘Python工程师标准>>>

首先我们先建立一个文档

 

然后再将图片准备好，放入imgs文件夹中

好的，然后呢，我们用sublime打开index.html,开始编写我们的html文件

我们先设置一下背景，一个美丽的森林

看看效果图，怎么样，还行吧

 

好的，然后我再把小精灵的图片加载进去，并固定其坐标

小精灵已经加载进来了，现在我们开始写javascript代码，来让小精灵能够乱跑

 

好的，我们写好了JS代码，我们现在让JS代码中的方法在img中实现

OK，现在我们已经完成了，来看看效果吧

一开始的位置

鼠标移上去，一下子就跑了

再移上去，又跑了

是不是很简单、很好玩呀，可以试试噢；

对了，编写过程中很容易出现代码个别打错而造成不能正常执行的状况，这是细节问题，注意一下就好了。

转载于:https://my.oschina.net/9264736/blog/724500