Phaser 3 Keyboard Input - Phaser3 Typing CST Test
Loading…
Phaser 3 Keyboard Input — Phaser3 Code
Moves a sprite with arrow keys.
# phaser3/demo/keyboard_input.html
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.min.js"></script>
</head>
<body>
<script>
const config = { type: Phaser.AUTO, width: 800, height: 600, scene: { preload, create, update } };
const game = new Phaser.Game(config);
let player, cursors;
function preload() {
this.load.image('player', 'https://examples.phaser.io/assets/sprites/phaser-dude.png');
}
function create() {
player = this.add.sprite(400, 300, 'player');
cursors = this.input.keyboard.createCursorKeys();
}
function update() {
if (cursors.left.isDown) player.x -= 2;
if (cursors.right.isDown) player.x += 2;
if (cursors.up.isDown) player.y -= 2;
if (cursors.down.isDown) player.y += 2;
}
</script>
</body>
</html>Phaser3 Language Guide
Phaser 3 is a fast, open-source HTML5 game framework for creating 2D games for the web and mobile. It provides a complete ecosystem for rendering, physics, input, audio, and animation, allowing developers to build rich, interactive games in JavaScript or TypeScript.
Primary Use Cases
- ▸2D browser-based games
- ▸Interactive educational content
- ▸Gamified UI experiences
- ▸HTML5 advertising and promotional games
- ▸Rapid prototyping of interactive experiences
Notable Features
- ▸WebGL and Canvas rendering support
- ▸Physics engines: Arcade, Matter.js, Impact
- ▸Tilemaps for 2D worlds
- ▸Sprite animations, particle systems, and tweens
- ▸Scene management and modular game architecture
Origin & Creator
Phaser was originally created by Richard Davey and maintained by Photon Storm, with Phaser 3 released in 2018 as the modern version of the framework.
Industrial Note
Phaser 3 is widely used for web-based games, educational games, interactive demos, gamified apps, and HTML5 advergames.