zardilior/secondExample.html

## secondExample.html
<html>
	<head>
		<script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser-arcade-physics.min.js"></script>
		<script>
			// Shooter part 1
			/*
				Load an image
				insert it
				Move our ship with arrow keys
				Change position first
				Use velocity next
			*/


			var config = {
				// is it canvas or webgl? (advanced)
			    type: Phaser.AUTO,
			    // the dimensions of our game
			    width: 800,
			    height: 600,
			    // Phaser divides things by scenes
			    // A scene could be a level, a room, a menu, different things, we will work with single scenes for now. To understand the basics.
			    scene: {
			    	// our game functions
			        preload: preload,
			        create: create,
			        update: update
			    }
			};
			var game = new Phaser.Game(config);
			var moving = {
				up: false,
				down: false,
				left: false,
				down: false
			}

			// before the game loads, we load assets here like images and such
			function preload() {
				// load an image
			}

			// which helps us create the game, here we create the hero we place the different things, and we set timers.
			function create() {
				// insert hero ship

				// setup an event listener

				document.addEventListener('keydown',function(key){
					// check what key is pressed
					// change the value of the related property
					console.log('keydown',key.code,key.keyCode);
					switch(key.code) {
						case 'ArrowUp':
							moving.up = true
						case 'ArrowDown':
							moving.down = true
						case 'ArrowRight':
							moving.right = true
						case 'Arrowleft':
							moving.left = true
					}
				})
				document.addEventListener('keyup',function(key){
					// check what key is released
					// change the value of the related property
					switch(key.code) {
						case 'ArrowUp':
							moving.up = false
							break;
						case 'ArrowDown':
							moving.down = false
							break;
						case 'ArrowRight':
							moving.right = false
							break;
						case 'ArrowLeft':
							moving.left = false
							break;
					}
					console.log('keyup',key.code,key.keyCode);
				})
			}

			// runs every frame, each time the animation updates
			function update(){
				// move our ship accordingly
				if(moving.up) console.log('Moving Up!!')
				if(moving.down) console.log('Moving Down!!')
				if(moving.left) console.log('Moving Left!!')
				if(moving.right) console.log('Moving Right!!')
			}

		</script>
	</head>
	<body>
	</body>
</html>
	<html>
	<head>
	<script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser-arcade-physics.min.js"></script>
	<script>
	// Shooter part 1
	/*
	Load an image
	insert it
	Move our ship with arrow keys
	Change position first
	Use velocity next
	*/


	var config = {
	// is it canvas or webgl? (advanced)
	type: Phaser.AUTO,
	// the dimensions of our game
	width: 800,
	height: 600,
	// Phaser divides things by scenes
	// A scene could be a level, a room, a menu, different things, we will work with single scenes for now. To understand the basics.
	scene: {
	// our game functions
	preload: preload,
	create: create,
	update: update
	}
	};
	var game = new Phaser.Game(config);
	var moving = {
	up: false,
	down: false,
	left: false,
	down: false
	}

	// before the game loads, we load assets here like images and such
	function preload() {
	// load an image
	}

	// which helps us create the game, here we create the hero we place the different things, and we set timers.
	function create() {
	// insert hero ship

	// setup an event listener

	document.addEventListener('keydown',function(key){
	// check what key is pressed
	// change the value of the related property
	console.log('keydown',key.code,key.keyCode);
	switch(key.code) {
	case 'ArrowUp':
	moving.up = true
	case 'ArrowDown':
	moving.down = true
	case 'ArrowRight':
	moving.right = true
	case 'Arrowleft':
	moving.left = true
	}
	})
	document.addEventListener('keyup',function(key){
	// check what key is released
	// change the value of the related property
	switch(key.code) {
	case 'ArrowUp':
	moving.up = false
	break;
	case 'ArrowDown':
	moving.down = false
	break;
	case 'ArrowRight':
	moving.right = false
	break;
	case 'ArrowLeft':
	moving.left = false
	break;
	}
	console.log('keyup',key.code,key.keyCode);
	})
	}

	// runs every frame, each time the animation updates
	function update(){
	// move our ship accordingly
	if(moving.up) console.log('Moving Up!!')
	if(moving.down) console.log('Moving Down!!')
	if(moving.left) console.log('Moving Left!!')
	if(moving.right) console.log('Moving Right!!')
	}

	</script>
	</head>
	<body>
	</body>
	</html>