FilesExpand file tree

 dev

/

group as layer.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

73 lines (56 loc) · 2.39 KB

 dev

/

group as layer.js

Top

File metadata and controls

• Code
• Blame

73 lines (56 loc) · 2.39 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render });

function preload() {

game.world.setBounds(0,0,1280, 800);

game.load.image('ground', 'assets/tests/ground-2x.png');

game.load.image('river', 'assets/tests/river-2x.png');

game.load.image('sky', 'assets/tests/sky-2x.png');

game.load.image('cloud0', 'assets/tests/cloud-big-2x.png');

game.load.image('cloud1', 'assets/tests/cloud-narrow-2x.png');

game.load.image('cloud2', 'assets/tests/cloud-small-2x.png');

game.load.spritesheet('ufo', 'assets/sprites/ufo.png', 24, 21);

}

function create() {

// Create the sky layer, behind everything and donot move.

var skyLayer = game.add.group();

skyLayer.z = 0;

// Create the cloud layer, only beyond the sky.

var cloudLayer = game.add.group();

cloudLayer.z = 1;

// Create the ground, behind the river and beyond clouds.

var groundLayer = game.add.group();

groundLayer.z = 2;

// Create the sprite layer. This should behind the river,

// and beyond the ground, cloud and sky layer.

var spriteLayer = game.add.group();

spriteLayer.z = 3;

// Create the river layer, beyond everything.

var riverLayer = game.add.group();

riverLayer.z = 4;

// Add sky background to skyLayer.

var sky = new Phaser.Sprite(game, 0, 0, 'sky');

skyLayer.add(sky);

// Add clouds to cloudLayer.

var cloud0 = new Phaser.Sprite(game, 200, 120, 'cloud0');

var cloud1 = new Phaser.Sprite(game, -60, 120, 'cloud1');

var cloud2 = new Phaser.Sprite(game, 900, 170, 'cloud2');

cloudLayer.add(cloud0);

cloudLayer.add(cloud1);

cloudLayer.add(cloud2);

// Add ground sprite to groundLayer.

var ground = new Phaser.Sprite(game, 0, 360, 'ground');

groundLayer.add(ground);

// Add river to riverLayer.

var river = new Phaser.Sprite(game, 0, 400, 'river');

riverLayer.add(river);

// Add sprites to spriteLayer.

var ufo = new Phaser.Sprite(game, 360, 240, 'ufo');

ufo.anchor.setTo(0.5, 0.5);

spriteLayer.add(ufo);

}

function render() {

game.debug.renderText('sky layer: z = 0', 16, 20);

game.debug.renderText('cloud layer: z = 1', 16, 36);

game.debug.renderText('ground layer: z = 2', 16, 52);

game.debug.renderText('sprite layer: z = 3', 16, 68);

game.debug.renderText('river layer: z = 4', 16, 84);

}