geekyong / wx_game Goto Github PK

./js
├── libs
│   ├── symbol.js                          // ES6 Symbol简易兼容
│   └── weapp-adapter.js                   // 小游戏适配器
├── utils
│   └── utils.js                           // 生成随机数等工具方法
├── runtime
│   ├── background.js                      // 背景类
│   ├── floor.js                           // 台阶生成相关
│   ├── leaves.js                          // 叶子生成相关
│   └── robot.js                           // 游戏人物
│                           
└── main.js                           // 游戏入口主函数

//无障碍数组
this.stairArr = []
//障碍数组
this.obstacleArr = []

// 生成随机数i，min <= i < max
getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min) + min)
}

gcd(a, b) {
    var minNum = Math.min(a, b),
        maxNum = Math.max(a, b),
        i = minNum,
        vper = 0
    if (a === 0 || b === 0) {
        return maxNum
    }

    for (; i <= maxNum; i++) {
        vper = minNum * i
        if (vper % maxNum === 0) {
            return vper
            break
        }
    }
}

//求一个数组的最小公倍数
gcds(arr) {
    var onum = 0,
        i = 0,
        len = arr.length,
        midNum = 0
    for (; i < len; i++) {
        onum = Math.floor(arr[i]) //去掉小数
        midNum = this.gcd(midNum, onum)
    }
    return midNum
}

//计算最上面的台阶横坐标，（确保最下面砖块在屏幕中间）
calculate_x() {
    let result = 0

    for (let i = 0; i < this.stairArr.length; i++) {
        result += this.stairArr[i]
    }
    result = result * 2 - this.stairNum
    return result * (this.width / 2) - this.width / 2 + screenWidth / 2
}

//移除已经下落的障碍砖
for (let i = 0; i < move.length; i++) {
    this.obs_sh[move[i]] = 0
    this.obs_img[move[i]] = 0
}

//计算每次下落的位置
dropInit_stair() {
	this.stair_x = this.calculate_x() + move_flag * this.width / (2 * 26)
	this.stair_y = - 12
}

//下个正确的方向
this.next_direction = this.floor.getStairArr()[0]
this.robot.update()
this.robot.buildRobot(ctx, this.next_direction)

//移动雪碧图
if (this.start_x < 9 * 150 && this.start_y === 0 ){
    this.start_x += 150
}else if(this.start_x === 9 * 150 && this.start_y === 0){
    this.start_y = 283
    this.start_x = 0
}else if(this.start_x < 9 * 150 && this.start_y === 283){
    this.start_x += 150
}

jump_dead(flag) {
    if (this.start_x < 9 * 150 && this.start_y === 0) {
        this.start_x += 150
    } else if (this.start_x === 9 * 150) {
        this.start_y = 283
        this.start_x = 0
    } else if (this.start_x < 9 * 150 && this.start_y === 283) {
        this.start_x += 150
    }

    if (flag) {
        if (i++ < 13) {
            this.y -= 5
            this.x -= 7
        } else {
            this.y += 42
        }
    } else {
        this.y += 53 / 26
        this.x -= 80 / 52
    }
    i = i === 26 ? 0 : i
}

//背景
fillbackground(){
    this.ctx.fillStyle = '#001605'
    this.ctx.fillRect(0, 0, screenWidth, screenHeight)
}

//开始面板
drawStart(){
    //重置画笔，避免污染
    this.ctx.beginPath()

    this.ctx.fillStyle = 'rgba(0,0,0,0.8)'
    this.ctx.fillRect(screenWidth / 2 - 100, screenHeight / 2 - 150, 200, 240)

    this.ctx.fillStyle = "#e9ba12"
    this.ctx.font = "12px 宋体"
    this.ctx.strokeStyle = '#e9ba12'
    this.ctx.fillText("左右点击跳跃，避开障碍物", screenWidth / 2 - 75, screenHeight / 2 - 10)

    this.ctx.font = "24px Arial "
    this.ctx.fillText(
        'Start',
        screenWidth / 2 - 25,
        screenHeight / 2 + 40
    )
    this.drawDashLine(this.ctx, screenWidth / 2, screenHeight / 2 - 30, screenWidth / 2, screenHeight / 2 - 130)

    this.ctx.strokeStyle = "#e9ba12"
    this.ctx.fillStyle = "#00000000"
    this.ctx.lineJoin = "round";
    this.ctx.lineWidth = 0.51
    this.ctx.rect(screenWidth / 2 - 50, screenHeight / 2 + 10, 100, 40)
    this.ctx.stroke()


    this.ctx.drawImage(left_arrow, screenWidth / 2 - 75, screenHeight / 2 - 100, 40, 40)

    this.ctx.save()
    this.ctx.transform(-1, 0, 0, 1, screenWidth, 0)

    this.ctx.drawImage(left_arrow, screenWidth / 2 - 75, screenHeight / 2 - 100, 40, 40)

    this.ctx.restore()

    /**
     * 重新开始按钮区域
     * 方便简易判断按钮点击
     */
    this.btnArea = {
        startX: screenWidth / 2 - 50,
        startY: screenHeight / 2 + 10,
        endX: screenWidth / 2 + 50,
        endY: screenHeight / 2 + 50
    }
}

/**
 * 统一的音效管理器
 */
export default class Music {
    constructor() {
        if (instance)
            return instance
        instance = this

        this.bgmAudio = new Audio()
        this.bgmAudio.loop = true
        this.bgmAudio.src = 'audio/bgm.mp3'

        this.playBgm()
    }
    
    playBgm() {
        this.bgmAudio.play()
    }
}