Back
Close

Graphical Entities

Every sprite, shape, text, etc are entities displayable in the viewer. They implement diverse methods to be manipulated:

  • Position
  • Rotation
  • Anchor
  • Scale
  • Opacity
  • Z index

Examples

Creating a circle

// Creates a green circle
Circle circle = graphicEntityModule.createCircle()
			.setRadius(50)
			.setLineWidth(0)
			.setFillColor(0x00FF00)
			.setX(70)
			.setY(70);

Moving a circle

MyPlayer player = gameManager.getPlayer(turn % 2);
circle
	.setX(player.getX())
	.setY(player.getY());

With a Curve

circle
	.setX(player.getX(), Curve.EASE_IN_AND_OUT)
	.setY(player.getY(), Curve.EASE_IN_AND_OUT);

By default the Curve.LINEAR is used.

It should look like this : Example The first circle is not animated, the second is animated with the default curve and the last one is animated with the custom curve.

Creating a group of sprites

Sprite planet1 = graphicEntityModule.createSprite()
				.setImage("planet0.png")
				.setAnchorX(0.5)
				.setAnchorY(0.5)
				.setX(-20);
Sprite planet2 = graphicEntityModule.createSprite()
				.setImage("planet1.png")
				.setAnchorX(0.5)
				.setAnchorY(0.5)
				.setX(30)
				.setY(-10);
Sprite planet3 = graphicEntityModule.createSprite()
				.setImage("planet2.png")
				.setAnchorX(0.5)
				.setAnchorY(0.5);

// The planets are around the point (960,540).
Group system = graphicEntityModule.createGroup(planet1, planet2, planet3)
					.setX(960)
					.setY(540);

Spinning a group of spinning sprites around a point

	planet1.setRotation(planet1.getRotation() - Math.PI / 4);
	planet2.setRotation(planet2.getRotation() + Math.PI);
	planet3.setRotation(planet3.getRotation() + Math.PI / 16);
	
	system.setRotation(system.getRotation() + Math.PI / 2);

It should look like this : Example

Create your playground on Tech.io
This playground was created on Tech.io, our hands-on, knowledge-sharing platform for developers.
Go to tech.io