Teddy Kishi teddykishi

Phaser Modals

THE CONFETTI ANIMATION

Smooth, sleek, responsive and retina ready confetti animation effect. There are two types of confetti, the traditional pieces of ‘paper’ and a ribbon type that wiggles its way down the screen. The ribbon confetti uses a physics simulation for the motion while the paper confetti is animated using sine functions.

A Pen by Hemn Chawroka on CodePen.

License.

Phaser Jump Game

This is a demo that goes along with a forum reply here: http://www.html5gamedevs.com/topic/7369-infinite-world/

Working with a potentially infinite world size can be tricky with Phaser. This method seems to work well though. As you move up, the camera follows the hero. Then, based on how high the hero has reached in comparison to where they started, that offset and height is modified on the world bounds. This allows the world to expand to the exact height that the game requires, all the while using the built in physics system without any trickery for the platforms to work. The player is moving up in world space, while the platforms keep their same coordinates, so it is easier to wrap your head around.

A Pen by Jack Rugile on CodePen.

License.

Phaser y TimelineLite

Tween timeline in Phaser

A Pen by Juan David Nicholls Cardona on CodePen.

License.

Olives – a Phaser FruitNinja test

Simple fruit ninja clone with phaser

A Pen by Aaron Buchanan on CodePen.

License.

Phaser Coding Tips 3 (Platforms)

This is the platforms code from Phaser Coding Tips 3

A Pen by Richard Davey on CodePen.

License.

Drag and Drop in Phaser

Example of Drag and Drop in Phaser

A Pen by Juan David Nicholls Cardona on CodePen.

License.

	/*****************
	ANIMATION
	*****************/
	// tiny helper for jquery to know when an css animation/transition ends
	// $(".cls").on(animationEnd, fn);
	var animationEnd = "webkitAnimationEnd oanimationend msAnimationEnd animationend";
	// $(".cls").on(transitionEnd, fn);
	var transitionEnd = "webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend";
	/****************
	RANDOM

	function Foo(who) {
	this.me = who;
	}

	Foo.prototype.identify = function() {
	return "I am " + this.me;
	};

	function Bar(who) {
	Foo.call(this,"Bar:" + who);