Canvas绘制幽灵小可爱

Canvas绘制幽灵小可爱

HTML部分

			<canvas id="canvas" width="400" height="500" style="background-color: #000000;"></canvas>

JS部分

			let canvas = document.getElementById('canvas');
			let cxt = canvas.getContext('2d');
			//设定当前整体幽灵对象的Y轴位置初始值
			let obj = {
   
				y:0
			}
			//设置椭圆的x,y轴的长
			let ellipse = {
   		
				x:50,
				y:10,
			}
			let face = -1;		//根据face来判定来回移动
			function render(){
   
				//根据对象数据来判断是否来回移动
				if(obj.y<-50)face=1;
				if(obj.y>0)face = -1;
				obj.y+= 0.8 * face;
				ellipse.x += face * 0.2;</