Skin Creation Tool : How to use
You can create an original controller and re-edit downloaded skins by using a skin creation tool.
Toolbar / Menubar
|Open existing files(as *.wcs).|
|Overwrite the current data.|
|Write the current data to the specified place.|
|Output all images containing the current data to the specified folder.|
|Show the parts' border.|
|Undo the operation.|
|Cancel an undo.|
|Cut selected parts.|
|Copy selected parts.|
|Paste parts in the cripboard.|
|Delete selected parts.|
|Adjust selected parts to the top.|
|Adjust selected parts to the bottom.|
|Adjust selected parts to the vertical center.|
|Adjust selected parts to the left.|
|Adjust selected parts to the right.|
|Adjust selected parts to the horizontal center.|
|Adjust the width of selected parts.|
|Adjust the height of selected parts.|
|Adjust the size of selected parts.|
|Select the page of group parts.|
|Back from the group/float panel.|
To append the parts, please select the parts from the left list and drag a mouse on the center area. When you want to move parts on the area, please select "Pointer" and select these parts.
If unselected or only one selecting, a parameter editor shows on the right. Meaning of parameters are those.
|Position||Set the part's area with pixel.|
|zIndex||If this value is larger, it will move to the front when it overlaps.|
|ID||The id for actions.|
Basic information of the skin.
|Background Color||Color of a background.|
|Background Image||Image of a background. This size becomes a basis of a skin. When there is no image, it treats as 640x480 pixels.|
|Size||Shows an skin size. It can't edit.|
|Name||Name of the skin. It shows on the skin manager.|
|Author||Author of the skin. It shows on the skin manager.|
|Description||Description of the skin. It shows on the skin manager.|
|Thumbnail||Sample image. It shows on the skin manager.|
|Scaling||Specify the display way when the display area and the size of the skin is not the same.
|Centering||Displays to the center of an area without scaling.|
|FitHorizon||Fit to the horizontal.|
|FitVertical||Fit to the vertical.|
|FitInside||Fit to an area.|
|Front-Behind Motion||Assigns operation when a device was tilting forward and backward.
|x||Game stick X-axis.|
|y||Game stick Y-axis.|
|rx||Game stic Rx-axis.|
|ry||Game stick Ry-axis.|
|MouseX||Mouse cursor X-axis.|
|MouseY||Mouse cursor Y-axis.|
|WheelV||Mouse wheel Y-axis(Vertical).|
|WheelH||Mouse wheel X-axis(Horizontal).|
|z||Game stick Z-axis.|
|rz||Game stic Rz-axis.|
|Left-Right Motion||Assigns operation when a device was tilting left and right.|
|Placement||Criterion of a tile sensor.
|Horizontal||Laying is a criterion.|
|Vertical||Standing is a criterion.|
Executes an action by toucing.
|Default Image||Image on the state of a default.|
|Pushed Image||Image on the state of pressing.|
|Circle||Touch area makes into circle when this value is True.|
|Action(Down)||Set an action when the button is pressed. You can select form decided candidates.
|Reset||Reset all the inputs.|
|Down||Press the target key.|
|Up||Release the target key.|
|RapidOn||Start the continuous input. Numerical value is the coutn per second.|
|RapidOff||Stop the continuous input.||mouse||Mouse
|Reset||Reset all the inputs.|
|Move||Move the cursor. Unit is persent. Position is converted to the next value target(0-Screen, 1-Acitve window).|
|LeftDown||Press the left button.|
|MiddleDown||Press the center button.|
|RightDown||Press the right button.|
|LeftUp||Release the left button.|
|MiddleUp||Release the center button.|
|RightUp||Release the right button.||touch||Touch
|Reset||Reset all the touches.|
|Move||Move the position. First value is the touch id. Next values are same as mouse.|
|Down||Press at the target position. Other values are the same as mouse-move.|
|Up||Relese at the target position. Other values are the same as mouse-move.||joypad||Gamepad
|Reset||Reset all the inputs.|
|Down||Press a button. DPad means a digital stick.|
|Up||Release a button.|
|RapidOn||Start the continuous input. /td>|
|RapidOff||Stop the continuous input. ||joystick||Execute a gamestick operation.
||enable||Change an enable state. First value is the target part's id and next value is the state(1-Enable, 0-Disable). But the target is a screen, next value means its mode(1-Touch mode, 0-Display mode).
||sleep||Wait the value milliseconds.
||group||Move the group part's page. First value is the part's id. Second value is the page. If you add the sign(+ or -), it treats as relative. Otherwise, it treats as abosolute.
||command||Execute a command line. For example, "notepad.exe" executes a notepad.
|Action(Up)||Set an action when the button was released.|
|OnSequence||Set the behavior when that button was pressed while an action is executing.
|Stack||Execute repetition after waiting for an end.|
|Toggle||It acts as a toggle button when this value is True.|
Stick operation in which a value is decided by the button's position.
|Default Position||Set a default position.
|Minimum||Left or bottom|
|Maximum||Right or top|
|Stick Image||An image of the stick. Please don't use a large image because this image becomes the moving area of the stick.|
|Stick Type||A type of the stick.
|Round||Move in every direction.|
|Vertical||Move vertical only.|
|Horizon||Move horizontal only.|
|Slider X||Input for a horizontal moving.
|x||Game stick X-axis|
|y||Game stick Y-axis|
|z||Game stick Z-axis|
|rx||Game stick Rx-axis|
|ry||Game stick Ry-axis|
|rz||Game stick Rz-axis|
|slider||Game stick slider|
|dial||Game stick dial|
|MouseX||Mouse cursor X-axis|
|MouseY||Mouse cursor Y-axis|
|WheelV||Mouse wheel vertical|
|WheelH||Mouse wheel horizontal|
|Slider Y||Input for a vertical moving.|
|Stabilize||It keeps a position even if you released from the stick when this value is True.|
Show the software keyboard. That keys becomes a square when an aspect is 2:5.
|Layout||Layout of the keyboard. When this value is "AppSetting", it depends on app's setting.|
|Frame Color||Color of a key frame.|
|Key Color||Color of a key.|
|Pressed Key Color||Color of a pressed key.|
|Text Color||Color of a text on a key.|
Touchpad for mouse operations like on the notebook PC.
|Display Mode||Is becomes a display mode when this value is True and False becomes a touch mode. If you want to change the mode, please use button's antion and change Enable property.
|Display Number||Set a display number. "0" shows a primary monitor always. Other numbers are dependent on graphic output devices.
This is the container that collects multiple parts. For changing the page, touches the panel or executes an action.
|Changing Animation||Set the page changing animation way.
|None||Changes in an instant.|
|Fade||Becomes transparent gradually.|
|SlideV||Slides to the vertical direction.|
|SlideH||Slides to the horizontal direction.|
|RotateV||Rotates to the vertical direction.|
|RotateH||Rotates to the horizontal direction.|
|Page by touch||You can move the page by touching the area when this value is True.|
Your double clicks can edit each page. To move a page, please select from the combobox on the toolbar. Each page can place buttons, sticks, keyboards, and touchpads. To back from a page, please click the button at the right of the combobox.
|Background Image||Set a background image. Location is always top-left.|
It sets a button at the target position and show the container when you pressed it.
|Background Color||Background color of the panel.|
|Background Image||Background image of the panel. Its location is always on the center of the panel.|
|Default Image||Default image of the button.|
|Pushed Image||Pressed image of the button.|
|Float Position||Position of the panel.|
|Frame Color||Frame color of the panel.|
|Margin||Add a margin when this value is True.|
|Scaling||Scaling child parts when those are overflow from the panel.|
|Circle||Touchable area becomes a circle when this value is True.|
© TNK Software / Tanaka Yusuke