https://cikiacigi.hu/js/main_kicsik_fiu.js

1var animKicsikFiu = (function() {
2
3	var anim_kicsik_fiu
4	var phaserBuilt = false;
5	var loaderInterval = setInterval(checkWetherItsReady, 300);
6
7	var anim_kicsik_fiuWidth = 160;
8	var anim_kicsik_fiuHeight = 295;
9
10	function checkWetherItsReady(){
11		if(!phaserBuilt && (document.readyState === "complete" || document.readyState === "interactive")){
12			buildPhaser();
13		}
14	}
15
16	function buildPhaser(){
17
18		clearInterval(loaderInterval);
19		anim_kicsik_fiu = new Phaser.Game(anim_kicsik_fiuWidth, anim_kicsik_fiuHeight, Phaser.CANVAS, 'kicsik_fiu', { preload: preload_kicsik_fiu, create: create_kicsik_fiu}, true);
20
21	}
22
23	function preload_kicsik_fiu() {
24
25		//
26
27		anim_kicsik_fiu.load.atlas('kicsik_fiu_01', '../graphics/kicsik_fiu_01.png', '../graphics/kicsik_fiu_01.json');
28
29		anim_kicsik_fiu.load.atlas('kicsik_fiu_02', '../graphics/kicsik_fiu_02.png', '../graphics/kicsik_fiu_02.json');
30
31		anim_kicsik_fiu.load.atlas('kicsik_fiu_03', '../graphics/kicsik_fiu_03.png', '../graphics/kicsik_fiu_03.json');
32
33		//
34
35	}
36
37	//
38
39	function create_kicsik_fiu() {
40
41
42
43		let animContainer = document.getElementById("kicsik_fiu");
44
45
46
47		anim_kicsik_fiu.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
48
49		anim_kicsik_fiu.scale.setMinMax(animContainer.width, animContainer.height, animContainer.width, animContainer.height);
50
51		anim_kicsik_fiu.scale.refresh();
52
53		//
54
55		var kicsik_fiu_x = 0;
56
57		var kicsik_fiu_y = 0;
58
59		//
60
61		kicsik_fiu_01 = anim_kicsik_fiu.add.sprite(kicsik_fiu_x, kicsik_fiu_y, "kicsik_fiu_01");
62
63		//
64
65		kicsik_fiu_02 = anim_kicsik_fiu.add.sprite(kicsik_fiu_x, kicsik_fiu_y, "kicsik_fiu_02");
66
67		kicsik_fiu_02.animations.add('anim', [1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], 12, true);
68
69		kicsik_fiu_02.animations.play('anim');
70
71		//
72
73		kicsik_fiu_03 = anim_kicsik_fiu.add.sprite(kicsik_fiu_x, kicsik_fiu_y, "kicsik_fiu_03");
74
75		//kicsik_fiu_03.animations.add('anim');
76
77		kicsik_fiu_03.animations.add('anim', [15,16,17,18,19,20,21,22,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14], 24, true);
78
79		kicsik_fiu_03.alpha = 0;
80
81		//
82
83		var canvasKicsikFiu = document.getElementById("kicsik_fiu");
84
85		canvasKicsikFiu.style.width = anim_kicsik_fiuWidth+"px";
86
87		canvasKicsikFiu.style.height = anim_kicsik_fiuHeight+"px";
88
89		canvasKicsikFiu.addEventListener("mouseover", kicsik_fiu_over);
90
91		canvasKicsikFiu.addEventListener("mouseout", kicsik_fiu_out);
92
93		canvasKicsikFiu.addEventListener("click", kicsikFiuIsClicked);
94
95		//
96
97	}
98
99	//
100
101	function kicsik_fiu_over(){
102
103		kicsik_fiu_01.frame = 1;
104
105		kicsik_fiu_03.animations.play('anim', 24, true);
106
107		kicsik_fiu_03.alpha = 1;
108
109	}
110
111	function kicsik_fiu_out(){
112
113		kicsik_fiu_01.frame = 0;
114
115		kicsik_fiu_03.animations.stop();
116
117		kicsik_fiu_03.alpha = 0;
118
119	}
120
121
122
123}());
124
125
126