Questions tagged [phaser]

Phaser is a JavaScript framework for game development on desktop and mobile platforms.

Filter by
Sorted by
Tagged with
1 vote
1 answer
55 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 ...
Javier Villanueva's user avatar
0 votes
0 answers
32 views

How can I apply blur filter in Phaser 2.7

can somebody please tell me how can I apply filters in general, and specifically blur filters in Phaser 2.7? The approach I found on ChatGPT is: ...
Haider Mansoor's user avatar
1 vote
1 answer
85 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 ...
John's user avatar
  • 264
1 vote
0 answers
37 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 ...
Michał Wojas's user avatar
1 vote
1 answer
260 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 ...
Jeroen's user avatar
  • 595
1 vote
1 answer
37 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 ...
qbush's user avatar
  • 135
1 vote
1 answer
522 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 ...
yesman's user avatar
  • 113
0 votes
1 answer
230 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 ...
bhagya's user avatar
  • 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 ...
bhagya's user avatar
  • 11
-2 votes
2 answers
190 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 ...
bhagya's user avatar
  • 11
0 votes
1 answer
139 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 ...
Calabi's user avatar
  • 11
0 votes
1 answer
120 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 ...
JamesAlex's user avatar
0 votes
1 answer
233 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 ...
pr4xx's user avatar
  • 101
0 votes
0 answers
119 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 ...
GreatCoder's user avatar
0 votes
0 answers
770 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 ...
Hrant Nurijanyan's user avatar
1 vote
1 answer
155 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 ...
Stnaire's user avatar
  • 111
2 votes
1 answer
5k 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 ...
lozzajp's user avatar
  • 780
0 votes
0 answers
77 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 ...
Mike's user avatar
  • 153
0 votes
2 answers
846 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 ...
Slifer Dragon's user avatar
0 votes
1 answer
699 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 ...
JacopoStanchi's user avatar
0 votes
1 answer
469 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. ...
Arthur Oliveira's user avatar
0 votes
1 answer
59 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 ...
Arthur Oliveira's user avatar
0 votes
0 answers
103 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 ...
Shiv's user avatar
  • 1
1 vote
2 answers
792 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: ...
PerduGames's user avatar
0 votes
1 answer
187 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 ...
Madcap's user avatar
  • 3
0 votes
1 answer
687 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 ...
Madcap's user avatar
  • 3
0 votes
0 answers
460 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 ...
SpeekaDievs's user avatar
1 vote
1 answer
441 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 ...
Piotr's user avatar
  • 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 ...
AJFaraday's user avatar
  • 111
0 votes
2 answers
198 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 ...
Twickz's user avatar
  • 1
0 votes
1 answer
439 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 ...
user8903551's user avatar
0 votes
0 answers
35 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: ...
Timur  Musharapov's user avatar
4 votes
0 answers
213 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 ...
Ced's user avatar
  • 143
0 votes
1 answer
448 views

Phaser: How to call a function inside another function?

So I actually have the following code that works: ...
Ced's user avatar
  • 143
0 votes
1 answer
200 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 ...
Parag 's user avatar
0 votes
0 answers
856 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(){ ...
Lakshya dubey's user avatar
0 votes
1 answer
901 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 ...
Miguel Espeso's user avatar
0 votes
1 answer
874 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 ...
JensB's user avatar
  • 253
0 votes
1 answer
113 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 ...
monsto's user avatar
  • 130
0 votes
1 answer
198 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 ...
B.Batiege's user avatar
0 votes
2 answers
432 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 ...
B.Batiege's user avatar
0 votes
1 answer
211 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 ...
Andrius Ovsianas's user avatar
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 ...
Erik's user avatar
  • 161
1 vote
0 answers
38 views

What are the key considerations I should have when choosing between Phaser 2 and 3? [closed]

I'm planning on experimenting with basic HTML5 game development. Since I'm just learning the ropes I'm sure either engine could support my needs. At the same time I would prefer to focus on the engine/...
Erik's user avatar
  • 161
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 ...
Numaan Anjum's user avatar
1 vote
2 answers
608 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 (...
Tamás Szelei's user avatar
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 ...
Ashish's user avatar
  • 25
0 votes
2 answers
3k views

How player(sprite) in the phaser will opposite or reverse while going left and right?

I am developing a game where my player has to look to see forward when I am pressing right arrow key. But how can I make it look reverse after pressing left arrow? I can create a sprite of reverse ...
Ashish's user avatar
  • 25
0 votes
2 answers
935 views

Phaser is not loading the same map created in Tiled software

I have created a sample map using the tiled software. Then tried to load the same on a webpage using phaser.js. But I am not getting the proper result. Is there any mistake in my code or something ...
Ashish's user avatar
  • 25
4 votes
1 answer
2k views

How can I generate vertex data from an SVG?

I am trying out the Phaser game engine, and am interested in making a vector graphics game (simple black and white like Asteroids), but I want to use vector graphics instead of raster PNGs. I was ...
patrick's user avatar
  • 209