代码改变世界

随笔档案-2011年12月8日

HTML5 Canvas绘制跟随鼠标移动的球

2011-12-08 18:35 by LoujaDy, 2873 阅读, 收藏,
摘要： 角速度应用://获取到Canvasvarcanvas=document.getElementById("stage");//2d绘图版varcontext=canvas.getContext("2d");//球运行的速度varballSpeed=4;//字弹对象varball=function(x,y,radius,color){this.x=x;this.y=y;this.radius=radius;this.color=color;//绘制字弹this.draw=function(){//清空画板context.save();context.begi 阅读全文

HTML5 Canvas 会射子弹的"飞机"

2011-12-08 15:39 by LoujaDy, 1438 阅读, 收藏,
摘要： A：发射 左右键移动水平移动，并且会射子弹的假飞机A键：发射左右键：水平移动//获取到Canvasvarcanvas=document.getElementById("stage");//2d绘图版varcontext=canvas.getContext("2d");//子弹运行的速度varballSpeed=3;//飞机对象varplane=function(x,y,width,height,rotate,color){//位置this.x=x;this.y=y;//旋转的角度this.rotate=rotate;//飞机的颜色this.color=c 阅读全文