开言
本篇文章通过开源html5引擎lufylegend实现JQuery滑动效果。能使一个矩形来回减速加速滑行。由于用到了html5里的canvas,所以如果大家要测试程序,请用支持html5的浏览器打开。源码下载稍后提供。
初始化页面
首先我们来看看html文件里的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html5 game - 仿jquery</title>
<script type="text/javascript" src="./js/lufylegend-1.6.1.min.js"></script>
<script type="text/javascript" src="./js/main.js"></script>
</head>
<body>
<div id="mylegend">loading……</div>
</body>
</html>
也许有人疑问,说是用html5,怎么不见canvas标签???其实当你使用lufylegend开发时,根本不需要加入canvas标签。只需要调用该引擎中的init函数并向参数赋值就能自动将canvas标签加到html文件中。
接下来让我们看看init用法:init(speed,id,width,heigh