phaser/examples/tween.html at 5d4da0ce66be794a36fb35d2b05ab33e68deaa01 · ITCSsDeveloper/phaser · GitHub

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
<!DOCTYPE HTML>
<html>
<head>
	<title>phaser.js - a(nother) new beginning</title>
	<script src="../src/Phaser.js"></script>
	<script src="../src/system/Device.js"></script>
	<script src="../src/core/SignalBinding.js"></script>
	<script src="../src/core/Signal.js"></script>
	<script src="../src/math/RandomDataGenerator.js"></script>
	<script src="../src/math/Math.js"></script>
	<script src="../src/geom/Point.js"></script>
	<script src="../src/geom/Circle.js"></script>
	<script src="../src/net/Net.js"></script>
	<script src="../src/tween/TweenManager.js"></script>
	<script src="../src/tween/Tween.js"></script>
	<script src="../src/tween/Easing.js"></script>
	<script src="../src/time/Time.js"></script>
	<script src="../src/animation/Animation.js"></script>
	<script src="../src/animation/Frame.js"></script>
	<script src="../src/animation/FrameData.js"></script>
	<script src="../src/animation/Parser.js"></script>
	<script src="../src/loader/Cache.js"></script>
	<script src="../src/loader/Loader.js"></script>
	<script src="../src/Game.js"></script>
</head>
<body>

<script type="text/javascript">

var game = new Phaser.Game(this, '', 800, 600);

var test = { x: 0 };

var tween = game.tweens.create(test);

tween.onComplete.add(onComplete, this);

tween.to({x: 100}, 1000, Phaser.Easing.Linear.None, true);

function onComplete() {
	console.log('tween finished, new data: ', test);
}

</script>

</body>
</html>