View file modules/errors/js/index.js

var SPEED = 200;
var GRAVITY = 1000;
var JET = 420;
var OPENING = 200;
var SPAWN_RATE = 1.25;

var state = {
	preload: function() {
		this.load.spritesheet("player",'https://goload.ru/modules/errors/libs/player.png', 56, 56);
		this.load.image("wall", "https://goload.ru/modules/errors/libs/wall.png");
		this.load.image("background", "https://goload.ru/modules/errors/libs/background-texture.png");
		this.load.audio("jet", "https://goload.ru/modules/errors/libs/jet.wav");
		this.load.audio("score", "https://goload.ru/modules/errors/libs/score.wav");
		this.load.audio("hurt", "https://goload.ru/modules/errors/libs/hurt.wav");
	},
	create: function() {

		this.jetSnd = this.add.audio("jet");
		this.scoreSnd = this.add.audio("score");
		this.hurtSnd = this.add.audio("hurt");

		this.background = this.add.tileSprite(0,0,this.world.width, this.world.height, "background");

		this.walls = this.add.group();

		this.physics.startSystem(Phaser.Physics.ARCADE);
		this.physics.arcade.gravity.y = GRAVITY;

		this.player = this.add.sprite(0,0,'player');
		this.player.animations.add("fly", [0,1,2], 10, true);
		this.physics.arcade.enableBody(this.player);
		this.player.body.collideWorldBounds = true;

		this.scoreText = this.add.text(
			this.world.centerX,
			this.world.height/5,
			"", {
				size: "32px",
				fill: "#FFF",
				align: "center"
			})
		this.scoreText.anchor.setTo(0.5, 0.5);

		this.input.onDown.add(this.jet, this);

		this.reset();
	},
	update: function() {
		if (this.gameStarted) {

			if (this.player.body.velocity.y > -20) {
				this.player.frame = 3;
			}else{
				this.player.animations.play("fly");
			}

			this.walls.forEachAlive(function(wall) {
				if (wall.x + wall.width < game.world.bounds.left) {
					wall.kill();
				}else if (!wall.scored && wall.x <= state.player.x) {
					state.addScore(wall);

				}
			})

			if (!this.gameOver) {
				if (this.player.body.bottom >= this.world.bounds.bottom) {
					this.setGameOver();
				}
				this.physics.arcade.collide(this.player, this.walls, this.setGameOver, null, this);
			}
		} else {
			this.player.y = this.world.centerY + (8 * Math.cos(this.time.now/200));
		}
	},
	reset: function() {

		this.background.autoScroll(-SPEED *.80,0);

		this.gameStarted = false;
		this.gameOver = false;
		this.score = 0;

		this.player.body.allowGravity = false;
		this.player.reset(this.world.width/4, this.world.centerY);
		this.player.animations.play("fly");

		this.scoreText.setText("НАЖМИТЕ ЧТОБЫ\nНАЧАТЬ");

		this.walls.removeAll();
	},
	start: function() {
		this.player.body.allowGravity = true;
		this.scoreText.setText("SCORE\n"+this.score);
		this.gameStarted = true;

		this.wallTimer = this.game.time.events.loop(Phaser.Timer.SECOND * SPAWN_RATE, this.spawnWalls, this );
		this.wallTimer.timer.start();
	},
	jet: function() {
		if (!this.gameStarted)
			this.start();

		if (!this.gameOver) {
			this.player.body.velocity.y = -JET;
			this.jetSnd.play();
		} else if (this.time.now > this.timeOver + 400) {
			this.reset();
		}
	},
	setGameOver: function() {
		this.gameOver = true;
		this.scoreText.setText("FINAL SCORE\n"+this.score+"\n\nGAME OVER\n\nещё раз?");
		this.timeOver = this.time.now;

		this.walls.forEachAlive(function(wall) {
			wall.body.velocity.x = wall.body.velocity.y = 0;
		})

		this.wallTimer.timer.stop();

		this.background.autoScroll(0,0);

		this.player.body.velocity.x = 0;
		this.hurtSnd.play();
	},
	spawnWall: function(y, flipped) {
		var wall = this.walls.create(
			game.width,
			y + (flipped ? -OPENING : OPENING) / 2,
			"wall"
			);

		this.physics.arcade.enableBody(wall);
		wall.body.allowGravity = false;
		wall.scored = false;
		wall.body.immovable = true;
		wall.body.velocity.x = -SPEED;
		if (flipped) {
			wall.scale.y = -1;
			wall.body.offset.y  = -wall.body.height;
		}

		return wall;
	},
	spawnWalls: function() {
		var wallY = this.rnd.integerInRange(game.height *.3, game.height *.7);
		var botWall = this.spawnWall(wallY);
		var topWall = this.spawnWall(wallY, true);
	},
	addScore: function(wall) {
		wall.scored = true;
		this.score += .5;
		this.scoreText.setText("SCORE\n"+this.score);
		this.scoreSnd.play();
	}
};

var WIDTH = window.innerWidth;
var HEIGHT = window.innerHeight;

var game = new Phaser.Game(WIDTH, HEIGHT, Phaser.CANVAS, document.querySelector('#screen'), state);

var requestFullscreen = function(ele) {
	if (ele.requestFullscreen) {
		ele.requestFullscreen();
	} else if (ele.webkitRequestFullscreen) {
		ele.webkitRequestFullscreen();
	} else if (ele.mozRequestFullScreen) {
		ele.mozRequestFullScreen();
	} else if (ele.msRequestFullscreen) {
		ele.msRequestFullscreen();
	} else {
		console.log('Fullscreen API is not supported.');
	}
};

var exitFullscreen = function() {
	if (document.exitFullscreen) {
		document.exitFullscreen();
	} else if (document.webkitExitFullscreen) {
		document.webkitExitFullscreen();
	} else if (document.mozCancelFullScreen) {
		document.mozCancelFullScreen();
	} else if (document.msExitFullscreen) {
		document.msExitFullscreen();
	} else {
		console.log('Fullscreen API is not supported.');
	}
};

var fsDocButton = document.getElementById('go-full');
var fsExitDocButton = document.getElementById('exit-full');

fsDocButton.addEventListener('click', function(e) {
	e.preventDefault();
	requestFullscreen(document.documentElement);
});

fsExitDocButton.addEventListener('click', function(e) {
	e.preventDefault();
	exitFullscreen();
});