Search the Community

Showing results for tags 'phaser'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • HTML5 Game Coding
    • News
    • Game Showcase
    • Facebook Instant Games
    • Coding and Game Design
  • Frameworks
    • Phaser 3
    • Phaser 2
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Website URL





Found 3,291 results

  1. Hi All I would like to do a simple alpha mask but be able to offset the masked picture so that it is centered in the mask since the picture that is being masked is dynamic and can change positions. Any recommendation ? Thanks Rz
  2. Hi, i'm fairly new to JavaScript and very new to Phaser. I'm coming from developing in Java which has amazing content assist (i get the method names, parameters and if available, the description of the method for every object etc) and im wondering if theres a way to set this up with Phaser? I'm using the Aptana IDE and not having any content assist makes things way more difficult.
  3. Cirta Games

    [Complete] [Phaser] Twins Family

    Hi everyone, Our name is Cirta Games, we are a development team, we are focusing right now on developing Html5 mobile games using Phaser. Our games work in desktop, tablet and all mobile devices. In the last few months we have made many games, most of them are high-quality games, and sold many licences to many sponsors. In this period, we were active through our personal accounts in the Html5 Game Dev forums, but now we decided to put on feet the official account of our team here in this awesome and useful forums. We will be publishing our games here in this forum from now on and we will be pleased to hear your feedback, suggestions or anything that can help us make better games in the future. Here we go with our first game here in this forum: Twins Family The twins family is dispersed, help it to assemble again. Tap on the blank between twins to assemble them. Assemble the twins on the star to get it. Play Twins Family We hope you will enjoy playing our game and, as we said above, any feedback or suggestion is welcomed
  4. nunziox

    Probelm with bitmap

    Below there is my code, 'where' gesture is an instance of a class that contain a bitmap. <html> <head> <title>Game</title> <script type="text/javascript" src="js/dollar.js"></script> <script type="text/javascript" src="js/phaser.min.js"></script> <script src=""></script> <script src="js/gesture.js"></script> </head> <body> <script> var w = window.innerWidth * window.devicePixelRatio,h = window.innerHeight * window.devicePixelRatio; var game = new Phaser.Game(w, h, Phaser.AUTO, '', { preload: preload, create: create, update: update, render: render }); var platforms,gesture,ground; var solidH = 100,solidW = 100; var bmd; function preload() { /*Imposta limiti di risoluzione 2048x1536 retina display */ game.scale.maxWidth = 1920; game.scale.maxHeight = 1080; /*Vogliamo scalare fino a quando possibile, ma proporzionalmente*/ game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; game.scale.setScreenSize(); game.load.image('forest', 'assets/bksprite.png'); game.load.image('ground', 'assets/solid.jpg'); } function create() { platforms =; platforms.enableBody = true; ground = platforms.create(0, - solidH, 'ground'); //adesso creiamo il ground ground.body.immovable = true; // questo impedisce la caduta del ground ground.body.collideWorldBounds=true; bmd = game.add.bitmapData(w,h); bmd.context.fillStyle = '#00CCFF'; bmd.context.fillRect(0,0,w,h); bmd.context.fillStyle = '#FFFFFF'; background = game.add.tileSprite(0, 0,w,h,bmd); } var k=10; function update() { bmd.context.fillStyle = '#FFFFFF'; bmd.context.fillRect(k,10, 10, 10); k=k+10; } function render(){ } </script> </body> </html> I don't understand because the square is drawn once. I obtain one white square at position x=10 y=10 and not a line.
  5. I'm with a company called Ignition, in the US. We develop marketing campaigns and other cool products for our clients. We are embarking on a very fun journey now in building a series of games for a TV series and we are exploring Phaser for the first time. the html5 game engine is ideally what we're looking for. We can also look for people with experience with impact.js and any other html5 game engines. Our games have to run on desktop, tablet and mobile and each will be relatively simple from an interaction standpoint. phaser.js is the key. Here are some samples of some of the games that are similar to what we are building/level of gameplay: Top-Down Driving Game is an HTML5 prototype we've been developing over the past few days.You'll see a big difference in visual fidelity in the final game, as well as more of a linear course, but should give you a basic idea of gameplay. Stealth GameThe stealth game will be a side-scrolling "platform" game similar to Mark of the Ninja. Our engine will be a bit simpler, though.(Reference: Shooting GameThe shooting game will be built off of a similar engine to the Stealth game, with an emphasis on tap/click-to-shoot and cover mechanics like Major Mayhem.(Reference: Please feel free to reach out with any questions and we are definitely open to working with people offsite and in other countries other than the US. Thank you for your time. If interested, please email me.
  6. Hi there little felas, I stumbled upon two ways to code with Phaser in OOP. Each one are diferent in how to code, and in how to structure your game. The first is the familiar Let's call it "flappy tutorial". And the second is the And this we call it "not-flappy tutorial". Well, the flappy tutorial uses a simple and easy to understand way to structure the game. He uses the objects/classes ass a simple module of code to be added to the main code, without any complication and any work to think about. In the not-flappy tutorial, I took a few seconds to understand how it works. He makes the object a extention of the Phaser.Sprite to determinate that object ass a sprite, and to add to the game, you have to add ass a existing object through Phaser.Game.add.existing and add the object ass a Phaser object. Cool huh? So, witch one of these ways make our game run smoothly? Take less time to execute? May the force be with us, so we can live long and prosper...
  7. Salvatore

    Rotate Camera

    How to rotate the camera?? Is there a angle method?
  8. nunziox

    Create random element at run time

    What is the best way to create an enemy at run time? Actually, i wrote this code: var position = % 500; if ((position>= 0&&position<=10&&enemies.countLiving()==0) && != 0) { var random_number = Math.random() * 100; if (random_number >= 0 && random_number <= 50) { enemy = enemies.create(, - enemyH - solidH, 'enemy'); rifbomb = w; enemy.body.collideWorldBounds = true; enemy.frame = 1; enemy.body.velocity.x = -80; } }
  9. Hi all Bit Fantasy is an HTML5 Multiplayer RPG that has been live for just less than a year now as an "early access" style game where people can help crowdfund the idea while it is in development. The unique points of this game are that there are no microtransactions and no commission for trading items with other players. We've had people from opposite sides of the world sell things they crafted to each other for real Bitcoin It started in a very basic form as part of the "release early, release often" ethos, to allow people to play it while it was developed. The very first version didn't even required javascript to be enabled The UI is now being rewritten to be smoother and better looking, and Phaser has been very nice for that. The game has an infinite world so loads tiles from the server as the players move around, players can build their own locations and roads etc.. Here's a preview of the new smoother UI we are working on. Screenie: If you want to try the current version of Bit Fantasy it's at - there's a free trial, you just need a bitcoin address.
  10. frankdev

    Setting Up Phaser Environment

    Hi all, Is there any way to set up a Phaser environment in a free ide so that the ide gives method parameters and descriptions? -Thanks
  11. Vrashq

    GameWeek ISART Digital

    Hi everyone, All the games of the ISART GameWeek are released ! If you're interested of game makes in a week, don't hesitate. lot of those games are made with PhaserJS ! You can find them here :
  12. I am adding Sprites dynamically by using a timed event. I can't find a way to bring a new graphics (a flooded rectangle) above the sprites generated. The sprites are always on top create() { var graphics =, 0); graphics.beginFill(0xFFFF0B); graphics.drawRect(0, 0, windowWidth, 70); graphics.endFill(); timer =, addSprite, this); } addSprite() { sprite= game.add.sprite(20, 30, 'sprite'); } Any help??
  13. I am adding new sprites in timed event ( I was trying to draw a filled rectangle above these sprites. I cannot figure out how. The sprites are always displayed on top Any help??
  14. askariwa

    Any tip on how this can be done ?

    I have searched on web but i didn't found anything useful so i am trying here for a tip. I want to make a game where i can handle a collision between a predefined game object (a sprite) and a dynamically shaped object, like the crate and the curve in the image attached to this post. I want to be able to change the curve charateristics programatticaly and still get the colision events with the game sprites. I was thinking about trying to do the checking on an off-screen canvas but i didn't find any kind of tutorial on this in any kind of game engine. Could it be possible doing it with Phaser ? Thanks in advance
  15. shmikucis

    Game editor on Phaser

    Recently our team has created two mini-games using and we find it pretty useful. We at MightyFingers decided to help fellow game developers and created editor on top of it and called it "MightyEditor". The idea is pretty simple - make it easier for everybody to work with the framework. Currently we have very basic features implemented like asset management, map creation, grouping in levels and data exporting. However without these basic things we would spend quit a time to create all levels we have. How does it work? Editor is web based tool and doesn't require any hassle like installation or authorization to the system. Simply go to and system will give unique URL where you will be able to return later on and continue your work with map creation. Real time testing is as simple as including URL given on editor top right in your game project. You can export data from editor at any time, no dependencies here. We have tested editor only on Chrome, no guarantee for other browsers For more info check out editor features section at our home page. Video tutorial Here is a list of the features that we are planning to implement in the future. Please vote for your favorite/most needed one or even request a new one – so we can focus more on the most required features: text object zoom in / out sound management tile map support import from tiled editor export to tiled editor sprite animation editor tween editor source editor user and multi user support version control for the projects
  16. yegorf1

    Slow moving in P2.

    Holla, amigos! How to slow moving of bodies in P2 physics? I need to substrat 1 pts from body speed per second.
  17. Hi all. I've been encountering this issue since some time now : I know how to initialise P2 Physics game.physics.startSystem(Phaser.Physics.P2JS);When I do this in the create of a State, everything is okay, I can enable bodies on sprites and set my callback events ( onBeginContact ...). I also listen to the broadphase callback and this is working. The thing is, if I move the code above to another State create() function, or in the Game create() function, I lose all my events, the physics seems weird, and the broadphase callback setting trigger an error ( about pairs parent ) Do I have to start a different physics system for each State? That seems weird to me. Thanks
  18. Hello, i have a group of platforms : create: function {this.platforms =;this.platform = this.platforms.create(,, 'yellow'); this.platform.anchor.setTo(0, 1); this.platform.scale.setTo(10, 1); game.physics.enable(this.platform, Phaser.Physics.ARCADE); this.platform.body.immovable = true; this.platform.body.reset(startwidth, startheight);}and i make them move like this : update: function{ this.platform.body.x -= 10;}The problem is, when a new platform come the last one stop moving, instead of move until leave the screen, is there any way to solve this ?
  19. lobsterhands

    Phaser and Tilemaps

    I'm completely new to HTML game making. Phaser is my first framework. I got curious about how tilemaps worked. If you already know, you may not need this. If you're brand new, check out this tutorial I found: If you have any good tilemap tutorials to add (specifically applying to Phaser), please add them here.
  20. Announcing the release of the latest from my backyard hack/pawn shop - Do leave a comment if you have suggestions and tips. Criticism is welcome too, of course.
  21. Hello, i have a movable platform, right now when the player is on it he move with it but i dont want that, i want him to fall when the platform go away, is there any way to do this ? (I use Phaser v2.0.3) create: function{ // the Player this.player =, 30, 'yellow');, Phaser.Physics.ARCADE); this.player.body.collideWorldBounds = false; this.player.body.setSize(50, 50, 0, 0); this.player.body.gravity.y = 2600; // platform this.platforms =; this.platform = this.platforms.create(0,, 'brick'); this.platform.anchor.setTo(0, 1); this.platform.scale.setTo(30, 1); game.physics.enable(this.platform, Phaser.Physics.ARCADE); this.platform.body.immovable = true; }update: function{, this.platforms); // moving the platform this.platform.body.velocity.x = -500;}if tried to add this : if(this.player.body.touching.down){ this.player.body.velocity.x = 500;}but is very bad because i want the player to stay on the exact same horizontal position all the game and with this he go on the right. any idea ? ps: this is my first post here so i take the opportunity for thank the phaser team ps2: sorry for my english i am not native
  22. Hi guys, I've participated last weekend to Ludum Dare 29 and made a ant simulation game using Phaser. The game I have written a postmortem on game entry is available here: Feedback on Phaser This was the first time for me to use Phaser, and this was quite an awesome choice. The learning curve was quite smooth, the concept are clean and simple. I mainly use the Phaser API documentation, however by doing so I missed some guidelines on what to do, what to not do. But I had 48 hours to make my game, so not so much time to read tutorials. I've recently browsed the library source code and it is quite a good thing to do if anyone wants to use Phaser (that was great to see how the framework works and all the optimisation tricks) During my development there was one thing weird about performances: So my game is a big map of dirt tiles, and I first wanted to use a set of ~ 10 Phaser.BitmapData so I can have different gradient of dirt, and for each tile I would use one of this bitmap data randomly. However, even if a BitmapData is (I think?) suppose to be cached, my performance was awful comparing to just using Image Sprite. Any idea about this performance issues? Thanks, @greweb
  23. nunziox

    Paint in a game

    I need of painting into a canvas while the game is run. I'd want to set the physic at the painted element. is it possible?
  24. Hi! I'm following the Tutorial: How to organize your Javascript code into classes using Phaser HTML5 game framework - Toastedware but, the body class appears "undefined" in other classes files. Using the Firefox Javascript console, this message pop in the Level.js: 'ground.body is undefined'How fix this? Everything works fine, but this cracks the whole execution. P.S.: My Level.js file: Level = function(game){ = game;}Level.prototype = { preload: function() {'background', 'assets/game01/sky.png');'ground', 'assets/game01/platform.png'); }, create: function() {, 0, 'background'); this.platforms =; var ground = this.platforms.create(0, - 64, 'ground'); ground.scale.setTo(2, 2); ground.body.immovable = true; // The trouble line } }
  25. quitnik

    Tetris issue [ Newbie Questions ]

    Hi guys, I have just started tries to make small games using phaser and decided to start from something very usual - tetris. So I am sorry for my stupid questions but I have spent some time trying to resolve the question by myself but without any success. As we know each tetris' figure consists from 4 blocks. Also I want to add some physics to my game. And this is the main issue that I have faced. 1. Can I use simple rectangle and not sprite as physics body? 2. If I am using sprite I have 1 block. As far as I have understood I need to create a joint from 4 such blocks to have one solid figure. Am I right? Or there should be used another way. Also if yes, how can I create such joint? P.S. any tutorials with tetris or something similar with usage of phaser will be very useful. Thanks and sorry for my stupid questions