Str1ngS

Members
  • Content count

    45
  • Joined

  • Last visited

About Str1ngS

  • Rank
    Advanced Member
  • Birthday 04/12/1987

Contact Methods

  • Website URL
    http://www.orangegames.com
  • Twitter
    AleBles
  • Skype
    str1ngs

Profile Information

  • Gender
    Male
  • Location
    Amsterdam

Recent Profile Visitors

821 profile views
  1. Firefox's Developer Edition has build in support for this: https://www.mozilla.org/nl/firefox/developer/
  2. You can create a new Phaser.Loader object on your own that isn't tied in with any states. It's the same as game.load, but now you can use it for lazy loading let loader = new Phaser.Loader(this.game); loader.image(outro, 'assets/images/outro.png'); loader.onLoadComplete.add(() => { //Do something here to signal loading has finisged }, this); loader.start(); The browser already know this, if you load the same assets twice, the browser will return the same result. No idea how Phaser handles duplicates in this regard.
  3. Another thing you could do animate the lightning effect yourself in your favorite tool, and then export it as a spritesheet. In your code you should be able to rotate and stretch it your liking. We did something similar for one of our games:
  4. http://gamemechanicexplorer.com/#lightning-5 Although that example is made in Phaser, the principles can be added to PIXI as well. It uses some simple draw calls to draw the lighting adds some nice tweens to them, and a WebGL Filter for glow (which you can offcourse dismiss, it's just glow)
  5. Remove the var before controls in your create function controls = { right : this.input.keyboard.addKey(Phaser.Keyboard.RIGHT), left : this.input.keyboard.addKey(Phaser.Keyboard.LEFT), up : this.input.keyboard.addKey(Phaser.Keyboard.UP), };
  6. This whole game feels like one big boss battle, also the voice is great! Really like it
  7. That behaviour is different per browser, and in order to always be safe it's better to use /
  8. That's because children don't have names, nor are they refenced by such a thing. They are basicly just a list of objects.
  9. Yes it's allowed. We publish our games on external portals with our own AdSense/DFP included, in fact I made a phaser plugin that allows you to do just that https://github.com/orange-games/phaser-ads
  10. I maintain an unofficial Spine plugin for phaser over at https://github.com/orange-games/phaser-spine That plugin is already maintained in TypeScript, but the official JS runtime general runs behind the latest version of Spine. From what I can see I'll be updating Phaser-Spine towards using the spine-js runtime withint the next few weeks
  11. That just isn't true. Apart from the alphanumeric keys, the rest are defined by using their keyCode. Pause/Break (keyCode 19) however indeed isn't mapped. I'd suggest you submit a bug in github. But drhayes isn't wrong, you should be able to register an event handler for keycode 19 like so: var pauseBreakHandler = game.input.keyboard.addKey(19); pauseBreakHandler.onDown.add(function () { //do something }, this);
  12. Chrome's task manager gives you a complete overview of what Chrome needs to draw the page, this is on average a lot more then just the JS memory heap (which is what we care about, and more or less have most control over). The measures stated in there are interesting, but don't really help you fix issues regarding memory consumption of your app (and probably also not the reason why it crashes on mobile.) As for the memory heap, there are 2 ways in Chrome to review them. The simpelest way is creating a snapshot, which can be done in the developer tools under Profiles. Taking a heapsnapshot gives you an accurate overview of the actual object in memory. It's also possible to diff 2 snapshots but you can read about that over here: https://developer.chrome.com/devtools/docs/heap-profiling The second way is a bit more interesting to you, because it will show you memory allocation over time, you can use this to check how much memory is used between your states, but also when Chrome does some garbage collection on your memory. You can find this option in the developer tools under Timeline, also read more about it here: https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/timeline-tool With these 2 options you should be more than capable of finding memory leaks in your code.
  13. With cache, do you mean just the memory heap? Or Phaser's internal cache storage (cache._cache)? Also how big are those music files that they are managing to crash a mobile? The average mp3/ogg loop we use are max a couple of Mb's
  14. For me it works fine on Phaser 2.6.1: game.cache._cache.sound.test Object {url: "test.ogg", data: AudioBuffer, isDecoding: false, decoded: true, webAudio: true…} game.cache.removeSound('test') undefined game.cache._cache.sound.test undefined So I see nothing wrong with the cache itself, it's more probable that you still have a reference somewhere in your code to the sound file that needs cleaning up.
  15. You can still pass this in new Tile(), replace your tile code with: Tile = function(myGame, column, row){ var posX = myGame.tileSize * column; var posY = -myGame.tileSize + (myGame.tileSize * row); Phaser.Sprite.call(this, myGame.game, posX, posY, "tile"); this.game = myGame.game; }; As an alternative (and better) solution you can set tilesize as 'static' property of MyGame.Game like so: MyGame.Game = function(){}; MyGame.Game.tileSize = 80; MyGame.Game.prototype = { create: function(){ for(var i = 0; i < 8; i++){ for(var j = 0; j < 8; j++){ var tile = new Tile(this.game, i, j); this.add.existing(tile); } } } }; Tile = function(game, column, row){ var posX = MyGame.Game.tileSize * column; var posY = -MyGame.Game.tileSize + (MyGame.Game.tileSize * row); Phaser.Sprite.call(this, game, posX, posY, "tile"); this.game = game; }; Tile.prototype = Object.create(Phaser.Sprite.prototype); Tile.prototype.constructor = Tile;