Questions tagged [phaser]
Phaser is a JavaScript framework for game development on desktop and mobile platforms.
148 questions
1
vote
2
answers
166
views
How to make health bar or speech follow but not rotate with character container?
I have a top-down character object that is a Container of various parts.
This character can have elements that should move along with it (think a health bar, a speech bubble) that should NOT rotate ...
- 121
1
vote
0
answers
39
views
How to apply a noise texture to an image or sprite in Phaser as a postFX?
I'm trying to figure out if it's possible to blend a (noise)texture with an image by creating a shader, and then apply the shader as a postFX to an image (or sprite). (see attached image)
...
- 294
1
vote
2
answers
220
views
How do you avoid duplicating code when implementing a multiplayer game using client authoritative server architecture?
I am building a real time a multiplayer web game using client authoritative server architecture, phaser, node, aws, etc.
For an example, if I have a player that walks right and picks up food, I need ...
- 185
0
votes
1
answer
147
views
How to apply a shader to a game object, and not the entire canvas using Phaser
How can apply a shader to a graphics object, and not the whole canvas?
I have a wave shader example here https://phaser.io/sandbox/6SsT2zfC, and I want the wave to be unaffected by the camera's ...
- 294
0
votes
1
answer
75
views
Object created in function triggered by emitter does not run constructor
I'm working on expanding on the tutorial found here
I currently am creating two classes based off of menu
...
- 101
1
vote
1
answer
160
views
Problem recreating shader on Phaser 3
I'm trying to recreate the following shader from shadertoy using Phaser 3:
https://www.shadertoy.com/view/wdG3Rz
I managed to fix the errors I was getting but it just loads an empty black square when ...
1
vote
1
answer
195
views
How to fill the rest of the viewport with a Phaser game's content?
In Phaser, is it possible to fill the remaining part of the Browser window with the game's (clipped) content, and still keep the aspect ratio of the game intact?
For example, I have a game which is ...
- 294
1
vote
0
answers
90
views
Tilemap is shaking on camera move in Phaser
I am creating simple 100x100 tilemap using Tiled and Phaser, nothing more, but when I move the camero around, the "map ...
- 111
1
vote
1
answer
452
views
How to make object movable only by the player?
I'm trying to let the player of my PhaserJS game (with MatterJS physics) move a (static?) object around. That is: the player is allowed to move the object, but otherwise it should be ...
- 695
1
vote
1
answer
62
views
Collision Bounding Boxes Remain after Collisions
I am building a multiplayer snake game and I turned on debug mode to see more details of what was happening. After a collision with an apple, the collision bounding box seems to remain and multiple ...
- 135
1
vote
1
answer
762
views
Algorithm for taking the shortest path between two XY coordinates
I am making a simple game in Phaser (but the library doesn't really matter).
I have an enemy that is moving towards the player on a 2 dimensional grid. I have written some code that makes the enemy ...
- 113
0
votes
1
answer
269
views
Tween a pop-up containing several buttons
I am developing a small game with Phaser 3. I want to make a container with several buttons, representing a pop-up dialog. The container needs to pop up on completing a task. When container pops up, I ...
- 11
0
votes
2
answers
1k
views
Scope of 'this' - Cannot read property of undefined in collider and overlap function
I am working on my first 2D game with Phaser 3. I have set up VS Code with a node.js https server and run it to deploy the game on localhost.
While the game gets compiled successfully and deployed, I ...
- 11
-2
votes
2
answers
225
views
Phaser 3 animation API
I am following the tutorial for Phaser 3 game development and came across the following line of code.
player.anims.play('Left', true);
I am curious about the ...
- 11
0
votes
1
answer
184
views
Predict future position of a moving body in Phaser arcade physics
I am looking for an equation for predicting the future position of a moving arcade physics body in Phaser 3. The body has drag applied and isDamping set to true. Phaser applies the drag using the ...
- 11
0
votes
1
answer
165
views
How to justify text that appears character-by-character
I'm currently using the latest version of phaser framework and I have a problem to which I haven't been able to figure out how to approach.
I need to have a block of text appear letter by letter and ...
- 45
0
votes
1
answer
330
views
Isometric tilemap circle around object
I am developing an isometric game like Anno 1602.
I have an isometric tilemap. The default tilesize is 64x31.
My goal is to show the area a building has influence to. For that I want to show a circle ...
- 101
0
votes
0
answers
177
views
Phaser Game not rendering on normal page
I made a game with the Phaser game framework on a course, and now I want to add features and build upon that game. The only problem is that I built the game with the course on webpack, which served ...
0
votes
0
answers
1k
views
Slot machine game Phaser 3
I need an advice on creating a slot machine phaser game.
So it looks like this
I need to plan an approach to do the animation of the reels of the slot machine. I have idea of using tileSprite, are ...
- 101
1
vote
1
answer
262
views
Camera bounds with container overflow
I'm using Phaser to create a small web based game, but I would like some advice on how to handle multiple resolutions and scrolling.
Basically what I would like to achieve is the following :
The game ...
- 111
2
votes
1
answer
6k
views
Phaser 3 - How to trigger an event every 1 second?
I have just started learning Phaser 3 and making a simple idle game, where you would gain x resources per second. What is the best/recommended way to do something like this?
The two main ways I have ...
- 780
0
votes
0
answers
96
views
Correct way to control a scene
I'm trying to build an '90s style rpg game, think dragon warrior series, where it will have a UI box at the bottom of the screen where the user makes a choice like attack, move, eat etc
I'm thinking ...
- 153
0
votes
2
answers
952
views
Launch event at the end of an animation with phaser 3
I'm starting to develop in Phaser 3, and I'm really a begginer.
I'm trying to make an attack move of an archer sprite, but I cannot make it work right...
This is how I have defined the things related ...
- 153
0
votes
1
answer
1k
views
Set background color in Phaser
I want to set a background color for my game.
I found this solution:
function create() {
this.cameras.main.setBackgroundColor("#d5d5d5");
}
but I want to be ...
- 103
0
votes
1
answer
533
views
How to set drag events on a Phaser 3 group?
I'm trying to set a drag event on a Phaser 3 group, but I wasn't able to achieve what I want. I was reading some Phaser 2 blogs, and they said that it isn't possible to set a drag event on a group.
...
0
votes
1
answer
84
views
setTint() on half image
I'm developing a game where I need to paint half of a image when the user is either wrong or right. To paint the image, I'm using setTint() to paint the image the ...
0
votes
0
answers
124
views
Portrait and Landscape Design
I have a turn-based game that is built with HTML 5 gaming framework and runs completely fine in Landscape mode. What I am trying to figure out is how to make the game run fine in both portrait and ...
- 1
1
vote
2
answers
891
views
How to create a map array with multiple layers?
I’m trying to create a map array without using JSON because I want to dynamically generate the map:
...
- 289
0
votes
1
answer
241
views
Phaser 3 physics bug in platformer game
I'm writing a platformer lode-runner-like game. I would like to ask experienced people to see what's wrong. Everything seems to be ok but I am absolutely confused about 3 bugs.
Why is the player ...
- 3
0
votes
1
answer
810
views
Why is my player still moving down when I set its gravity to 0?
I'm writing Lode Runner like platformer game. I'm trying to solve player sprite slowly moving down when on ladder by setting player.body.gravity.y = 0. I have ...
- 3
0
votes
0
answers
531
views
Client side prediction in 2D rigid-body physics
I'm currently working on 2D rigid-body physics multiplayer game using Matter.js for physics (both the client and server side) and Phaser3 for rendering. Both the server and the client run the ...
- 103
1
vote
1
answer
507
views
Behaviour of containers in Phaser 3 framework
I don't understand the behaviour of containers in this example:
Phaser example
The part I don't unerstand is line 41. Why is lastContainer assigned to newContainer? In line 40, newContainer is added ...
- 11
1
vote
1
answer
2k
views
How to detect collision direction in Phaser 3
Please consider this scene. Developed using PhaserJS 3.
I want to make the slider move left when the player touches the right hand side of it, and move right when the player touches the left hand side ...
- 111
0
votes
2
answers
259
views
Phaser Editor / Phaser 2 Resize State
I’m working with Phaser Editor, and I was wondering if it was possible to resize the scene with the editor or just plain Phaser 2. I want to resize the world, by which I mean to make a camera follow ...
- 1
0
votes
1
answer
512
views
Web based poker on Phaser 3
Please can somebody help me as I'm a lil bit new to game dev and user interface designing.
I am trying to create a simple Texas holdem poker using phaser3 for multiplayer application.
I have a few ...
- 11
0
votes
0
answers
54
views
How to make physics of motion on an inclined surface
There is the following platform:
And a coin above it:
And the following code using arcade physics:
...
- 123
4
votes
0
answers
230
views
Phaser: InvalidStateError
I am using the Phaser framework for game development, but while working on it I face a bug which is annoying, I have the following message:
InvalidStateError: An attempt was made to use an object ...
- 143
0
votes
1
answer
512
views
Phaser: How to call a function inside another function?
So I actually have the following code that works:
...
- 143
0
votes
1
answer
218
views
Whay can my player only move in one direction?
I am trying out the Phaser 3 framework and I dont know why my player Object moves only left but not right... Here's another weird thing: if I swap code segmentd for move right and move left, then I ...
- 3
0
votes
0
answers
931
views
Collision detection not working in Phaser 3
I am new to phaser. So I started working on a game but I am stuck at implementing collision detection. I want to do it between a static group(dot) and a Sprite(obs).
function create(){
...
- 101
0
votes
1
answer
1k
views
Why are not the images loaded in Phaser?
I am starting to use phaser to create games and I found a problem that I can not find for more tests that I did.
I can not show the images I am uploading. You only see a small square in the center, (I ...
- 101
0
votes
2
answers
998
views
Parallax background in with depth in Phaser 3
I'm working on a 2D space shooter type of game in typescript using Phaser 3 and am trying to get a parallax background with different depths going. But I'm having trouble getting the math right.
You ...
- 253
0
votes
1
answer
180
views
PhaserJS: Detecting intersection
I'm making a card game to get my legs with phaser. I have an row of overlapping, face down cards. I want to detect when any card is covered by another card.
The deck is shuffled before being placed ...
- 130
0
votes
1
answer
240
views
Setting a jump counter in my 2d platformer built with phaser
I have a platforming game, written in javascript with the Phaser.js framework, where my character collects objects. I thought trying to collect all objects in the least amount of jumps would be ...
- 37
0
votes
2
answers
506
views
Why is my spritesheet displaying all messed up in game?
I'm having an issue I don't quite understand, where my spritesheet is looping strangely and not showing the full sprite I want, even though I feel like I'm specifying it correctly. My code is in ...
- 37
0
votes
1
answer
243
views
Detect mouse over a line in Phaser
We're developing a game in Phaser as a university project and have come across an obstacle. We need to detect when the mouse is over a line between two points. There are not a lot of lines, definitely ...
2
votes
2
answers
2k
views
One pixel lines flash on tile map when camera moves
I'm writing a simple game using Phaser 3.5.1. I made a 20X20 over world tile map for my hero to walk around on with the camera following the hero. I was able to implement tile based movement using ...
- 151
0
votes
1
answer
2k
views
How to change color of text in canvas in phaser.js?
I want to change the text color in my game that is build in phaser.js. But i have no idea how to do this, because i am not a coder.
Can somebody help me to change the color of my game text?
My Game ...
1
vote
2
answers
664
views
Detecting overlap with Phaser P2 physics
In a 2D platformer, I'd like to implement a ladder. I have collision working between the player and ground tiles. Now I would like to be able to detect when the player walks through a ladder tile (...
- 219
2
votes
1
answer
1k
views
How to zoom in and out the full tilemap from center in phaser?
I am developing a game where I need to zoom in entire map also I can be able zoom out. I have created a tilemap using tiled software and rendered it using phaser.js. How can I add this function to my ...
- 25