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,313 results

  1. Good news everyone! Recently our team was able to collaborate with guys from Bandai Namco (creators of famous game series like Pacman, DragonBall , Tekken and many more). We have created a web version of a good ol' arcade game MrDriller. Please take a look and let me know what do you think -
  2. Hi guys! It's been a while since I last posted about my game, but this new trailer (in french, english subtitles available) is a fairly good reason to! OWN is a competitive brawler made with Phaser, which you can play in your browser for free. Despite being a browser game it's real-time and highly competitive, and you can play in 1v1, 2v2 or 3v3. We organize beginner & pro tournaments every single week, open for free to everyone! You can use the PHASER promo code to gain 10€ ingame!
  3. VittorioSL

    Scale Polygon

    Hi all, I've a problem with Phaser and Box2D Physic. I created a game where I load sprites and apply a polygonal body to them through a series of coordinates. When I resize the sprite I send the coordinates to a function that recalculates them based on the scaling factor. The coordinate array returned to me is correct, but when I redraw the body I have the effect shown in the attachment image. In other words, a square is always drawn in the same position and with the same dimensions. The coordinates of the square AREN'T present in my array. I realized that this occurs when there are very close coordinates 'cause if the scaling factor isn't so small the problem doesn't occur. Can someone help me? Thanks in advance, Vittorio
  4. here's the GitHub repo. Highlights dev server with live-reload and auto port finder simple SHOW_ALL style stretch mode Auto spritesheet with spritesmith Image optimization on build streamlined assets loading modular development setup Inside full Making your first Phaser 3 game made into modular code. All feedbacks are welcome.
  5. hi I need help to fix a bug on mobile for a phaser game. it works on the PC (Browser) but not on mobile browser. thanks
  6. Yehuda Katz

    Update group's alpha without a delay

    Hello, Is there any way to force Phase to update texture without a delay? Shortly said, I have issue with Phaser.Group.generateTexture() method: 1) Lets say you have group, which fade out to alpha = 0. 2) Later you want set group back to alpha = 1 and 3) generate sprite, 0, group.generateTexture()) RESULT: you will get empty sprite... However, if I do lets say 100ms delay, everything works as expected... If I fade out group to 0.1 instead of 0, I am getting texture with 0.1 transparency, which means that PIXI needs time (one tick?) to actually update alpha. QUESTION: Is there any way to fix this problem? Thanks
  7. How can one create group sprite at intervals? Here is my code <code> function createPlate() { ({ key: 'goodPlate', repeat: 4, setXY: { x: 70, y: 100, stepX: 120, stepY: 20 } }); }, createPlate, this); </code>
  8. Zampano

    Group Alpha

    Hey everyone. Is there a possibility to use something like a "master alpha" for a group of sprites instead of them all having their individual alphas changed? If that's not clear enough: I have a group of overlapping sprites that make up a bigger element. Now I want to fade this in/out as one single object using a tween. Instead, the sprites fade individually which results in them overallbeing less transparent in overlapping areas as well as initially covered sprites to shine through for the duration of the fade. Obviously, I could alternatively just make it all one sprite, but due to multiple possible combinations, that would be quite costly. Does anyone have an idea? Thanks! EDIT: After some more research, I think rendertexture might be what I need, right?
  9. Titus

    Walk Animation Shaking

    Hello, I have a player spritesheet with 25 frames for a walk animation loop. When I add the animation and play it without any velocity is works fine. When I add velocity to it I can see that the feet of the sprite are visibly shaking. I've tried playing around with the velocity values and there does seem to be less shakiness with lower velocity values but then the feet are just moonwalking on the floor . I'll add my code below. In the game the velocity is mapped to the right arrow but for testing everything is in the create method here:
  10. I wanna create a single animation using multiple sprite sheets that I have, which are a kin da content.
  11. I tried out multiple methods and property from the;q= this both link for the phaser3 but not able to set the width of the perticular text i also try to apply font using css but it also not working for me. Thanks in advance.
  12. Hey everyone! Currently, I'm building a vertical space shooter game, similar to Galaga, but I'm running into a problem where the enemy respawn function consumes a large amount of processing. Whenever you play my game for roughly 20 - 30 seconds, a noticeable lag begins to drop the framerate from 60fps to as low as 30fps; however, if you play for a little longer after the severe lag begins, the game will jump back up to 60fps. I''ve narrowed it down to this piece of code: createEnemy(): void { var MIN_ENEMY_SPACING = 300; var MAX_ENEMY_SPACING = 3000; var enemy = this.enemies.getFirstExists(false); if (enemy) { enemy.reset(,, -20,; enemy.body.velocity.x =, 150); enemy.body.velocity.y =, 100); enemy.body.drag.x = 100; enemy.update = function() { enemy.angle = 0 -, enemy.body.velocity.y)); } } // Send another enemy soon, MAX_ENEMY_SPACING), this.createEnemy, this); } If you view the uploaded image attached to this thread, you will notice where the createEnemy() function lies; however, the top functions having the worst Total Time are update, updateRAF, sort, InnerArraySory, Quicksort, etc. All of these functions are influenced by the createEnemy() if you go inside their nested subfolders. Any thoughts on what may be specifically wrong with this code?
  13. Hi all! I made some improvements to my web games site 1 Pixel Army, now it has 4 games (all made with Phaser). I'd be happy to receive suggestions for improvement. You also have the option to place a free ad as well, to promote your game/project/whatever, you just have to sign in with your Google account. Hope you enjoy the games, and spread the word!
  14. Arijit Naskar

    line not rendering from array

    I am creating dynamic moving sprites and drawing lines between them. The sprites are moving. But the lines are not moving. Please help. My code is below: var poly, graphics, game = new Phaser.Game(this.width, this.height, Phaser.CANVAS, 'phaser-example' , { preload: preload,create: create,update:update,render:render}); var handle1; var spritearr; var i = 100; var linearr; function preload() { game.load.spritesheet('balls', '../../assets/sprites/ball.jpg', 100, 100); } function create() { game.stage.backgroundColor = '#124184'; spritearr = []; linearr=[] handle1 = game.add.sprite(400, 400, 'balls'); handle1.anchor.set(0.5); game.physics.arcade.enable(handle1); spritearr.push(handle1); } function update() { if(spritearr.length==4) i=100; if(spritearr.length<4) { spritearr.push(game.add.sprite(400+i, 400, 'balls')); spritearr[spritearr.length-1].anchor.set(0.5); spritearr[spritearr.length-1].inputEnabled = true; spritearr[spritearr.length-1].input.enableDrag(true); game.physics.arcade.enable(spritearr[spritearr.length-1]); i=i+100; linearr.push(new Phaser.Line(spritearr[spritearr.length-2].x, spritearr[spritearr.length-2].y , spritearr[spritearr.length-1].x, spritearr[spritearr.length-1].y)); linearr[linearr.length-1].fromSprite(spritearr[spritearr.length-2], spritearr[spritearr.length-1], false); } for (var k = 0; k < spritearr.length; k++) { spritearr[k].body.velocity.x = -100; if(spritearr[k].x <0) { spritearr[k].destroy(); spritearr.splice(k,1); graphicsarr.splice(k,1); } } } function render() { for (var k = 0; k < linearr.length; k++) { game.debug.geom(linearr[k]); } } } **The code is working if I do with just 2 sprites and no loop inside render() function. May be the the issue is because I am using a loop inside render() function. Please suggest if there is a solution.
  15. Play Cool Math

    Online Sudoku Game

    Hi I want to present new game Online Sudoku Daily mode (Every day new level) Classic mode (easy, medium, hard) Print Sudoku Facebook connect Top score for daily mode Backup (restore game if you close browser) Magic button (help) Pause Restrore progress system (if you logined, you can restore progress on other devices and browsers) Mobile Versions:
  16. GoldFire

    More advanced particles?

    We are in the process of porting our Phaser-CE game to Phaser 3 and have been using Particle Storm. We were able to make a lot of great particle effects with this and it looked like the Phaser 3 particle system was fairly similar. However, we are finding some serious limitations that render the vast majority of our particle effects impossible in Phaser 3. I'm hoping this isn't actually the case and I'm just overlooking something. For example, a lot of our particles start with a random alpha value, fade in from 0 to full opacity at the half point and then back to 0 at the end: alpha { value: {min: 0.5, max: 1}, control: [{x: 0, y: 0}, {x: 0.5, y: 1}, {x: 1, y: 0}], } However, two issues in Phaser 3: 1. You can't use min/max in addition to start/end, so it is an either/or with having random values and values that tween. 2. You can no longer define a control, you can only provide an easing function, which means you can only either fade in or fade out, but not both. Is there any way to accomplish this in Phaser 3 that I'm overlooking?
  17. Appolos

    Plugins in Phaser&ES6

    I`m use in creating simple game - ES6 syntax, and I cannot add plugin to my game (phaser-plugin-game-scale). Help me and explain how to use plugin in ES6 syntax. Thanks!!
  18. Play Link: Monster Clean-Up Can you fight monsters with a mop? Thanks to player feedback, I've invested all my time in creating this huge update: - New Monster Types - Boss Events - Different Weapons - In-Game Shop - Score System & Online Leaderboard! - Personal Kill Statistics - And more Gameplay You are the janitor entering a monster-infested building. How many monsters can you clear? Find out in Monster-Clean-Up! Clear floor by floor, collect power-ups, buy new weapons and stack up on dollars to save your progress! Check the leaderboard to compare your score with other fellow Janitors! The game works on all mobile devices (phones, tablets). Art & Design All the sprites in the game have been hand-drawn by me, which is a first. I would love to hear all your feedback regarding the art style as well as the overall gameplay! Game Link Thank you for checking it out Play Link: Monster Clean-Up
  19. Hi everyone, I want to show you my first html5 game. It named Monkey Jump. Addictive, fun and curious game. This game created using phaser 2 and I built it into android application (.apk) . It already published on google play store. I don't have online testing page, but you can try and play it by downloading on googleplay. This is the link to get it: Monkey Jump. Youtube Video
  20. Damla Eker

    addToFileList in Phaser 3

    Hi everyone, Is there an equivalent of "addToFileList" in Phaser 3?
  21. How to pass the cursor object to a method that belongs to a class that inherits the Phaser.Sprite class? I have a class that inherits from Phaser.State in which I create a cursor object and pass it to the update method from another class. class Play extends Phaser.State { create() { this.physics.startSystem(Phaser.Physics.ARCADE) ... this.player = new Player({ game:, x: 32, y: - 150, asset: 'dude' }) } update() { const cursors = this.input.keyboard.createCursorKeys() this.player.update(cursors) } } Player class - problem occurs in the if condition: class Player extends Phaser.Sprite { constructor({ game, x, y, asset }) { super(game, x, y, asset) this.body.bounce.y = 0.2 this.body.gravity.y = 300 this.body.collideWorldBounds = true this.animations.add('left', [0, 1, 2, 3], 10, true) this.animations.add('right', [5, 6, 7, 8], 10, true) } update(cursors) { this.body.velocity.x = 0 if (cursors.left.isDown) { this.body.velocity.x = -150'left') } } } Error message: "TypeError t is undefined"
  22. I am new to html5 games. I wanna know what LACKS in HTML5 games in terms of revenue ? Can you monetize html5 games with banners and interestitial ads as ANDROID GAMES DOES ? Is there a possibility of implementing IAP or rewarded videos like ANDROID ? Do u thing that using webview that host an HTML5 game in ANDROID and use all these forms of ads above is a good idea ?
  23. How do you configure the server for this template ? => I'm trying to do it by following this tutorial => I added two dependencies: nodemon and express. I created the server.js file with the server configuration. const express = require('express') const app = express() const server = require('http').Server(app) const path = require('path') app.get('/', function(req, res) { res.sendFile(path.resolve('index.html')) }) server.listen(8081, function() { console.log(`Listening on ${server.address().port}`) }) In the package.json file, I added a command to start the server: nodemon src/server/server.js The server starts correctly but the indicated html file can not read the scripts (" The load failed for the "script" element with the source vendor.js and app.js"). Project structure:
  24. I want to implement a bitmapData property to skew my sprite, so anybody help me out there..? need to know how to implement search docs in our game..?