Help Topics Version 2.0

Using Properties

Touch Creator offers an array of property settings to give you complete control over the components in a multi-touch scenario. Properties are used to adjust both the most basic settings such as size and color, or to create advanced interactivity with JavaScript.

Adjusting Properties

Before you can adjust the properties of a component, you first need to add the component to the multi-touch scenario. To do so, you have two options:

  1. Drag a component from the Library onto the Stage.
  2. Drag an asset from the Library onto the Stage.

If you drag a component onto the Stage, you may have to choose an asset for it. This depends on the type of the component. For instance, Network Sender components have no assets to be assigned. Assets can be assigned to a component in the corresponding Inspector property section.

On the other hand, if you drag an asset onto the Stage, its default component type will automatically be created on the spot and the asset will be assigned to it. Once a component is placed on the Stage, you're ready to customize it by adjusting the properties.

You will notice that some components already have certain properties pre-set when they are added to the scenario. Examples of this are the size of an image component or the font of a text component. These are either the actual dimensions of the asset itself or defaults that Touch Creator applies to new components. Of course, you can change pre-set properties too.

Working with Properties

Property sets are specific to their component type. Different components have different sets of properties, since they are designed to provide different functionality.

Adjusting component properties is easy, provided you understand their meaning. Many properties such as size and font are self-explanatory. Others may be new to you, but you will have support as you work with them. Every property has a tooltip for quick reference. Simply hover the cursor over the property label, and a short description will appear.

You can type the relevant values for each property into the corresponding field. Alternatively, you can right-click on a property field in the Inspector and, while holding the right mouse button, move the mouse cursor up and down, or left and right, to adjust the value of the property.

Some properties affect other properties. You can see examples of this in the Touch Behavior properties section. If a component is not set to be Draggable, then it also can't be made Scalable or Rotatable. Also, if you activate the Inactive checkbox in the Touch Behavior section, then all other checkboxes of this section will be grayed out and be rendered inaccessible.

Related Topics

© ~sedna gmbh 2016