wiki.sine.space | sinespace

Difference between revisions of "Clothing/Attachments"

From wiki.sine.space
Jump to: navigation, search
(10 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Skin is a texture image that replaces the default skin of your avatar. Skins can be re made and uploaded in Sine Space using [[Virtual Goods]] component.
+
Space has the option to add attachments to your avatar. These can be anything from a sword, to jewellery, even other weapons such as guns, crossbows or shields.  
  
==Avatar Skin==
+
You can also use the attachment option to have your avatar wear certain types of armor such as shoulder pads.
  
You can download the default avatar skin template from following links. 
 
  
* Sine Space Male avatar Skin: [http://space-files.s3.amazonaws.com/creator/Space_male_Skin_UV.psd    | Download].
+
==Setting up for the Attachment==
  
* Sine Space Male avatar Normal Map: [http://space-files.s3.amazonaws.com/creator/Space_malebodynormalMap.psd | Download].
 
  
* Sine Space Female avatar Skin : [http://space-files.s3.amazonaws.com/creator/Space_female_Skin_UV.psd      | Download].
+
You can make an attachment the same way as any other 3D model you would make and import into Unity, or you can use assets from the Unity Asset Store and import them into Unity to use as your attachment.  
  
* Sine Space Female avatar Normal Map: [http://space-files.s3.amazonaws.com/creator/Space_femalebodyNormalMap.psd | Download].  
+
You can follow our guide [[Clothing/Importing|here]] on how to import 3D meshes.
  
==Importing Skin to Unity==
 
  
Once you have created the Skin save the PSD and import it back to Unity.
 
  
'''Setting imported Skin Texture'''
+
====Setup your scene====
  
* Select the imported skin texture.
 
* Set Texture Type as texture.
 
* Alpha to Grey Scale unchecked.
 
* Wrap Mode Repeat.
 
* Filter Mode Sets the filter suggested set it to bilinear.
 
* Aniso level Sets the anisotropic level. 
 
* Max Size Set to 2048.
 
* Format can be set to Compressed or 16 bit for a better quality.
 
* Once done hit Apply
 
  
Image of Skin
+
The first thing you want to do is add your avatar skeleton into your unity scene. You can use either the default space avatars or your own avatar.
  
 +
If you want to have the attachment available to all avatars and for it to look correctly placed, you might to need to repeat these steps a couple of times for each avatar.
  
'''Setting imported Skin Normal Map'''
 
  
Normal Map gives more definition to the skin.
+
====Set up the attachment item====
  
Once you have imported the normal map
 
  
* Select the imported skin texture.
+
When you have the avatar in the scene, you need to also drag the item you are using as an attachment into the scene from your project window.  
* Set Texture Type as Normal map.
+
* Alpha to Grey Scale unchecked.
+
* Wrap Mode Repeat.
+
* Filter Mode Sets the filter suggested set it to bilinear.
+
* Aniso level Sets the anisotropic level. 
+
* Max Size Set to 2048.
+
* Format can be set to Compressed or 16 bit for a better quality.  
+
* Once done hit Apply
+
  
 +
When it is in the scene, you will want to place the item in the area of the avatar in which it will placed, for example, if you have a necklace as an attachment, place the necklace around the neck.
  
 +
If you have a sword, place the sword in the hand of the avatar.  I have an eyepatch as an example, so I have placed it where an eyepatch would usually sit on the head.
  
Image
 
  
 +
[[File:Eyepatch-example.jpg]]
  
==Setting the Skin material==
 
  
you can create a new material and drag skin texture and normal map in normal map slot.
+
===Clothing Settings===
  
Once the material is created you can chose the material shader for skin from built in unity standard, custom shader or SineWave skin shader.
 
  
'''NOTE''': Skin loading color can be set only with Sine wave skin shader.
+
With the item selected in the hierarchy, click on Add component in the inspector window and search for Clothing Item Settings. Add this component.  
  
'''SineWave Skin Shader'''
+
Once this is added, you will see the clothing item settings. For attachments, there are a few things you need to check for the attachment to work correctly.
  
* Main Color  - Sets the color of the skin.
 
* Specular Color - Sets the specular color of the skin.
 
* Shininess - Sets the shine amount of the skin. 
 
* Rim Power  - how rim lighting spreads around the edges of the model
 
* Rim HDR
 
* Normal Power
 
* Tessellation Edge Length
 
* Tessellation Phong Strength
 
* Specular Amount  - Sets the specular amount.
 
* Gloss Amount - Sets how glossy the skin should look.
 
* Smoothness - Sets the smoothness.
 
* Occlusion - Sets Occlusion amount.
 
* Loading color - Sets what the avatar will look like while skin is loading.
 
  
+
====Fitting====
  
==Converting Skin texture to Space Skin==
+
In the fitting section, you make selections for the type of item you are creating, the skeleton it uses, and the layer and slots it occupies ''(for more information about layers and slots, see [https://wiki.sine.space/index.php?title=Clothing/Layers_Guide this page])''.  First, you need to select the skeleton.  If the item is going to be rigged to the avatar and move with the body, then you need to choose the avatar skeleton that the item will be rigged to fit.  '''Note:''' if you rig an item to a particular skeleton, then the item will only be available for users to buy or wear if they are wearing that avatar skeleton ''(ie male or female)''.
  
 +
If your item will not be rigged to either a female or male skeleton and can be worn by either, then choose Unisex from the drop-down menu for Skeleton.
  
==Add virtual goods script==
+
[[File:ICS-2.jpg]]
  
Attach the virtual goods script and complete the submission process.
+
Next, since you are setting the item up as an attachment, you would choose Attachment from the drop-down menu for Type.
  
See [[Virtual Goods]] for more details on the virtual goods script.
+
[[File:ICS-3.jpg]]
  
==Video Tutorial==
+
Now you must choose a clothing layer.  There are 5 to choose from, in order of distance from the skin.  SineSpace users can wear one clothing item per layer, per slot on their avatar ''(for more information about layers and slots, see [https://wiki.sine.space/index.php?title=Clothing/Layers_Guide this page])''. On the eyepatch example, we will use Close Fitting.
  
To know more on how to create and upload skins watch the tutorial shown [https://www.youtube.com/watch?v=vSuhAmnqZJE&index=17&list=PL3MZuSlVM0J9c42EyQuOWzl6F_ZEfHWAM| here]
+
[[File:ICS-4.jpg]]
 +
 
 +
And finally, you select which slot the item will occupy.  Whichever option is closest or most appropriate ''(and feel free to ask in one of the group chats if you are unsure)''.  For a necklace or scarf you would choose a neck, you would choose head for a hat, and for the eyepatch we will choose face.
 +
 
 +
[[File:ICS-1.jpg]]
 +
 
 +
 
 +
 
 +
====Materials====
 +
 
 +
On the Materials tab, there is one choice to make.  If the item does not have any different color variations (that is, if you are not going to make the item in different colors), then check the "Keep Materials Always" box.  If you are planning on doing different color variations, then uncheck the box and see [https://wiki.sine.space/index.php?title=Clothing/Variations this page] for more information once you have set up and uploaded your main item.
 +
 
 +
[[File:Keepmaterialsalways18.jpg]]
 +
 
 +
 
 +
 
 +
====Attachment Setup====
 +
 
 +
 
 +
On this tab, you will select the bone on the avatar's body that the attachment will be attached to.  This will affect the axis or pivot point on the body when the user wears and adjusts how the item is worn, so make sure to choose the bone that makes the most sense for that item.  The empty form is pictured below.
 +
 
 +
[[File:Attach-before.jpg]]
 +
 
 +
You can either click the circular button at the far right and start entering the name of the bone you want to attach to ''(in this example, head)'' and you should see it appear on the list below.
 +
 
 +
[[File:Selectpopup.jpg]]
 +
 
 +
Or you can open up the avatar in your project hierarchy until you find the bone you want to use, then just drag that into the slot.
 +
 
 +
[[File:Selectskeleton2017HD.jpg]]
 +
 
 +
Whichever route you choose, once it's filled out your form should look something like this.
 +
 
 +
[[File:Attach-selected.jpg]]
 +
 
 +
At this point, you click on the Prepare button, and in moments the process will finish and you will see a message underneath "Attach To This Bone" that tells you what it's attached to.  If you make a mistake or do not get the results you want, you can change this by repeating the steps above and clicking the Re-Prepare button.
 +
 
 +
[[File:Attach-after.jpg]]
 +
 
 +
 
 +
 
 +
===Make the item a prefab===
 +
 
 +
After you have prepared the item, drag the item from your hierarchy into your project window to make it into a prefab. Make sure the prefab is selected for the next step.
 +
 
 +
 
 +
 
 +
===Add the Virtual Good component and Uploading the Attachment===
 +
 
 +
 
 +
To upload the attachment, make sure you have the prefab selected in your Project folder. Scroll down in the Inspector window until you see the Add Component button.
 +
 
 +
Click on it and Search for Virtual Good and click on the virtual good script to add it.
 +
 
 +
For more information on the virtual good component, see [[Virtual_Goods|this page]].
 +
 
 +
 
 +
For attachments, you want to select the Clothing content type under the virtual good script. Fill in all the other details, and when you get to the Category option, choose the appropriate category.
 +
 
 +
Usually for attachments this will be under the Accessory sub category.
 +
 
 +
After all the details have been filled in, you can auto submit your attachment to space.
  
  

Revision as of 20:41, 6 February 2018

Space has the option to add attachments to your avatar. These can be anything from a sword, to jewellery, even other weapons such as guns, crossbows or shields.

You can also use the attachment option to have your avatar wear certain types of armor such as shoulder pads.


Setting up for the Attachment

You can make an attachment the same way as any other 3D model you would make and import into Unity, or you can use assets from the Unity Asset Store and import them into Unity to use as your attachment.

You can follow our guide here on how to import 3D meshes.


Setup your scene

The first thing you want to do is add your avatar skeleton into your unity scene. You can use either the default space avatars or your own avatar.

If you want to have the attachment available to all avatars and for it to look correctly placed, you might to need to repeat these steps a couple of times for each avatar.


Set up the attachment item

When you have the avatar in the scene, you need to also drag the item you are using as an attachment into the scene from your project window.

When it is in the scene, you will want to place the item in the area of the avatar in which it will placed, for example, if you have a necklace as an attachment, place the necklace around the neck.

If you have a sword, place the sword in the hand of the avatar. I have an eyepatch as an example, so I have placed it where an eyepatch would usually sit on the head.


Eyepatch-example.jpg


Clothing Settings

With the item selected in the hierarchy, click on Add component in the inspector window and search for Clothing Item Settings. Add this component.

Once this is added, you will see the clothing item settings. For attachments, there are a few things you need to check for the attachment to work correctly.


Fitting

In the fitting section, you make selections for the type of item you are creating, the skeleton it uses, and the layer and slots it occupies (for more information about layers and slots, see this page). First, you need to select the skeleton. If the item is going to be rigged to the avatar and move with the body, then you need to choose the avatar skeleton that the item will be rigged to fit. Note: if you rig an item to a particular skeleton, then the item will only be available for users to buy or wear if they are wearing that avatar skeleton (ie male or female).

If your item will not be rigged to either a female or male skeleton and can be worn by either, then choose Unisex from the drop-down menu for Skeleton.

File:ICS-2.jpg

Next, since you are setting the item up as an attachment, you would choose Attachment from the drop-down menu for Type.

File:ICS-3.jpg

Now you must choose a clothing layer. There are 5 to choose from, in order of distance from the skin. SineSpace users can wear one clothing item per layer, per slot on their avatar (for more information about layers and slots, see this page). On the eyepatch example, we will use Close Fitting.

ICS-4.jpg

And finally, you select which slot the item will occupy. Whichever option is closest or most appropriate (and feel free to ask in one of the group chats if you are unsure). For a necklace or scarf you would choose a neck, you would choose head for a hat, and for the eyepatch we will choose face.

ICS-1.jpg


Materials

On the Materials tab, there is one choice to make. If the item does not have any different color variations (that is, if you are not going to make the item in different colors), then check the "Keep Materials Always" box. If you are planning on doing different color variations, then uncheck the box and see this page for more information once you have set up and uploaded your main item.

Keepmaterialsalways18.jpg


Attachment Setup

On this tab, you will select the bone on the avatar's body that the attachment will be attached to. This will affect the axis or pivot point on the body when the user wears and adjusts how the item is worn, so make sure to choose the bone that makes the most sense for that item. The empty form is pictured below.

Attach-before.jpg

You can either click the circular button at the far right and start entering the name of the bone you want to attach to (in this example, head) and you should see it appear on the list below.

Selectpopup.jpg

Or you can open up the avatar in your project hierarchy until you find the bone you want to use, then just drag that into the slot.

Selectskeleton2017HD.jpg

Whichever route you choose, once it's filled out your form should look something like this.

Attach-selected.jpg

At this point, you click on the Prepare button, and in moments the process will finish and you will see a message underneath "Attach To This Bone" that tells you what it's attached to. If you make a mistake or do not get the results you want, you can change this by repeating the steps above and clicking the Re-Prepare button.

Attach-after.jpg


Make the item a prefab

After you have prepared the item, drag the item from your hierarchy into your project window to make it into a prefab. Make sure the prefab is selected for the next step.


Add the Virtual Good component and Uploading the Attachment

To upload the attachment, make sure you have the prefab selected in your Project folder. Scroll down in the Inspector window until you see the Add Component button.

Click on it and Search for Virtual Good and click on the virtual good script to add it.

For more information on the virtual good component, see this page.


For attachments, you want to select the Clothing content type under the virtual good script. Fill in all the other details, and when you get to the Category option, choose the appropriate category.

Usually for attachments this will be under the Accessory sub category.

After all the details have been filled in, you can auto submit your attachment to space.


Further Reading