Attribute Window

The “Attribute” window is the window for confirming and setting the information of the parts selected in the current Frame Control Window.

This window is comprised of the information of the following three groups.

By clicking the “round with chevron” mark located at the front of the group name, the Open/Close can be switched alternately.

The indicates the group is open. The indicates the group is closed.

The above figure (all the groups) are closed normally for easier work, but all the groups are open at the initial stage of activating “OPTPiX SpriteStudio” at first.

Parts Information

In the groups of the “Parts Information”, the information of the parts itself is contained. This information cannot be changed in the midway of animation.

Parts Name (String Input)

This is the parts name on the animation data. By rewriting this name, the parts name can be changed.

Parts Type

This is for selecting the type of parts. Click the item and select the type of the parts.

• NULL Parts
  • It sets the parts as the NLL parts. The NULL parts are the parts of Hide, which is unrelated to the display. So, when the parts are normally changed to NULL parts, it will not be displayed on the animation.
• Normal Parts
  • It sets the parts as a normal parts. The normal parts is the parts for showing the cell assigned to itself as one drawing parts.

Collision Detection

It selects the collision detection attached to the parts. By clicking the item name, select the type of collision detection. Also, when the range of the collision detection is set so as to set the “Show Collision Detection” in the layout window, it is shown in the translucent red color.

• None
  • No collision detection is attached.
• Quadrangle
  • It takes the quadrangle with the same size of the parts as its collision detection range. The collision range of this method works jointly with the deformation of the parts (zoom up/down, rotation, move of position, etc.).
• AABB
  • After a parts is made to deformation of the parts (zoom up/down, rotation, move of position, etc.), it takes the Quadrangle circumscribed with the related area as its collision detection range. The AABB is the abbreviation of “Axis-Aligned Bounding Box”, meaning “parallel to the axis, quadrangle circumscribed with the boundary”. It is always a shape parallel to the axis, and the quadrangle never rotates even if the size changes in accordance with the shown state of parts.
• Circle (Absolute value)
  • It creates a circle at the parts’ origin, taking the attribute’s “Collision Radius” as its radius size. By this method, the collision range works jointly with changes of coordinates of the parts’ position but the size shall not be affected except by the “Collision Radius”.
• Circle (Scale uses the minimum)
  • It creates a circle at the parts’ origin, taking the attribute’s “Collision Radius” as its standard size. By this method, the collision range works jointly with changes of coordinates of the parts’ position. Also, the radius size is the multiplication of the smallest of the “X Scale” and “Y Scale” and the “Collision Radius”.
• Circle (Scale uses the maximum)
  • It creates a circle at the parts’ origin, taking the attribute’s “Collision Radius” as its standard size. By this method, the collision range works jointly with changes of coordinates of the parts’ position. Also, the radius size is the multiplication of the largest of the “X Scale” and “Y Scale” and the “Collision Radius”.

Alpha Blend Operation

When drawing the parts, it sets how the alpha blending to be implemented. Click the item name and select the alpha blending method. To be noted, there is a case that a part of the parameters cannot be selected due to the setting of “Compatibility”.

• Mix
  • To the pixel colors available in the parts’ reference cells, a color with setting of the attribute’s “Color Blend” is blended into the image in consideration of the “Opacity”. This blending method is the most popular method.
• Multiplication
  • To the pixel colors available in the parts’ reference cells, a color with setting of the attribute’s “Color Blend” is multiplied in consideration of the image’s already-drawn color (background color) and the “Opacity”. By this blending method, when the blended color (The opacity is 1.0.) is “White, No affect” and “Black, Complete Black”. In this manner, the darker the blended color, the darker the result.
• Addition
  • To the pixel colors available in the parts’ reference cells, a color with setting of the attribute’s “Color Blend” is added in consideration of the image’s already-drawn color (background color) and the “Opacity”. By this blending method, when the blended color (The opacity is 1.0.) is “Black, No affect” and “White, Complete White”. In this manner, the brighter the blended color, the brighter the result.
• Subtraction

  • To the pixel colors available in the parts’ reference cells, a color with setting of the attribute’s “Color Blend” is subtracted in consideration of the image’s already-drawn color (background color) and the “Opacity”. By this blending method, when the blended color (The opacity is 1.0.) is “Black, Complete White” and “White, Complete Black”. In this manner, the brighter the blended color, the darker the result.

    This blending method can be rephrased as follows: “Mix blending by flipping the RGB values of the blending color”.

General

In the “General” Group, the information setting of the key frame in the animation’s data is enabled. Accordingly, the items inside this group can be set only in the frame in which the key frame exists.

• Meaning of the round mark in front of the respective attributes
  • The round mark in front of the respective attributes indicates the two kinds of the state: “Light Gray” and “Blue”. The “Blue” means that the attribute has been set in the key frame. The “Light Gray” means that the attribute has not been set in the key frame. The attribute of the light gray throughout the whole animation is judged as unused.

    When a value is set to the attribute or when the light gray mark is clicked, it turns to blue meaning it is at the use state. To the contrary, when the blue round mark is clicked, it turns to light gray and the attribute can be made at the unused state.

• Value Input in Input Column
  • When the input column exists at the side of the attribute name, the value can be directly input from the keyboard by clicking inside the box.
• Mouse Operation of Value Box
  • When the input column exists at the side of the attribute name, the value can be changed by maintaining the click of the attribute name and moving cursor (dragging). Dragging to the top or right, the numeric value increases, and bottom or left, the numeric value decreases.
• The [Set] button exists at the side of the attribute name
  • When there is the [Set] button at the side of the attribute name, the setting dialog will open by clicking this button and the attribute value can be entered thereto.
• The checkbox exists at the side of the attribute name
  • When there is the checkbox at the side of the attribute name, the ON/OFF of the effects of the attribute can be switched alternately by clicking the checkbox.
• About Attribute’s Interpolation
  • When the attribute is at the use state (blue round mark), the [—-] button appears to the attribute indicating it can be interpolated. By clicking this button, the window called “Curve Editor” for interpolation setting will open. So, the required setting is done here. How to use the “Curve Editor” can be referred to “Curve Editor (Interpolation Setting)”.

With the above basic operation in mind, the following is an explanation of the content of the respective attributes.

About the “Special Parts having Anchor function”

Among a number of the attributes, the “X Anchor”, “Y Anchor”, “X Size” and “Y Size” possess special uses. Also, the parts using these attributes do special behaviors compared with the other parts not using them. These attributes are prepared mainly to set the “Fixed Layout with Child Parts”. Concretely, the parts using these attributes give the following influences to their child parts.

• With the child parts’ coordinates, the reference position is the value added by the parent parts’ “X/Y Coordinates” and “X/Y Anchor”.
• Same as the normal parts, various attributes’ value is inherited. So, when the X/Y Scaling, etc. is operated, the deformation occurs, same as the normal parts (influenced by the parent parts).
• However, the child parts is never influenced by the “X/Y Size” of the parent parts (not inherited).

This means that as long as the parent parts is zoomed up/down by using “X/Y Size”, the child parts can create a special layout without being is affected by the “Position and Size”. As a typical example of creating Sprite by using this attribute, there is the “User Interface such as the size of the button and position are not affected by the changes of the size of the base”.

However, if the “X/Y Anchor” and “X/Y Size” attributes are mixed in the attribute setting of the normal animation, there may be the case that the child parts group and the whole animation happen to do unexpected behaviors and the movements of the whole animation cannot be grasped.

Therefore, the design of the parts configuration must be well considered and a minute care must be taken.

Inheritance Setting

With this inheritance setting, whether the parent’s inheritance setting is referenced or not is set.

Reference Destination of Setting

It sets whether the parent’s inheritance setting is referenced or not is selected.

Refer To Parent Setting

It uses the inheritance setting of the self’s parent. When the parent parts uses also this setting, the parent parts’ setting is used additionally. If having gone back to the root parts, it is treated as all the “Opacity”, “Horizontal Flip”, “Vertical Flip” and “Hide” are not inherited (Same as the pre-checked state).

Use Individual Settings

Whether parent’s inheritance setting is referenced or not is specified per parts. The setting is enabled with the following attributes. Other attributes than those are inherited compulsorily. Attach the check mark to the items with which parent’s inheritance setting is preferred.

• Opacity
• Horizontal Flip
• Vertical Flip
• Hide

Curve Editor (Interpolation Setting) Window

With the “Curve Editor”, the changing method of the parts’ in-between value can be set visually.

The interpolation method is to set the “Right” and “Left” of the key frame separately. However,