最近学JavaScript,写了一个简单的星星闪烁动画,记录一下思路。
一、画canvas
1、HTML部分
<!DOCTYPE html>
<html>
<head>
<title>star</title>
</head>
<body>
<canvas id="can"></canvas>
<script type="text/javascript" src="./star.js"></script>
</body>
</html>
2、js部分
二、画静态的星星
1、画星星用的是这样一张序列帧图片./star.png(原图背景透明,这里只是为了看清图片);
2、定义星星序列帧图片对象;
3、因为星星有很多个,且每个星星的位置不同,闪烁的速度也不同,所以定义一个星星对象,包含星星位置等信息;定义星星对象,属性暂时只有表示星星的横纵坐标;