Search the Community

Showing results for tags 'Tweening'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Twitter


Skype


Location


Interests

Found 9 results

  1. bionicGirl

    Greensock

    Hi, this is my first try with Pixi and I would love to animate it using my fav tweening library Greensock. ABove is my pen. I don't get any errors, yet my displacementMap isn't animating... What am I doing wrong here? Any other improvements are also welcome. Thank you so much!
  2. Wondering how to get my networked sprites to "smoothly" move when their position is updated from the server. This function is called up to 10 times per second and provides the updated position of the remote player. Right now they kind of "jump" from position to position and I'd like to have a tween going to smooth it out. here's what it looks like: public Update(name: string, x: number, y: number) { var remotePlayer = this.remotePlayers[name]; var tween = this._game.add.tween(remotePlayer).to({ x: x, y: y }, 1000, Phaser.Easing.Linear, false); tween.interpolation(Phaser.Math.catmullRomInterpolation); tween.start(); //this.remotePlayers[name].position.x = x; //this.remotePlayers[name].position.y = y; } You can see in the commented code where I previously just set the remote players position directly. P.S. I'm only doing the catmullRomInterpolation based on what I saw in the phaser examples for tweens. thought it looked cool, but not sure if I am doing it right.
  3. Is it possible to tween a bitmap text object? I took some code from the Examples website and tried it on a bitmap text, but nothing happened. I tried the same code on a sprite, and it worked.
  4. Hi my phaser tweens are running slow on IE9 (about half speed), regular game loop object movement via setting x/y is fine, IE10+ is ok as is other browsers. Is there any known issue with phaser tweens and IE9? Example of tween code this.title.scale.set(0,0);this.title.alpha = 1;this.game.add.tween(this.title.scale).to({ x:1, y:1 },1500, Phaser.Easing.Elastic.Out, true, 500); Any ideas?
  5. Hi, another question about performance~ I've been busy updating my code to get more performance out of Phaser and CocoonJS. Currently everything runs fine ( stable 55 - 60fps ). Question / Problem When I change States - for example I go from my titlescreen into the mainmenu State: there are a few sprites set up and a few tweenings are done. A few means 3 - 6. During the change into the state the game struggles a little bit - it is lagging and also the tweening is lagging. This happens on all iOS devices (only developing for iOS included normal resolution screens / retina devices / iPad Air). The images which are loaded, the audio and all the stuff is minimzed and optimized. There are no big file sizes which have to be loaded. A few Questions on it - Is there something like a preload for tweens? - Or can I preload a state or something? - Which other issues cause this? All the stuff is preloaded in the "preload" function. My states (example: titlescreen, mainmenu) are out of the "create" function - as an own state, is that correct? because to call everything into the create function themes a little bit overdue - to call an entire game with all the logic etc on start. Any suggestions / improvements?
  6. Kuboid

    Tweening

    Hello there, I searched the net for a class to easily tween a PIXI.Sprite but didnt find - So I wrote something for this case. Example: http://kuboid.net/games/tween/ Download: http://kuboid.net/games/tween/tween.zip Usage: // Create a Tween to make your Sprite move to position.x = 100 within 60 frames, starting instantlyvar tween = new Tween(sprite, "position.x", 100, 60, true);// Optional add bouncing, easing..tween.easing = Tween.outElastic;// Optional add a callbacktween.setOnComplete(alert, "done"); You also can also create a queue for multiple Tweens: // Difference in creating Tweens: last parameter must be set to false.var tween1 = new Tween(sprite, "position.x", 100, 60, false);var tween2 = new Tween(sprite, "position.x", 0, 60, false);// Just pass an Array with your tweens.new ChainedTween([tween1, tween2]); If you find this useful to use in a PIXI.js-project, feedback would be awesome!
  7. (This following might be more or less a colleage of related, yet independent thoughts) I suppose I just want smoother transitions in my sprite movement. I'm trying to address the issue with my sprite.position changes.. which are currently just incremental. http://www.iakarra.net/demo/polymer/WiAClient/index.html where as, http://www.iakarra.net/demo/polymer/WiAClient/wiia.account.js actually contains the update function/method (and in turn calls on the 'character.step' function) that is executing on every animate call/tick on the main page. So this is really the scope I'm concentrating on. Alright, so I'm familiar with the concept of css transitions being smoother than javascript animations because they are 'hardware accelerated'. but from this article: http://css-tricks.com/myth-busting-css-animations-vs-javascript/ it becomes apparent that javascript can be hardware accelerated as well. And the speed/execution myth was really invalid and perpetuated because people were basing their comparison on jquery animations. Referencing the following: http://chimera.labs.oreilly.com/books/1234000000802/ch05.html#animating_by_programmatically_updating_p as well as the following sections in/to that reference 'tweening' and 'interpolation' I hope to add a time-based animation (movement) using this javascript hardware accelerated concept.. Is there anything within the PIXI framework that I should account for when I do this? Or has someone implemented something similar to what I'm trying to accomplish? With my mild experience with the XNA framework, I noted that it passed around a gametime tick/timer.. In another post on here, I made reference to the requestAnimation method using the window.renderAnimationFrame .. based on date.now()... though that time did not seem to be global..
  8. 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!
  9. Uibon

    What is tweening?

    Personally I am very new to game development and have recently picked up phaser. I have seen a lot of phaser games use tweening. I do not understand what it means. The examples on the website do not clear it up either. Can anyone explain to me what tweening is and how it related to phaser?