使用JavaScript和Canvas开发游戏（一）_H5之家 - 中国HTML5教程资源分享第一站

canvas教程

使用JavaScript和Canvas开发游戏（一）

字号+ 作者：H5之家来源：H5之家 2015-09-30 10:12 我要评论( )

1、认识一下Canvas 2、在Canvas上绘图 3、基于Canvas的高级图像操作 4、通过Canvas实现视差滚动 5、写一个游戏框架（一） 6、写一个游戏框架（二） 7、动画 8、J

window.onload = init;
function init(){
canvas = document.getElementById(\'canvas\');
context2D = canvas.getContext(\'2d\');
setInterval(draw, 1000/FPS);
}
function draw(){
context2D.clearRect(0, 0, canvas.width, canvas.height);
context2D.drawImage(image, x, y);
x += 1* xDirection;
y += 1* yDirection;