canvas实现端午节接粽子小游戏代码-html代码-BFW代码库

canvas实现端午节接粽子小游戏代码

代码语言：html

所属分类：游戏

代码描述：canvas实现端午节接粽子小游戏代码，移动小女孩接天上掉下的粽子，不能接到鞭炮。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
   <style>
       .canvas{
	border:1px solid #ccc;
}
   </style>
</head>

<body>

    <canvas id="canvas" class="canvas" width="320" height="568"></canvas>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/zepto.1.2.0.js"></script>
    <script >

// 主程序，场景类
class Main {

	constructor(){
		this.bgWidth = 320;
		this.bgHeight = 963;
		this.bgPosition = 0;
		this.bgReset = 0;
		this.bgMoveSpeed = 1;
		this.spriteList = []; //负责存储精灵对象
		this.init();
	}

	init(){
		const _this = this;
		const canvas = document.querySelector("#canvas");
		this.ctx = canvas.getContext("2d");
		this.girl = new Girl(this.ctx)
		this.drawBg();
		this.start();

	}

	// 开始游戏
	start(){
		const _this = this;
		
		// _this.rollBg()
		//  new Girl(_this.ctx);//绘制女孩
		//  _this.generateSprite();//生成精灵
		// //绘制精灵
		// for(let i =0;i<_this.spriteList.length;i++){
		// 	if(_th.........完整代码请登录后点击上方下载按钮下载查看