{"id":4227,"date":"2013-09-18T14:12:40","date_gmt":"2013-09-18T05:12:40","guid":{"rendered":"http:\/\/www.webtech.co.jp\/help\/?page_id=4227"},"modified":"2017-09-06T15:00:39","modified_gmt":"2017-09-06T06:00:39","slug":"attributewindow","status":"publish","type":"page","link":"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/help\/attributewindow\/","title":{"rendered":"Attribute Window"},"content":{"rendered":"<p><img decoding=\"async\" alt=\"Window_Attribute\" class=\"rightfloat\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_Attribute_en.png\" style=\"width: 288px; height: 196px;\" \/>The \u201cAttribute\u201d window is the window for confirming and setting the information of the parts selected in the current Frame Control Window.<\/p>\n<p>This window is comprised of the information of the following three groups.<\/p>\n<div>\n<ul class=\"simple\">\n<li><a class=\"reference internal\" href=\"#parts\">Parts Information<\/a><\/li>\n<li><a class=\"reference internal\" href=\"#general\">General<\/a><\/li>\n<li><a class=\"reference internal\" href=\"#inheritance\">Inheritance Setting<\/a><\/li>\n<\/ul>\n<\/div>\n<p>By clicking the \u201cround with chevron\u201d mark located at the front of the group name, the Open\/Close can be switched alternately.<\/p>\n<p>The <img decoding=\"async\" alt=\"attributewindow01\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/attributewindow01.png\" style=\"width: 20px; height: 20px;\" \/> indicates the group is open. The <img decoding=\"async\" alt=\"attributewindow02\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/attributewindow02.png\" \/> indicates the group is closed.<\/p>\n<p>The above figure (all the groups) are closed normally for easier work, but all the groups are open at the initial stage of activating \u201cOPTPiX SpriteStudio\u201d at first.<\/p>\n<h2><a id=\"parts\" name=\"parts\"><\/a>Parts Information<\/h2>\n<p><img decoding=\"async\" alt=\"Window_Attribute_PartsInfo\" class=\"rightfloat\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_Attribute_PartsInfo_en.png\" style=\"width: 289px; height: 180px;\" \/>In the groups of the \u201cParts Information\u201d, the information of the parts itself is contained. This information cannot be changed in the midway of animation.<\/p>\n<h4>Parts Name (String Input)<\/h4>\n<p class=\"indent20\">This is the parts name on the animation data. By rewriting this name, the parts name can be changed.<\/p>\n<h4>Parts Type<\/h4>\n<p class=\"indent20\">This is for selecting the type of parts. Click the item and select the type of the parts.<\/p>\n<ul>\n<li>NULL Parts\n<ul>\n<li>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.<\/li>\n<\/ul>\n<\/li>\n<li>Normal Parts\n<ul>\n<li>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.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Collision Detection<\/h4>\n<p class=\"indent20\">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 \u201cShow Collision Detection\u201d in the layout window, it is shown in the translucent red color.<\/p>\n<ul>\n<li>None\n<ul>\n<li>No collision detection is attached.<\/li>\n<\/ul>\n<\/li>\n<li>Quadrangle\n<ul>\n<li>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.).<\/li>\n<\/ul>\n<\/li>\n<li>AABB\n<ul>\n<li>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 \u201cAxis-Aligned Bounding Box\u201d, meaning \u201cparallel to the axis, quadrangle circumscribed with the boundary\u201d. 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.<\/li>\n<\/ul>\n<\/li>\n<li>Circle (Absolute value)\n<ul>\n<li>It creates a circle at the parts\u2019 origin, taking the attribute\u2019s \u201cCollision Radius\u201d as its radius size. By this method, the collision range works jointly with changes of coordinates of the parts\u2019 position but the size shall not be affected except by the \u201cCollision Radius\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>Circle (Scale uses the minimum)\n<ul>\n<li>It creates a circle at the parts\u2019 origin, taking the attribute\u2019s \u201cCollision Radius\u201d as its standard size. By this method, the collision range works jointly with changes of coordinates of the parts\u2019 position. Also, the radius size is the multiplication of the smallest of the \u201cX Scale\u201d and \u201cY Scale\u201d and the \u201cCollision Radius\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>Circle (Scale uses the maximum)\n<ul>\n<li>It creates a circle at the parts\u2019 origin, taking the attribute\u2019s \u201cCollision Radius\u201d as its standard size. By this method, the collision range works jointly with changes of coordinates of the parts\u2019 position. Also, the radius size is the multiplication of the largest of the \u201cX Scale\u201d and \u201cY Scale\u201d and the \u201cCollision Radius\u201d.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Alpha Blend Operation<\/h4>\n<p class=\"indent20\">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 \u201cCompatibility\u201d.<\/p>\n<ul>\n<li>Mix\n<ul>\n<li>To the pixel colors available in the parts\u2019 reference cells, a color with setting of the attribute\u2019s \u201cColor Blend\u201d is blended into the image in consideration of the \u201cOpacity\u201d. This blending method is the most popular method.<\/li>\n<\/ul>\n<\/li>\n<li>Multiplication\n<ul>\n<li>To the pixel colors available in the parts\u2019 reference cells, a color with setting of the attribute\u2019s \u201cColor Blend\u201d is multiplied in consideration of the image\u2019s already-drawn color (background color) and the \u201cOpacity\u201d. By this blending method, when the blended color (The opacity is 1.0.) is \u201cWhite, No affect\u201d and \u201cBlack, Complete Black\u201d. In this manner, the darker the blended color, the darker the result.<\/li>\n<\/ul>\n<\/li>\n<li>Addition\n<ul>\n<li>To the pixel colors available in the parts\u2019 reference cells, a color with setting of the attribute\u2019s \u201cColor Blend\u201d is added in consideration of the image\u2019s already-drawn color (background color) and the \u201cOpacity\u201d. By this blending method, when the blended color (The opacity is 1.0.) is \u201cBlack, No affect\u201d and \u201cWhite, Complete White\u201d. In this manner, the brighter the blended color, the brighter the result.<\/li>\n<\/ul>\n<\/li>\n<li>Subtraction\n<ul>\n<li>\n<p class=\"first\">To the pixel colors available in the parts\u2019 reference cells, a color with setting of the attribute\u2019s \u201cColor Blend\u201d is subtracted in consideration of the image\u2019s already-drawn color (background color) and the \u201cOpacity\u201d. By this blending method, when the blended color (The opacity is 1.0.) is \u201cBlack, Complete White\u201d and \u201cWhite, Complete Black\u201d. In this manner, the brighter the blended color, the darker the result.<\/p>\n<p class=\"last\">This blending method can be rephrased as follows: \u201cMix blending by flipping the RGB values of the blending color\u201d.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><a id=\"general\" name=\"general\"><\/a>General<\/h2>\n<p><img decoding=\"async\" alt=\"Window_Attribute_KeyParameter\" class=\"rightfloat\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_Attribute_KeyParameter_en.png\" style=\"width: 272px; height: 462px;\" \/>In the \u201cGeneral\u201d Group, the information setting of the key frame in the animation\u2019s data is enabled. Accordingly, the items inside this group can be set only in the frame in which the key frame exists.<\/p>\n<div class=\"clearfix\">The attributes (respective parameters) possible to set in the key frame are in manifold but their common operation method is explained at first.<\/div>\n<ul>\n<li>Meaning of the round mark in front of the respective attributes\n<ul>\n<li>The round mark in front of the respective attributes indicates the two kinds of the state: \u201cLight Gray\u201d and \u201cBlue\u201d. The \u201cBlue\u201d means that the attribute has been set in the key frame. The \u201cLight Gray\u201d 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.\n<p>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.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>Value Input in Input Column\n<ul>\n<li>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.<\/li>\n<\/ul>\n<\/li>\n<li>Mouse Operation of Value Box\n<ul>\n<li>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.<\/li>\n<\/ul>\n<\/li>\n<li>The [Set] button exists at the side of the attribute name\n<ul>\n<li>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.<\/li>\n<\/ul>\n<\/li>\n<li>The checkbox exists at the side of the attribute name\n<ul>\n<li>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.<\/li>\n<\/ul>\n<\/li>\n<li>About Attribute\u2019s Interpolation\n<ul>\n<li>When the attribute is at the use state (blue round mark), the [\u2014-] button appears to the attribute indicating it can be interpolated. By clicking this button, the window called \u201cCurve Editor\u201d for interpolation setting will open. So, the required setting is done here. How to use the \u201cCurve Editor\u201d can be referred to \u201cCurve Editor (Interpolation Setting)\u201d.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>With the above basic operation in mind, the following is an explanation of the content of the respective attributes.<\/p>\n<table>\n<tbody>\n<tr>\n<th scope=\"row\">Reference Cell<\/th>\n<td>\n<p>It sets the cell referenced by the corresponding parts, after the related key frame. The left side to the setting window of the reference frame is the cell map, and the right side the cell list. By selecting them, the setting is enabled.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" alt=\"Window_Attribute_RefCell\" class=\"size-full wp-image-834 aligncenter\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_Attribute_RefCell_en.png\" style=\"width: 414px; height: 411px;\" title=\"\" \/><\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">X Position<\/th>\n<td>The parts\u2019 X coordinate in the key frame is set at the unit of pixel. The origin of the used reference cell is snapped to this X coordinate. The parts\u2019 X coordinate in the key frame is set at the unit of pixel. The origin of the used reference cell is snapped to this X coordinate.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Y Position<\/th>\n<td>The parts\u2019 Y coordinate in the key frame is set at the unit of pixel. The origin of the used reference cell is snapped to this Y coordinate.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Z Position<\/th>\n<td>\n<p>The parts\u2019 Z coordinate in the key frame is set. The unit of the Z coordinate solely depends upon the application side that mounts data (treated as the unit called the \u201cWorld Coordinate System\u201d as cited by 3DCG). The origin of the used reference cell is snapped to this Z coordinate.<\/p>\n<ul>\n<li><strong>Relationship between the Priority and the Z Position<\/strong>\n<ul>\n<li>The \u201cPriority\u201d is applied to the front\/back of the display. The Z Position is affected due to the positional relationship when the X\/Y axes are rotated, etc. Besides, the display state may change depending upon the specifications of the actually-mounted application and game engine frame work. So, a care must be taken.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">X Axis Rotation<\/th>\n<td>The parts is rotated taking the X axis passing the origin of the currently-used reference cell as its axis. The unit is \u201cAngle\u201d.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Y Axis Rotation<\/th>\n<td>The parts is rotated taking the Y axis passing the origin of the currently-used reference cell as its axis. The unit is \u201cAngle\u201d.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Z Axis Rotation<\/th>\n<td>\n<p>The parts is rotated taking the Z axis passing the origin of the currently-used reference cell as its axis. The unit is \u201cAngle\u201d.<\/p>\n<p>Normally, this attribute is used to rotate the 2D Sprite.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">X Scale<\/th>\n<td>\n<p>It sets the parts\u2019 horizontal scale taking the origin of the currently-used reference cell as its central point. The unit is the \u201cProportion\u201d, and it is actual sizes of the reference cell that is used at 1. When the minus (negative) value is set, it becomes at the state of Right and Left Flip.<\/p>\n<ul>\n<li><strong>Negative Value setting of X Scale and \u201cRight and Left Flip\u201d <\/strong>\n<ul>\n<li>The \u201cRight and Left Flip\u201d is the function to flip only the reference cell (Texture Mapping) shown inside, keeping the Sprite\u2019s state as it is. On the other hand, when the minus value is set to the X Scale, the shape of Sprite itself flips right and left taking the reference cell\u2019s origin as its center, and its child also inherits this flipped state.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Y Scale<\/th>\n<td>\n<p>It sets the parts\u2019 vertical scale taking the origin of the currently-used reference cell as its central point. The unit is the \u201cProportion\u201d, and it is actual sizes of the reference cell that is used at 1. When the minus (negative) value is set, it becomes at the state of flipped top and bottom.<\/p>\n<ul>\n<li><strong>Negative Value setting of Y Scale and \u201cFlipped Top and Bottom\u201d <\/strong>\n<ul>\n<li class=\"indent20\">The \u201cFlipped Top and Bottom\u201d is the function to flip only the reference cell (Texture Mapping) shown inside, keeping the Sprite\u2019s state as it is. On the other hand, when the minus value is set to the Y Scale, the shape of Sprite itself flips top and bottom taking the reference cell\u2019s origin as its center, and its child also inherits this flipped state.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Opacity<\/th>\n<td>\n<p>It sets the opacity when parts are shown. With 1, complete opacity (the reference cell\u2019s pattern design is as is.), and with 0, complete transparency (Same as not shown.). This attribute is for translucent blending. etc. In case of the simple Parts\u2019 Show\/Hide switching, it is recommended to use the \u201cHide\u201d attribute instead of this attribute.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Priority<\/th>\n<td>\n<p>It sets the priority of display. The range possible to specify is -9999 &#8211; 9999. With -9999, the drawing is done at the earliest (in the back) and with 9999 (in the front). In principle, the higher value, the more frontal the display is made.<\/p>\n<p>However, depending upon the mounted game engines and the hardware specifications, there is the case that the display state will be different from the the state of \u201cOPTPiX SpriteStudio\u201d. When this is used together with the Z axis, confirm the specifications of the mounted application carefully.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Horizontal Flip<\/th>\n<td>\n<p>It sets the Right and Left Flip of the display state (Texture Mapping) of the reference cell inside the Parts. If the check is attached, it becomes right and left flipped and if the check is removed, the state turns to be not flipped.<\/p>\n<p>Unless specified in particular, this Right and Left Flip is applied only to parts but not inherited to child parts. With the \u201cInheritance Setting\u201d at its child parts side, set the \u201cHorizontal Flip\u201d ON in order to enable inheritance.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Vertical Flip<\/th>\n<td>\n<p>It sets the Top and Bottom Flip of the display state (Texture Mapping) of the reference cell inside the Parts. If the check is attached, it becomes top and bottom flipped and if the check is removed, the state turns to be not flipped.<\/p>\n<p>Unless specified in particular, this Top and Bottom Flip is applied only to parts but not inherited to child parts. With the \u201cInheritance Setting\u201d at its child parts side, set the \u201cVertical Flip\u201d ON in order to enable inheritance.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Hide<\/th>\n<td>\n<p>The parts are not shown. If the check is attached, it becomes Hide. If it is removed, it becomes Show.<\/p>\n<p>Unless specified in particular, this Hide setting is applied only to parts but not inherited to its child parts. With the \u201cInheritance Setting\u201d at the child parts side, set the \u201cHide\u201d ON in order to enable inheritance.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Color Blend<\/th>\n<td>\n<p>It specifies the effect of covering (overlay) the color onto the parts. This is the function to process the pixel color from over it, maintaining the pattern design of the reference cell used in the parts as it is. By clicking the [Setting], the following exclusive-use dialog opens.<\/p>\n<p><img decoding=\"async\" alt=\"Window_Attribute_ColorBlend\" class=\"size-full wp-image-814 aligncenter\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_Attribute_ColorBlend_en.png\" style=\"width: 401px; height: 331px;\" title=\"\" \/><\/p>\n<p>With this dialog, the method of color blending is chosen.<\/p>\n<ul>\n<li>Single Color\n<ul>\n<li>It specifies the single color to the whole parts<\/li>\n<\/ul>\n<\/li>\n<li>Vertex Color\n<ul>\n<li>To the vertex of the parts\u2019 four corners, the respectively different colors are set. This is the specifying method to realize that the affected color inside the parts becomes \u201cGradated (with gradation) from the four corners\u201d. In either case of \u201cSingle Color\u201d or \u201cVertex Color\u201d, the \u201cColor Picker\u201d will open by clicking the color indication box located thereby.So, specify the blending color. To be noted, the color picker opened by this item has the additional unique parameter \u201c%\u201d that is not available elsewhere. This \u201c%\u201d indicates the intensity of the blending color (i.e., How much do the RGB elements affect). On the other hand, the parameter \u201cA\u201d is the coefficient to the pixel of the reference cell that is the base. The opacity of the pixel displayed actually is \u201cPixel Color A x Blend Color\u201d.\n<p>Available with the blending method (Blend operation) are \u201cMix\u201d, \u201cMultiplication\u201d, \u201cAddition\u201d and \u201cSubtraction\u201d. The characteristics of the respective methods are the same as explained <a class=\"reference internal\" href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/help\/attributewindow\/\">the \u201cAlpha Blend\u201d of the \u201cParts Information\u201d<\/a> . Also, by clicking [Reset Intensity to 0], the intensity (%) of the currently-set blend color can be set to \u201c0(No affect at all.)\u201d<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Vertex Deformation<\/th>\n<td>\n<p><img decoding=\"async\" alt=\"Window_Attribute_VertexCorrection\" class=\"rightfloat\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_Attribute_VertexCorrection_en.png\" style=\"width: 282px; height: 195px;\" \/>By specifying the coordinates of \u201cLeft Top\u201d, \u201cRight Top\u201d, \u201cLeft Bottom\u201d and \u201cRight Bottom\u201d, the parts can be processed to optionally-shaped quadrangle.<\/p>\n<p>On the basis of the parameter setting, the \u201cConcave Type (like a boomerang shape)\u201d and \u201cTwisted Type\u201d can be created. However, when such shapes are specified, there may happen the case that the normal display state (or as anticipated) cannot be attained depending upon the differences of the mounted game engines and hardware. So, a care must be taken.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">X Pivot Offset<\/th>\n<td>It sets the relative value so as to temporarily slide the origin X coordinate of the parts\u2019 reference cell. The unit to be set must be the \u201cRegulating Texture Coordinate System (The UV Coordinate System)\u201d, and it becomes the ratio position where the horizontal width of the reference image of the cell map to which the reference cell belongs is set at 1.0.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Y Pivot Offset<\/th>\n<td>It sets the relative value so as to temporarily slide the origin Y coordinate of the parts\u2019 reference cell. The unit to be set must be the \u201cRegulating Texture Coordinate System (The UV Coordinate System)\u201d, and it becomes the ratio position where the horizontal width of the reference image to which the reference cell belongs is set at 1.0.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">X Anchor<\/th>\n<td>When a special parts having the anchor function is created, the anchor\u2019s X position is set by the \u201cParent Parts\u2019 Regulation Coordinates\u201d. The \u201cParent Parts\u2019 Regulation Coordinates\u201d is the ratio position where the center is (0,0), the Left Top is (-0.5, 0.5) and the Right Bottom is (0.5, -0.5). This function is a very special function and it is not used normally. If it is used inevitably, be very sure to refer to the after-mentioned \u201cSpecial Parts having Anchor Function\u201d and use it after grasping its specialty and the purpose of its function.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Y Anchor<\/th>\n<td>When a special parts having the anchor function is created, the anchor\u2019s Y position is set by the \u201cParent Parts\u2019 Regulation Coordinates\u201d. The \u201cParent Parts\u2019 Regulation Coordinates\u201d is the ratio position where the center is (0,0), the Left Top is (-0.5, 0.5) and the Right Bottom is (0.5, -0.5). This function is a very special function and it is not used normally. If it is used inevitably, be very sure to refer to the after-mentioned \u201cSpecial Parts having Anchor Function\u201d and use it after grasping its specialty and the purpose of its function.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">X Size<\/th>\n<td>When a special parts having the anchor function is created, the size of the parts\u2019 X direction is set by the ratio. This function is a very special function and it is not used normally. If it is used inevitably, be very sure to refer to the after-mentioned \u201cSpecial Parts having Anchor Function\u201d and use it after grasping its specialty and the purpose of its function.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Y Size<\/th>\n<td>When a special parts having the anchor function is created, the size of the parts\u2019 Y direction is set by the ratio. This function is a very special function and it is not used normally. If it is used inevitably, be very sure to refer to the after-mentioned \u201cSpecial Parts having Anchor Function\u201d and use it after grasping its specialty and the purpose of its function.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">UV X Translation<\/th>\n<td>It offset-transports the horizontal direction (U coordinates) of the UV Coordinate of the parts\u2019 reference cell. The unit to be set is \u201cRegulating Texture Coordinate System (The UV Coordinate System)\u201d, and it becomes the ratio position where the horizontal width of the reference image of the cell map to which the reference cell belongs is set at 1.0.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">UV Y Translation<\/th>\n<td>It offset-transports the vertical direction (V coordinates) of the UV Coordinate of the parts\u2019 reference cell. The unit to be set is \u201cRegulating Texture Coordinate System (The UV Coordinate System)\u201d, and it becomes the ratio position where the vertical width of the reference image of the cell map to which the reference cell belongs is set at 1.0.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">UV Rotation<\/th>\n<td>It sets the rotation angle upon mapping the parts\u2019 reference cell. The parts itself does not rotate and only the pattern design inside rotates.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">UV X Scale<\/th>\n<td>It sets the zoom up\/down ratio of the horizontal direction of the UV Coordinate of the parts\u2019 reference cell.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">UV Y Scale<\/th>\n<td>It sets the zoom up\/down ratio of the vertical direction of the UV Coordinate of the parts\u2019 reference cell.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Collision Radius<\/th>\n<td>When the circle was selected by the \u201cCollision Detection\u201d, the radius of the circle of the collision range can be set by this attribute. The actual collision range changes depending upon the kinds of the circle set by the \u201cCollision Detection\u201d. So, refer also to the explanation of the \u201cCollision Detection of the Parts Information\u201d.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">User Data<\/th>\n<td>\n<p>This is the data the user can define optionally. This is used mainly for joint-work and communication with the application program that implements the created data. The data possible to be set are four kinds: \u201cNumeric Value\u201d, \u201cRectangle\u201d, and \u201cCoordinates\u201d, \u201cString\u201d. The data with the check mark attached becomes effective. Plural data can be selected.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" alt=\"Window_Attribute_UserData\" class=\"size-full wp-image-807 aligncenter\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_Attribute_UserData_en.png\" style=\"width: 429px; height: 507px;\" title=\"\" \/><\/p>\n<p>The input data with the check mark at front becomes effective (plural selection possible).<\/p>\n<ul>\n<li>Numeric\n<ul>\n<li>One 32-bit integer is set.<\/li>\n<\/ul>\n<\/li>\n<li>Rectangle\n<ul>\n<li>A rectangle is set by specifying coordinates of \u201cLeft\u201d, \u201cRight\u201d, \u201cTop\u201d and \u201cBottom\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>Position\n<ul>\n<li>The coordinates of \u201cHorizontal\u201d and \u201cVertical\u201d are specified.<\/li>\n<\/ul>\n<\/li>\n<li>String\n<ul>\n<li>An optional string can be written in.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote>\n<p><strong>About the \u201cSpecial Parts having Anchor function\u201d<\/strong><\/p>\n<p>Among a number of the attributes, the \u201cX Anchor\u201d, \u201cY Anchor\u201d, \u201cX Size\u201d and \u201cY Size\u201d 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 \u201cFixed Layout with Child Parts\u201d. Concretely, the parts using these attributes give the following influences to their child parts.<\/p>\n<ul class=\"simple\">\n<li>With the child parts\u2019 coordinates, the reference position is the value added by the parent parts\u2019 \u201cX\/Y Coordinates\u201d and \u201cX\/Y Anchor\u201d.<\/li>\n<li>Same as the normal parts, various attributes\u2019 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).<\/li>\n<li>However, the child parts is never influenced by the \u201cX\/Y Size\u201d of the parent parts (not inherited).<\/li>\n<\/ul>\n<p>This means that as long as the parent parts is zoomed up\/down by using \u201cX\/Y Size\u201d, the child parts can create a special layout without being is affected by the \u201cPosition and Size\u201d. As a typical example of creating Sprite by using this attribute, there is the \u201cUser Interface such as the size of the button and position are not affected by the changes of the size of the base\u201d.<\/p>\n<p>However, if the \u201cX\/Y Anchor\u201d and \u201cX\/Y Size\u201d 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.<\/p>\n<p>Therefore, the design of the parts configuration must be well considered and a minute care must be taken.<\/p>\n<\/blockquote>\n<h2><a id=\"inheritance\" name=\"inheritance\"><\/a>Inheritance Setting<\/h2>\n<p><img decoding=\"async\" alt=\"Window_Attribute_Inherit\" class=\"rightfloat\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_Attribute_Inherit_en.png\" style=\"width: 288px; height: 152px;\" \/>With this inheritance setting, whether the parent\u2019s inheritance setting is referenced or not is set.<\/p>\n<h3>Reference Destination of Setting<\/h3>\n<p>It sets whether the parent\u2019s inheritance setting is referenced or not is selected.<\/p>\n<h4>Refer To Parent Setting<\/h4>\n<p class=\"indent20\">It uses the inheritance setting of the self\u2019s parent. When the parent parts uses also this setting, the parent parts\u2019 setting is used additionally. If having gone back to the root parts, it is treated as all the \u201cOpacity\u201d, \u201cHorizontal Flip\u201d, \u201cVertical Flip\u201d and \u201cHide\u201d are not inherited (Same as the pre-checked state).<\/p>\n<h4>Use Individual Settings<\/h4>\n<p class=\"indent20\">Whether parent\u2019s 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\u2019s inheritance setting is preferred.<\/p>\n<ul class=\"last simple\">\n<li>Opacity<\/li>\n<li>Horizontal Flip<\/li>\n<li>Vertical Flip<\/li>\n<li>Hide<\/li>\n<\/ul>\n<h2>Curve Editor (Interpolation Setting) Window<\/h2>\n<p>With the \u201cCurve Editor\u201d, the changing method of the parts\u2019 in-between value can be set visually.<\/p>\n<p><img decoding=\"async\" alt=\"Window_Attribute_Curve\" class=\"size-full wp-image-796 aligncenter\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_Attribute_Curve_en.png\" style=\"width: 570px; height: 291px;\" title=\"\" \/><\/p>\n<p>The interpolation method is to set the \u201cRight\u201d and \u201cLeft\u201d of the key frame separately. However,<\/p>\n<div>\n<ul class=\"simple\">\n<li>The \u201cLeft\u201d is the same as the setting of the \u201cJust-before Key Frame\u2019s Right\u201d<\/li>\n<li>The \u201cRight\u201d is the same as the setting of the \u201cJust-after Key Frame\u2019s Left\u201d<\/li>\n<\/ul>\n<\/div>\n<div>\n<p>So, a cared must be taken.<\/p>\n<h4>Interpolation Method<\/h4>\n<p class=\"indent20\">It sets the method of interpolation calculation between key frames.<\/p>\n<ul>\n<li>None\n<ul>\n<li>No interpolation. The value will be switched immediately when it becomes its key frame.<\/li>\n<\/ul>\n<\/li>\n<li>Linear\n<ul>\n<li>It interpolates between key frames linearly. The linear interpolation, as its name, calculates so as to change the section at the equal speed.<\/li>\n<\/ul>\n<\/li>\n<li>Hermite\n<ul>\n<li>It interpolates between key frames by the three-dimensional curve. The three-dimensional curve is the curve changing like the \u201cS Letter\u201d. It operates the shape of the curve by adjusting the slant and the length of the green handle that is written at the Start and End points on the Curve Editor.<\/li>\n<\/ul>\n<\/li>\n<li>Bezier\n<ul>\n<li>It interpolates between the key frames by the curve called \u201cBezier Curve\u201d. The Bezier curve becomes the curve so as to draw a mountain-type shape into the quadrangle formed by the \u201cStart Point\u201d, \u201cEnd Point\u201d, \u201cHandle\u2019s Front Edge of the Start Point\u201d and \u201cHandle\u2019s Front Edge of the End Point\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>Acceleration\n<ul>\n<li>It draws a curve so as to make general acceleration.<\/li>\n<\/ul>\n<\/li>\n<li>Deceleration\n<ul>\n<li>It draws a curve so as to make general deceleration.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Synchronize left\/right handles<\/h4>\n<p class=\"indent20\">When, on the curve editor, the key frame is created in the mid of the curve, the handle to specify the interpolation slant of the created key frame is necessary to be \u201cset separately taking the right and left respective key frames as an object\u201d but it makes this as \u201cthe direction becomes opposite with the right and left handles\u2019 slant and length as same\u201d.<\/p>\n<h4>Value<\/h4>\n<p class=\"indent20\">This is the value possessed by the attribute of the key frame handled currently. The attribute value can be specified directly hereto.<\/p>\n<h4>Scale\u2019s Zoom Up\/Down<\/h4>\n<p class=\"indent20\">By clicking the button located at the neighboring right of the \u201cValue\u201d, the scale\u2019s zoom-in and zoom-out is enabled.<\/p>\n<h4>About Key Frame Operation<\/h4>\n<p class=\"indent20\">The key frame\u2019s operation on the curve editor is enabled as follows:<\/p>\n<ul>\n<li class=\"indent20\">Move (Translation)\n<ul>\n<li class=\"indent20\">By clicking and dragging key frame horizontally, the frame\u2019s position of the key frame can be changed. By moving it vertically, the attribute value possessed by the key frame can be changed.<\/li>\n<\/ul>\n<\/li>\n<li class=\"indent20\">Add\n<ul>\n<li class=\"indent20\">By clicking the mid of the curve line, a new key frame can be created at that position.<\/li>\n<\/ul>\n<\/li>\n<li class=\"indent20\">Delete\n<ul>\n<li class=\"indent20\">By pressing DELETE key after clicking the key on the curve, the selected key can be deleted.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The \u201cAttribute\u201d window is the window for confirming and setting the information of the parts selected in the c..<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":4160,"menu_order":364,"comment_status":"closed","ping_status":"closed","template":"page_eng_ss.php","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"class_list":["post-4227","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/4227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/comments?post=4227"}],"version-history":[{"count":0,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/4227\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/4160"}],"wp:attachment":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/media?parent=4227"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/tags?post=4227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}