Search the Community

Showing results for tags 'sprites'.

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
    • Web Gaming Platform
    • Coding and Game Design
  • Frameworks
    • Phaser 3
    • Phaser 2
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
  • 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 196 results

  1. Hey guys, Ive have been playing around with Phaser 1.1.3 for the past few days and currently loving its ease of use. There is, however one problem. When I draw text to the game it seems to be drawn below the zombie sprites, I assume this is because the sprite are created and drawn after the text and thus are placed on top. You can see what I mean here: My question it this, is there anyway to make the text drawn on the top and still have the zombies being drawn afterwards (due to spawning code)? Thanks, Eamon
  2. Hi! I'm trying to figure out how to detach a sprite from a Group. Currently you add it with the group as a two-step process: 1) Create the Sprite 2) Add it to the group: group.add(sprite) But if I want to detach it from the group, so I can handle it individually, I have no other option than "destroy", which removes the Sprite. Setting the parent to null doesn't work either. The objective is that when a specific condition is met, the tween that is applied to all elements in the group as a whole doesn't apply to this particular sprite. Thank you!
  3. Hello to all, my name is Denis Castellanos and I currently run a small, yet effective indie GameDev team out of the sunny state of Florida.I am here in order to expand my team, on a per project basis, when necessary. This post will touch base on an in-house 2D project that is in search of a Html5/javascript programmer that is willing to bring this project to lifet. If you are interested please feel to contact me (email provided below) and I would like to note that any/all portfolios are welcomed. Project: Vertical 2D causal game Game Design doc will be provided as well **More information will be provided upon the signing of the NDA Talent Needed: Programming An ideal candidate should posses the following qualifications: An extensive background of Html5 and JavaScript Experience with phoneGap and or programming for mobile devices Understand and know how to implement in-game advertisement that does not intrude on the flow of the game Know how to implement vertical parallax scrolling Time: This project is made to be an easy launch, yet turnaround time is important for the flow of project. Effective communication: Honesty is the best policy Experience with working with sprite sheets Drive, Determination and prideful of their work *Resume/Portfolio is a must, live demos would be greatly appreciated Estimated project length: 10 hours (Depending on skill level) This project is designed to simple and easily completed within 2-3 days at the most. *Please be willing to immediately if possible Art style: 2D Target Platform: Mobile (Both android and iOs) This will be completed via the use of phoneGap Target Language: Html5, JavaScript, Css Compensation: $100.00 USD upon the completion of the project. Compensation will be awarded Paypal. If you any questions, concerns and or interest in this project please contact me via email at: Best regards, Denis Castellanos Follow us on twitter @ImaginaryBeetle
  4. Some people are telling me game takes over a minute to load. Which is odd because for me is takes about 5 seconds. I do have a lot of sounds. A couple of big ones, one being 773 kb, and the other at 1.49 mb. I have a lot of little sounds too. I have seven notes all at about 32kb. And I have 5 other small sounds. Could it sigificantly speed up loading time, if I used one sound sprite for the small sounds? I can't test it myself as it loads really fast anyway. My sounds folder, which contains both ogg and mp3 comes to 5.32 mb. But won't even load the oggs if it loads the mp3s, so it's almost half that. I don't see why this could possibly take someone over a minute to load. We're talking about people who don't have really slow internet. Any advice would be appreciated. I'm proud of the game and it's music and I want to show it off. I'm totally gutted that so many people aren't even getting the chance to play cause of loading issues.
  5. Hi, I'm trying to make a game that's basically a much more simplified version of terraria but due to the amount of sprites I have, it's impacting the FPS pretty badly. I was wondering if there's some way to have lots of sprites while still keeping a high FPS.
  6. Hello! I am having several problems upgrading from version 1.1.3 to 1.1.4. Now I am not able to position some of my sprites in the game when they are created. They always seem to appear at position (0, 0). However, I have a group of sprites that are positioned correctly and I do not understand why. Here's the code from one of my sprites: preloader: this.load.spritesheet ('player', 'assets / character / player-sprite.png', 120, 180); create: this.player =, 400, 'player'); this.player.body.gravity.y = 160; this.player.body.setRectangle (75, 160, 0, 0); this.player.anchor.setTo (0.5, 0.5); As I said, I'm having difficulties in changing version. I'm blocked. Any help would be great. Greetings!
  7. I've making my first game so far is great but I have a display problem. when I rotate the sprite it become's blurry, same happens on jumping and falling the sprite turns blurry. Can anyone help me fix it. I'm using Chrome with WebGl and WebAudio. is there anyway I can make the sprite to not become blurry...Thanks By the way Wonderful framework I started the styding and making the game last night and I'm closer to finished thank you. And from the google searching I see that the administrators (are those the creators?) are responding quickly... Just great keep up
  8. Hey guys, i'm fairly new to phaser, in-fact I am still mostly just modifying the tutoral star collection demo to see what I can do. I have successfully added a standard enemy which walks backwards and forwards on a set path, as well as a basic 3 life system, the problem I am having though is the generic parabolic knock back effect. Everything I try results in my player sprite either shooting off to the corner of the canvas or giving me some kind of weird zero gravity style knock back which looks plain odd. Does anybody have an example of how this works in phaser that they wouldn't mind sharing? (also if anyone knows anything about how to determine which direction the knock back should trigger that would also be great.) Thanks in advance guys
  9. Could anyone make some sprites for my WIP multiplayer shooting game. right now i need: a 32x32 main block sprite (you know like in mario where all the ground is just one major block) a 50x50 sword sprite a 20x20 Pistol and when i say the dimensions please know that that does not mean fill up the entire square it just to give some room for the things and i can will go back and make all the white spots, that are unfilled, transparent this is a 2d shooter so that is why all the sprites dont have a 3rd dimension
  10. Hi, I want to create an animated button, how can i do it? Can i set some animations on the over, up and active states of the button? Thank you
  11. Hi everyone, Just begining with Phaser, i love the phylosophy and how it works For my game, I'm drawing a big tilemap (100 x 100), adding static objects with no problems. Then I want to add moving objects, so I create a group and add sprites to the group, with a simple velocity. And... it doesn't work very well. It seems like each time a new sprite is attached to the group, the animation stops, then restart, so it's not smooth at all Maybe I'm doing something wrong, but I don't think so (i'm properly destroying objects). I tried with Tweens too, but the result is the same. You can check it here : Thank you for your help guys!
  12. I have a platform style runner/scrolling game. The mechanic is if you get pushed off the left of the screen the game ends. I am using sprites as obstacles and as the floor (all square tiles assembled in a grid). The sprites are in a group and recycled and added back to the right of the screen when they leave the game world on the left side. The player sprite is moving along these and I am doing collision tests from the player sprite to the floor/obstacle groups. The problem I am having is that occasionally the player sprite gets stuck while running over the floor and obstacle sprites and then the player is pushed off to the left of the screen thus ending the game. I am not sure if I am going about this the correct way. Is this due to my implementation or a bug? Does anyone have any ideas? Game here: Thanks
  13. I have a group object with a few independent parts, The character sprite, the players name hovering above, and a status object, which will likely be more sprites and text in a sub-group. How can I make this group act as one object? Like stopping the whole group with collideWorldBounds? Right now Im only able to stop the player sprite with body.collideWorldBounds = true, but the text just keeps on going right off the screen. There doesnt seem to be a way to set body properties on a group?
  14. Hi, I'm new to Phaser, but not game/sprite engines. Javascript has some quirks I'm still getting used to, and perhaps this is one of them. My question is this: Why do I need to assign a different 'id tag' to an image for sprites to behave as separate instances? For example (preload function): game.load.image('reel', 'reel.png');game.load.image('reel2','reel.png');game.load.image('reel3','reel.png');Then, in my create function, I instantiate a couple custom classes (where the sprite itself resides): r1 = new Reel({x:201,y:130,img:'reel',cb_stop:cb_r1_stop});r2 = new Reel({x:201+128+10,y:130,img:'reel2'cb_stop:cb_r2_stop});r3 = new Reel({x:201+128+10+128+10,y:130,img:'reel3',cb_stop:cb_r3_stop});(class constructor where sprite resides): s = game.add.sprite(args['x'],args['y'],args['img']);Problem: So if I do not make these 'reel','reel2','reel3' any cropping, moving, or other modifications I make to the sprite itself (yes, separate instances as they are wrapped in their own class) I make to the sprite itself will apply to all 3 sprites no matter what -- as if it's modifying the image resource, not the sprite. As a temporary work around I just made 3 separate resources, but that can't be right, can it? Sooo, I'm doing something wrong. I'm just flying through the tutorials, so it's likely there's some other way to add/work with sprites and I'm missing it?
  15. Hello, does Pixi.JS support dynamic asset loading, that is, can I load and unload sprite atlases between scenes? This is rather essential on mobile platforms due to their limited memory. Unfortunately, very few engines seem to support this. Regards, Arnuschky
  16. Im using phaser (1.0.6) for my game, but I suspect this to be so low level so Im putting it here. I have a spritesheet of three frames. The zebras looking to the left are unchanged and simply rendered, those looking to the right are flipped using scale.x = -1. What happens is pretty much what the topic say. The first row shows the behaviour of the system for textures with odd dimensions, the second one is for even sized textures. I render using pixi canvas renderer. Anyone can reproduce this, or knows a better workaround that simply creating all your pix with even dimensions?
  17. I'm having a problem rendering phaser points after adding an animated sprite. I have created a screen full of stars and they are initially rendering as I would expect: Now if I add an animated sprite to the center of the world: rocketStarShip =,, 'rocketstarship'); rocketStarShip.anchor.setTo(0.5,0.5); rocketStarShip.scale.setTo(1.0, 1.0); rocketStarShip.animations.add('fly');'fly', 3, true); My stars render into the lower right quadrant of the canvas: But if I turn on debug for Points:, 'rgb(197,193,170)'); I can see that my Points are still rendering into the full screen: I'm not sure if I have a bug, or if I have a fundamental problem in understanding Phaser coordinates. I've put up a test demo at : Click the screen to rotate thru example states. Thanks for taking a look. I'm having a ton of fun with Phaser. Shawn Blessing Rocket Star
  18. I'm trying to figure out the best way to implement composite sprites with pixijs / grapefruitjs. In case you don't know what compositing is, here's the definition from the wiki article : Compositing is the combining of visual elements from separate sources into single images, often to create the illusion that all those elements are parts of the same scene. Pixijs was written so that each sprite holds reference to a single texture. If you are trying to create a game like diablo, where a players visual representation may consist of textures layered on top of each other, then you cannot use a single sprite to represent your player entity - instead you must use a collection of sprites. It seems like a PIXI.DisplayObjectContainer (represents a collection of display objects. It is the base class of all display objects that act as container for other objects) would work perfectly here. This is also the class that the PIXI.Sprite class extends from. So my implementation thus far, is to use a displayobject container (grapefruit wraps this object with another container class) so a Grapefruit.Container object really, and use that object to hold reference to all of my sprites. I then add this container object to my tilemap and the sprites are rendered to the screen like I would expect - but not in the correct position. The thing is, display object containers have their own position, rotation, scale, etc... properties, which isn't necessarily a bad thing. I am noticing the one thing they are lacking though - an anchor property. This means I will manually have to compensate for the anchor or figure out another way to do this... This seemed like the most straightforward approach to take, without having to touch pixijs, but maybe I'm just overcomplicating things? Thanks! -Zach
  19. Hello, I've looked all over for an explanation as to why I'm getting this error: "Texture Error: frame does not fit inside the base Texture dimensions [object Object]". I believe it is happening from loading in my sprite for my game, but I'm not sure. I used Flash to create a JSON and a PNG file for the sprite, and they both look valid. I'm using this code to load in the sprite: "game.load.atlasJSONHash("chef", "assets/sprites/chef-spritesheet.png", "assets/sprites/chef-spritesheet.json");" Thanks!
  20. Hi! I'm trying out Phaser, and I can't seem to get it to display just the first row of this spritesheet: What happens is that it goes through the entire spritesheet instead of just the first 21 frames. What's the proper format for the frame indexes passed into Sprite.animations.add ? Should I be pushing objects into the frames array instead of integers? Should I start with 1 instead of 0? Here's what I have so far: var game = new Phaser.Game(64, 64, Phaser.AUTO, '', { preload: preload, create: create, update: update });function preload(){ /* 32x32 is the size of each frame */ game.load.spritesheet('characters', 'assets/sprites/characters.png', 32, 32);}function create(){ /* Loop through Xam's sprites */ var frames; var i; var xam; /* [0,1,2,...,21] */ frames = []; for (i=0;i<22;i++) { frames.push(i); } xam = game.add.sprite(,, 'characters'); xam.anchor.setTo(0.5, 0.5); xam.animations.add('loop',frames,15,true,true);'loop');}function update(){ }I saw some examples that used Game.load.atlasJSONHash, is that the only way to accomplish this? This is my first post here, so I'm also open to being lectured on posting standards. UPDATE: I may have found something... Phaser 1.0.4, FrameData.js, line 196 checks if frames isn't empty, but the parameter that's passed is named input. I replaced frames with input and it worked as expected. I'd like to confirm if this is the way it should work, though; I might be breaking something else by doing this haha By the way, instead of pushing integers into the array, I had to put the indexes in an object like so: frames = [];for (i=0;i<22;i++){ frames.push({index:i});}Phaser 1.0.4, FrameData.js, line 212 seems to need the index property.
  21. gin5eng

    Tool: ASEPRITE Animated Sprite and Pixel Art Tool Found this a couple of weeks ago. Used it a couple of times and it works good - just a couple of small missing conveniences.