Esoteric Framework

Introducing tweening

Abstract

In this tutorial you'll learn how to create animations using the tweening functionality of the framework.

Introduction

Tweening allows you to create parametrized animations by changing a property from one value to another using an easing function. Almost any property can be tweened. To initiate a tween, you use the startTween() function of an element.

Source Code

<Application>
	<Sprite>
		<Shape>
			<SolidFill id="background" color="0x333333">
				<Rectangle width="100" height="100" />
			</SolidFill>
		</Shape>
		<EventListener target="{parent}" type="click">
			parent.startTween('x', 400, 3);
			parent.startTween('y', 100, 3);
		</EventListener>
	</Sprite>	
</Application>

Result

To be continued

This tutorial isn't complete yet.