jjwallace

Members
  • Content Count

    146
  • Joined

  • Last visited

Everything posted by jjwallace

  1. There use to be a lot of different arcade portal scripts for flash games maybe you can use one of those?
  2. The ideal way would be to do both. If the client is interpolating movement then it will not appear gittery with lag. Most likely you will have to write your own system for this. I am also researching the same and will post my results. Perhaps there is a phyics engine that does both client and server side.
  3. Wow, Really neat stuff, good job @themoonrat ! ~
  4. Hmm, that looks pretty fast, maybe i will try out building a prototype. Do sprites off the screen also get rendered or are these just data until they enter into the fillrate? (i am probably not saying that right)
  5. I am going to be starting a RTS game in Pixi4JS or Phaser3, I am looking for inspiration or artist that might be interested in working on a new project. My tech plan: NodeJS, SocketIO, ES6, Webpack, Pixi5/ Phaser3
  6. Hi guys, I have built a bunch of games in Phaser2 and now i am working with PixiJs since we can render 20,000 + entities on the screen and animated them. PixiJS lacks a lot of features. So, How fast is Phaser3? Does it render as many objects as PixiJS 4? Anyone have experience using all 3?
  7. I come from the Phaser world but have recently been working on a new application using PixiJS v4.5+ I don't like the pixiJS sprite sheet example and really would like to find a solution to handleing sprite animations much like phaser2 had. I have taken a look at smoothie. I use tweenMax for tweens. What animation libraries do you use for sprites?
  8. closest thing i found so far https://www.protectator.ch/post/pixijs-v4-in-a-react-component
  9. Cool stuff, I will look into this. Have you seen any projects utilizing multiple frameworks?
  10. Thanks @ivan.popelyshev , yeah i tried these, none are what im looking for. Just React and Pixi in ES6, no typescript shananagans. I am just gonna have to build my own. ok here we go. Declarative style coding is horrible, front end devs be messing with crap and polluting stuff
  11. Is it possible to just drop in a pixi application into a component without using pixi-react or anything like this? It is hard to find a solution to this. I am not really into declaritive style for building out this application...
  12. I am building an app using Pixi as my main render. I am also using D3 and I want to use react as my UI manager. How is the best way to go about this? I am already running Pixi with Webpack and ES6
  13. Do you guys have an example of what you do for your games?
  14. 30 mb is huge! Also remember that images have a max pixel size for browsers
  15. sprite.width ? or scaleRatio = window.devicePixelRatio; ?
  16. I have no idea how to use tile sprite, I have been trying to learn, do you have any resources so i can try implementing it? I am trying to make a block blasting game: https://jjwallace.github.io/Hedgehog-Blast/build/index.html
  17. Here are some hints. In Index or HTML: <img id="sealogo" src="/assets/sprite/ig_logo.png" style="display: none;"> In Phaser: var base64Picture = document.getElementById("sealogo").src;
  18. got this working with regular sprites. Going to try and load a json from there and have levels. Would still be interested in how to get seperate sprites built from a map itself.
  19. Hi guys, i seem to have some issues with loading jsons with webpack json loader. Loader Found here: https://github.com/mattcolman/phaser-manifest-loader I have added some code to allow for json to load but it seems not to be working. I tried just regular loading the json and got a 404 not found error.
  20. Moved the collide to update function, everything is working now!
  21. I have a main class that attempts to make two groups collide. The items are added to the group in different classes but it seems not collision occures. Main Class: import DragObj from '../objects/drag.obj'; import Block from '../objects/block'; class MainState extends Phaser.State { preload() { } create() { // Set-up the physics body this.game.physics.startSystem(Phaser.Physics.ARCADE); this.game.ballGroup = this.game.add.group(); this.game.blockGroup = this.game.add.group(); //this.game.physics.arcade.gravity.y = 200; this.game.ballGroup.enableBody = true; this.game.blockGroup.enableBody = true; // this.game.ballGroup.bounce.setTo(1); // this.game.blockGroup.bounce.setTo(1); this.game.physics.arcade.enable(this.game.ballGroup); this.game.physics.arcade.enable(this.game.blockGroup); this.game.physics.arcade.collide(this.game.ballGroup, this.game.blockGroup); var myBlock = new Block(this.game, this.game.world.centerX, this.game.world.centerY, 'block', 10); var dragObject = new DragObj(this.game, this.game.world.centerX, this.game.world.height); } } export default MainState; BLOCKS class Block extends Phaser.Sprite { constructor(game, x, y, key, health) { super(game, x, y, key, health); this.game.stage.addChild(this); //this.animations.add('ani'); //this.animations.play('ani', 30, true); this.anchor.setTo(0, 0); game.physics.arcade.enable(this); this.body.bounce.set(1); this.body.immovable = true; //var sfxHit = game.add.audio('ball_hit', 100, false); this.game.blockGroup.add(this); function hitWorldBounds (sprite) { //sfxHit.play(); // Play the flash animation. // // Sometimes you'll notice it doesn't always start, i.e. if the sprite // collides with the world bounds quickly before the previous 'flash' // has completed. This is just because the animation needs to complete // before playing again, the event did actually occur twice. //sprite.play('ani'); } // And then listen for it //this.body.onWorldBounds.add(hitWorldBounds, this); } update() { //this.x ++; } } export default Block; Balls class Ball extends Phaser.Sprite { constructor(game, x, y, key, angle, speed) { super(game, x, y, key); this.game.stage.addChild(this); this.animations.add('ani'); //this.animations.play('ani', 30, true); this.anchor.setTo(0.5, 0.5); game.physics.arcade.enable(this); this.angle = angle; game.physics.arcade.velocityFromAngle(angle, speed, this.body.velocity); this.body.bounce.set(1); this.body.collideWorldBounds = true; this.body.onWorldBounds = new Phaser.Signal(); var sfxHit = game.add.audio('ball_hit', 100, false); game.ballGroup.add(this); //game.ballGroup.add(this); function hitWorldBounds (sprite) { //sfxHit.play(); sprite.play('ani'); } // And then listen for it this.body.onWorldBounds.add(hitWorldBounds, this); } update() { //this.x ++; } } export default Ball;
  22. I am trying to send the players score to the challenged player after a round of my game Sea Frenzy on FB. It seems the code they gave doesn't work. I have implemented everything they have asked for. See documentation link below. // This will post a custom update. If the game is played in a messenger // chat thread, this will post a message into the thread with the specified // image and text message. And when people launch the game from this // message, those game sessions will be able to access the specified blob // of data through FBInstant.getEntryPointData(). FBInstant.updateAsync({ action: 'CUSTOM', cta: 'Play', image: base64Picture, text: { default: 'Edgar just played BASH for 9 points!', localizations: { en_US: 'Edgar just played BASH for 9 points!', pt_BR: 'Edgar jogou BASH por 9 pontos!', } } template: 'WORD_PLAYED', data: { myReplayData: '...' }, strategy: 'IMMEDIATE', notification: 'NO_PUSH', }).then(function() { console.log('Message was sent successfully'); }); Documentation Here: https://developers.facebook.com/docs/games/instant-games/rich-gameplay-features
  23. I am completely lost when it comes to how to use tile maps. I want to have blocks and shoot them with balls, each ball hit subtracts 1 from the text overlaying the tile block. Is there a way to overlay a text on every block? do i need to write my own tile map engine for this? Any samples of what im trying to build?