var config = {
width: 800,
height: 600,
type: Phaser.AUTO,
parent: 'phaser-example',
scene: {
create: create,
update: update
}
};
var game = new Phaser.Game(config);
var graphics;
var ellipses;
function create ()
{
graphics = this.add.graphics({ lineStyle: { color: 0x00aaaa } });
var ellipse = new Phaser.Geom.Ellipse(400, 300, 0, 0);
ellipses = [ellipse];
for(var i = 0; i < 80; i++)
{
ellipse = Phaser.Geom.Ellipse.Clone(ellipse);
ellipse.width += 1.5;
ellipse.height += 0.7;
Phaser.Geom.Ellipse.CircumferencePoint(ellipse, i / 20 * Phaser.Math.PI2, ellipse);
ellipses.push(ellipse);
}
}
function update ()
{
graphics.clear();
for(var i = 0; i < ellipses.length; i++)
{
ellipses[i].width += 1.5;
ellipses[i].height += 0.7;
if(ellipses[i].width > 800)
{
ellipses[i].width = 0;
ellipses[i].height = 0;
}
graphics.strokeEllipseShape(ellipses[i]);
}
}
var config = {
width: 800,
height: 600,
type: Phaser.AUTO,
parent: 'phaser-example',
scene: {
create: create,
update: update
}
};
var game = new Phaser.Game(config);
var graphics;
var ellipses;
function create ()
{
graphics = this.add.graphics({ lineStyle: { color: 0x00aaaa } });
var ellipse = new Phaser.Geom.Ellipse(400, 300, 0, 0);
ellipses = [ellipse];
for(var i = 0; i < 80; i++)
{
ellipse = Phaser.Geom.Ellipse.Clone(ellipse);
ellipse.width += 1.5;
ellipse.height += 0.7;
Phaser.Geom.Ellipse.CircumferencePoint(ellipse, i / 20 * Phaser.Math.PI2, ellipse);
ellipses.push(ellipse);
}
}
function update ()
{
graphics.clear();
for(var i = 0; i < ellipses.length; i++)
{
ellipses[i].width += 1.5;
ellipses[i].height += 0.7;
if(ellipses[i].width > 800)
{
ellipses[i].width = 0;
ellipses[i].height = 0;
}
graphics.strokeEllipseShape(ellipses[i]);
}
}