|
What happens in the written code? First, we import the library. Then we create an object of type Game, setting the resolution of our application, in this case 480 pixels wide and 640 pixels high. Phaser.AUTO means that the render type will be selected automatically. Optionally, you can specify Canvas or WebGL. The fourth parameter sets the parent DOM object for the game, we do not specify it. In the create () function, we add a static sprite with the background of our game. The sprite fills the space specified in the first four parameters to tileSprite.
Now let’s move on to the most interesting thing – let’s fill our game with logic. After declaring the variable game and before the preload () function, we will declare objects with the player’s and computer’s rackets, a ball, and also indicate the speed of their movement:
|
| https://www.dergatsjev.be/2021/01/phaser-3-javascript-and-html5-game.html |
Frequently asked questions
What is a Game object in Phaser?▼
A Game object is the core component in Phaser that initializes your game with specific settings like resolution, render type, and game functions. It's created by specifying parameters such as width, height, and callback functions like preload(), create(), and update().
What are the main functions in a Phaser Game object?▼
The three main functions are preload() for loading resources, create() for initializing the game and adding sprites, and update() which runs approximately 60 times per second and contains your main game logic.
How often does the update function run?▼
On desktop, the update() function is called approximately 60 times per second, making it the ideal place to implement your game's main logic and handle real-time updates.
What does Phaser.AUTO do?▼
Phaser.AUTO automatically selects the best render type for your game. Alternatively, you can manually specify Canvas or WebGL as your rendering engine.
How do you add sprites to a Phaser game?▼
Sprites are added in the create() function using methods like tileSprite(). You specify parameters including position, width, height, and the sprite's appearance to add it to your game world.