All pages
Powered by GitBook
1 of 17

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Clothing

Welcome to the Clothing Portal!

Sinespace has some powerful tools when it comes to creating clothing. You can create anything from bikinis, to skin tight jeans, to dresses, to trench coats. Check out the pages below and get creative!

Newbie Area

How Do I?

Clothing Resource Files

Reference

Clothing Video Tutorials

Advanced Topics

Getting Started
Importing and Uploading Clothing
Male Clothing Resource Files
Male Hair Resource Files
Female Clothing Resource Files
Female Hair Resource Files
Clothing Item Setting
Virtual Good Component
Review Policies
Basic Clothes
Clothing/Variations
Avatar Skins
Attachments versus Skinned Clothing
Heel Adjustments
Full Body Replacement Costumes
Cloth Physics

Advanced Topics

  • Attachments versus Skinned Clothing

  • Heel Adjustments

  • Full Body Replacement Costumes

Cloth Physics

Layers Guide

When preparing a clothing item for upload, you need to make some choices in where the item will go and how the item will fit on the avatar. This allows users to easily change clothes as well as mix and match outfits from different creators to create their own unique looks.

Space allows users to wear one item per clothing layer in each slot, on their avatar's skeleton. You set this up in the Clothing Item Settings component on the Item -> Clothing -> Fitting tab (see the pc below). When creating an item to be worn, you start with the skeleton, leave the second drop-down menu at the default of Rigged Clothing when creating clothing items, and then choose the clothing layer and which slot (or slots) to use.

Note: The Chest(include Upper Chest) and Pelvis slots are a little special, they control whether the avatar will be masked if the necessary slot is empty, i.e., male character need at least wear a pants and female need pants and top wear, or the avatar will be blue masked. So if you're creating some clothing items not covering the sensitive parts of human body, you shouldn't pick the chest, upper chest and pelvis slot, or it will cause the item against the Review Policies. Actually, you can leave those slots blank if you have no idea where to put your items on, especially for the attachment-type clothing items.

Skeleton Selection

Choose the relevant skeleton for your clothing item. Please note Space supports multiple third-party skeletons as well as its own native male and female models. Your item will only appear in the store or the wardrobe for a user wearing that particular skeleton.

Clothing Layer

Set the clothing item to one of five sorting layers.

Mesh deletion and tucking of clothing items is applied dynamically in accordance with this layer.

So if a user wears a pair of boots set to "Close Fitting" worn with a pair of pants set to "Skintight," the pants mesh will be deleted inside the boots.

If the user then changes to a different pair of pants set to "Loose Fitting" the same pair of boots will then be deleted inside the pants.

Slots

Tick the slots your clothing item should occupy. When a user puts on an item, it will automatically remove other clothing items that occupy the same slot. Be careful not to select slots unnecessarily; for instance, a normal jacket would cover chest and uppper chest. But selecting back as well would prevent users from wearing the jacket with a backpack or wings.

Layers & Slots Guide

Below is a list of some of the clothing items that are typically worn on each clothing layer.

Underwear

  • Stockings, Socks

  • Panties

  • Layering Lace Tops

  • Glitch Pants

Skintight

  • Collar Shirt (tucked in)

  • Bodice

  • Bikini

  • Boots & Shoes (worn under pants)

Close Fitting

  • Pants

  • Skirt

  • Shorts

Loose Fitting

  • Corset

  • Waistcoat/Vest

  • Shirts (untucked)

Baggy And Outerwear

  • Coats

  • Boots (worn over pants)

  • Belts

  • Jackets

Below is a list of what slots some of the SineSpace creators are standardizing for different types of clothing. Following this guide can not only take away some of the guesswork, but also make it easier for your customers and friends to wear your creations with other parts of their wardrobe. This list will grow over time, as more designers discover what works best for them.

  • Neck - cravat, scarf, neckwear

  • Chest - shirt, waistcoat/vest, corset, jacket/coat

  • Back - backpacks, wings

  • pelvis - stocking, skirts, pants

Clothing Variations

To submit a range of items based on a single clothing mesh but with varied materials and textures, follow the steps on the Importing and Uploading Clothing; BUT leave "Keep Material Always" unticked.

When you click the Prepare button you will see the materials removed.

Submit the item and you will see an ID is assigned to the item;

Clothing Extra Pattern Component

Create an empty game object in your project.

This component applies to any furniture item also.

Attach the Clothing Extra Pattern component to it.

Enter the ID of the mesh object submitted above to the Item ID field.

The default settings allow for one material per item. If you need more than one material per item change the materials index from 0 to how many additional ones you need for that item.

Select or drag in the materials for the base item. For example, if all your different versions make use of the same normal or height maps, you do not need to put them into the Extra Pattern component, they will get that information from the master pattern. If a map does change from one version to the next (a leather boot versus a metallic one, for example), then select or drag in the materials that are specific to that version in the element material slot/s.

Shader path - (do not touch this setting)

Virtual Good Component

It is worth mentioning that clothing variations will inherit the Product Name, Description, and Price from the Parent Clothing Item.

Add the virtual good script and submit.

See here for more on the script.

For multiple variations you can duplicate and modify this object in the project folder (ctrl + d), though do make sure to clear out the Resume ID if the item you are duplicating has already been uploaded to the server.

Please note that if you duplicate a virtual good that has already been submitted and has an ID, you need to wipe the ID in the Virtual Good script and change the product name before resubmitting as a new item.

Attachments Vs Skinned Clothing

space has both options of attachments and skinned clothing which you can use for uploading items and clothing to space.

There is a few differences between the two, and here are the details of the differences for you!

Attachments

Attachments are just that- Attachments.

They attach to your avatar on a specific bone, for example, to the neck bone if you have created a necklace. You cannot attach the attachments to multiple bones.

Attachments also don't support deletion zones or advanced clothing features.

Attachments are much faster than skinned clothing performance wise, and they are much easier to upload and create as there are no rigging steps.

Skinned Clothing

Skinned clothing are the normal full clothing items with rigging/weighting, and also with the addition of settings such as skin deletion and skin preservation.

Skin deletion is good to use if you have items of clothing which have areas cut out, such as trousers with lace up sides, or a dress with cut out side panels as you can select certain areas of the skin you want to delete.

Skin preservation works in a parallel way to the skin deletion - the areas of skin you select will be preserved.

This is good to use if you are also adding cloth physics to your clothing items as you can choose to preserve areas that might be shown when the cloth is moving around - e.g, you can choose to preserve the legs from the knee up if the cloth item is a skirt with physics, as you don't want the avatar's legs to disappear when the skirt is moving.

Tattoos

right/left hand - gloves & mittens

  • right/left foot - shoes, boots

  • Virtual Goods

    Importing and Uploading Clothing

    Importing and Uploading Clothing

    This is in the middle of an update. Please ask for any help needed. Discord fashion and clothing. https://discord.gg/sinespace

    This tutorial does require needing to be setup with the Editor Pack.

    You can make clothing for your avatars in Sinespace by using any 3D software of your choice. You can use the avatars from the editor pack as a reference for your clothing; Just import it into your software and start making your clothing! Once your clothing is made, you can export the clothing as obj or fbx files, save it anywhere you want, and from there, you can setup your scene ready for importing your clothing item for upload.

    Contents

    Setting Up Your Unity Scene For Uploading

    Make sure you put the same reference avatar (male or female) you used to make clothing into your scene, just in case you need it for resizing your item or any other changes.

    Importing Your Clothing Item

    You will need to import your clothing item into the scene as well. First, go to Assets at the top of Unity, and then on the dropdown menu, choose Import Asset. This will open up your Explorer, and you can find your clothing item which you saved as an obj/fbx file. Once found, you can click on Import, and the item will be dropped into the main Assets folder. You can create a new folder and name it for organisation of your items.

    Manually Rigged Clothing

    If you are importing manually rigged clothing, make sure your mesh is exported with a Location of <0.0,0.0,0.0> and Scale of <1.0, 1.0, 1.0> and Rotation of <-90,0,0>, and to tick "Experimental" and press apply transform in Export Settings.

    Steps of Uploading

    Open the folder you put your item in in Unity, and find the obj/fbx file. Drag this file into the Unity hierarchy. The Space avatar should be listed there too.

    This should automatically fit your clothing to the avatar, but if it doesn’t, you might have to change the scale of the item under its Import Settings to 0.01. You can access the Import Settings by clicking the item in its Unity folder. If you used Blender to make the clothing, then the clothing should be the right scale already.

    2. Click on the clothing item in the hierarchy, and under the Inspector window on the right hand side of the screen, click on Add Component and search for Clothing Item Settings and add it.

    This will add Clothing Items Settings under the Inspector window. Please see the page to see what each part of the clothing settings does.

    Skeleton Selection

    The skeleton selection needs to be set to the same skeleton you used for making the clothing, so if you chose the female Space avatar, you will need to set this to Base Female, and if you used the male avatar, you will need to set this to Base Male.

    Fitting and slots

    You can choose the layer of your clothing here and also set the slots for the item. If you set the layer to 'Underwear' for example, this means other clothing with different layers can go over the top of your clothing. If you set the layer to 'Outwear', other clothing can go underneath it. For items like jeans and t-shirts, 'Close Fitting' is a good layer to set it to.

    You will need to check the slots of the item. The avatar slots are where the skeleton will be deleted under the clothing. If you have a t-shirt for example, and don’t want it to be worn with other items, you will have to check the upper chest, chest and back slots

    Skin and Cloth Deletion

    This is where you can add deletion zones, preservation zones, recalculate bounds and also change the settings for deletion and tucking, fitting and obscuration tuning.

    • Deletion Zone Settings - The deletion zones are used for selecting an area of the avatar which you want to be deleted under clothing. This can be used for certain types of clothing which need a little extra deletion underneath.

    • Preservation Zone Settings - Preservation zones are used for selecting an area of the avatar which you want to keep under clothing. This is useful if you have clothing with holes in, e.g, a dress with a slit or a corset with a lace-up back.

    Materials and patterns

    You will need to check this option so the material on your clothing will be visible when you upload your item. Please leave this unchecked if you plan on adding pattern variations.

    Level of Detail

    This setting is optional. If you want to include high, medium and low detail you can do so here by dragging in the game object containing the SkinnedMeshRender component. If you do not want to include these, the default LOD for your clothing item will be medium.

    Automatic Skin Weighting

    When you have hit 'Prepare' on your clothing item, you can come back to this setting and re-weight the item or change the advanced weighting settings.

    Feet Settings

    You only need to use this setting if you are uploading high heels and need to adjust the heel height and avatar placement.

    Clothing Settings - Customisation tab

    Here you can restrict other users from customizing your items.

    Preparing the Clothing

    To prepare the clothing, all you need to do is click the big blue prepare button to get the clothing ready to upload. This will add all of the weighting settings and all of your other settings.

    Making the Prefab

    A prefab of your item is needed for uploading. To make a prefab, simply drag your item from the hierarchy into the project folder.

    Setting up the Prefab for Upload

    The prefab will be selected already from dragging and dropping into the project window. With it selected, you will see it has all the same information under the Inspector window as the original obj/fbx file. Underneath the clothing item setting component, you will see another Add Component button. Click on it, and search for Virtual Good and add it. Adding the Virtual Good will allow you to set your clothing item as a salable good in Sinespace.

    Virtual Good Settings

    Once you have added the virtual good component, you can go to our page to see how this component works. This is used to upload your item to Sinespace.

    For clothing, under the Basic tab of the virtual good component, set the Type to Clothing, then choose the appropriate category. The rest of the virtual good component you can fill out how you want to.

    To check on your items' upload progress, go to our .

    Video/Basic Clothes

    This tutorial shows you how to set up clothing and import clothing into Space.

    Clothing Item Settings

    The clothing item setting component is used whenever you want to upload clothing to the sinespace shop.

    The clothing item setting component is split into different subcategories. Each sub-category has different settings for the clothing and the uploading of the item.

    When you have imported your clothing item into Unity, make sure it is selected, go to the Inspector window, click on ‘Add Component’ and search for Clothing to add the Clothing Item Settings component to your clothing item.

    As you can see in the above image, there are four main categories: Item, Customisation, Submission and Review; Under each of these main categories are sub-categories.

    Contents

    Item

    Item is where you can change the skeleton of the avatar to match the clothing you are uploading, and you will also see a list of categories to choose from. The list of categories is:

    • Clothing

    • Costumes

    • Skin Material

    • Tattoos and Makeup

    Underneath is an explanation for all of these categories and their sub-categories.

    Clothing

    There are six sub-categories of clothing settings under the clothing category. These categories are:

    • Fitting and Slots

    • Skin and Cloth Deletion

    • Materials and Patterns

    • Level of Detail

    At the top of the clothing settings, you can change the type of clothing you are uploading. The types are Rigged Clothing and Attachments.

    Clothing Type

    This is where you choose if your clothing item is a Rigged Clothing or an Attachment.

    • Rigged clothing -

    • Attachment - Tick if your item is an attachement. Then select the appropriate bone from "Attach to this bone."

    Fitting and Slots

    Fitting and slots is where you will find all the settings for the fit of the clothing and the clothing slots.

    • Layer - This is where you can choose the layer of your clothing. For example, underwear would be under the Underwear layer, and a coat would be under the Baggy and Outerwear layer. If you set your clothing as an Underwear layer, it means other clothing can go over them. If you set your item as baggy and outerwear, it means that other items of clothing can be worn under it. For a guide on layers, please see this page.

    • Fitting Slots - The avatar slots are where the skeleton will be deleted under the clothing. If you have a t-shirt, for example, and don’t want it worn with other items, you will have to check the upper chest, chest and back slots.

    Skin and Clothing Deletion

    This is where you can add deletion zones, and preservation zones, recalculate bounds and also change the settings for deletion and tucking, fitting and obscuration tuning.

    • Deletion Zone Settings - The deletion zones are used for selecting an area of the avatar which you want to be deleted under clothing. This can be used for certain types of clothing which need a little extra deletion underneath.

    • Preservation Zone Settings - Preservation zones are used for selecting an area of the avatar which you want to keep under clothing. This is useful if you have clothing with holes in, e.g. a dress with a slit or a corset with a lace-up back.

    • Skip deletion - Tick to avoid all skin deletion being applied.

    These tools are helpful if the automatic skin deletion is not perfect. For instance, with open-topped shoes, the preservation zone can ensure the automatic skin deletion does not remove parts of the foot where it should be visible.

    Materials and Patterns

    Materials is where you can set to keep the material always of the clothing or attachment. If you plan to use the pattern system which allows for color and texture variations, leave the ‘Keep Materials Always’ unticked.

    Level of Detail

    This is where you can add in the high, medium and low LOD objects of the clothing. If you do not add any, we will set it to medium by default.

    Automatic Skin Weighting

    This is where you will find the settings needed for auto-weighting the clothing.

    • Automatic Skin Weighting - This will automatically do the skin weighting for you without you having to do anything manually when you press the button. You can also add in a Custom Template here. This custom template is used if you have manually rigged and weighted clothes to a model in 3D software. You will need to drag the model into the Custom Template box.

    • Advanced Weighting Settings - You can change settings for weighting here for better outcomes manually under the advanced weighting settings.

    This works well for close-fitting items but is less effective with loose items, which will usually be much better if skinned manually.

    Feet Settings

    When the 'Use Heel Settings' is ticked, you can alter the heel and avatar placement. You can check the blend shapes on the character archetypes to precisely line up shoes.

    Morph Targets is where you enter the data for the Heel Amount, Arch Offset, and Height Offset.

    Here is more information on how to set up shoes with .

    Finialise

    • Prepare/Re-Prepare - Once clicked, this will show the results of the skin deletion and weighting.

    Costume

    This is where you can add the options for a full body replacement costume.

    • Referenced Prefab - This is where the root template of your costume will be. You will need to drag the costume into the Root Template box. For example, if you have a self-made avatar you want to use in sinespace, you will need to drag this avatar game object into this box.

    • LOD Variants - This is where you can drag the low and high poly variants of your costume/avatar.

    Skin Material

    This section should only be used if you are adjusting the skin shader with a custom material. If you are just making a skin, we recommend using the tattoo and makeup system.

    Tattoos and Makeup

    This is where you can add tattoos, make up e.t.c as layers.

    • Enabled - Check this box to enable the layers.

    • Type - Here you can choose from different types of layers. Overlay will be an overlay layer, Tattoo will be for a tattoo, Make up is for make up, Skin is for a skin overlay layer, and Base Skin layer will replace the original avatar skin.

    • Blend - You can choose from a range of blend options here such as darken or soft light, they work a bit like layer masks.

    Shapes

    This is where you can paste the shape data from the client to add a shape preset to your clothing.

    Animation

    This is where you add the information from your animation controller.

    • Animation Overrides - This is where you will state the number of animation overrides, then add the element slot and humanoid animation clip.

    • Controller - This is where you drag in your animation controller.

    Customisation

    This field has been replaced by the new ‘Customisation’ field on the Virtual Good component.

    It is recommended to use that customisation field, but this method will also work.

    • Restrict Customisation - If this is ticked, it will restrict customisation of the clothing from other users/creators.

    Submission

    This is where the final settings for uploading the clothing item are.

    • Finalise - You can either click on ‘Prepare’ to finalise the settings on the clothing, or you can click on ‘Recalculate Occlusion’ to recalculate the occlusion.

    Review

    This is where you can see the performance score, which is a quick estimate of the GPU and CPU power required to render the item. You can also change the Type Override to see an estimate of GPU and CPU power for similar items such as shorts, dresses or jackets.

    Once all of these settings have been set, you need to add the Virtual Good component to the clothing item to upload to Sinespace.

    Female Hair Resource Files

    Here you can find the hair resource files for female avatars. All of the below resource file zips include a .PNG files for the patterns/textures, Unity package and an FBX. All of these hair files are owned by Sinespace. We will be adding to the list when more Sinespace clothing is released.

    Boots And Heels

    Boots and shoes with heels require a little more work to set up properly in space. Fortunately, it's easy to do and you should be able to get great results in no time.

    First things first. If you have not already familiarized yourself with the basics, check out the Clothing Basics tutorial video below.


    Now that you're familiar with the basics, try your hand at a pair of high heels or boots with heels. After loading the Space avatar into the scene, add your boots. You should see something that looks like this:

    It's okay, this is perfectly normal!

    Notice in the picture that the boots are lined up so the heel of the foot is aligned with where the heel would go in the boot? That's important - your boots should be at an x/y/z position of 0, 0, 0 and be similarly aligned.

    How to upload avatars

  • 4 Preparing the Clothing

  • 5 Making the Prefab

  • 6 Setting up the Prefab for Upload

  • 7 Virtual Good Settings

  • 1 Setting Up Your Unity Scene For Uploading
    2 Importing Your Clothing Item
    2.1 Manually Rigged Clothing
    Clothing Item Setting
    Virtual Goods
    curator site
    3 Steps of Uploading
    1.1.2 Skin and Clothing Deletion
  • 1.1.3 Materials and Patterns

  • 1.1.4 Level of Detail

  • 1.1.5 Automatic Skin Weighting

  • 1.1.6 Feet Settings

  • 1.2 Costume

  • 1.3 Skin Material

  • 1.4 Tattoos and Makeup

  • 1.5 Shapes

  • 1.6 Animation

  • 2 Customisation

  • 3 Submission

  • 4 Review

  • Shapes

  • Animations and Controllers

  • Automatic Skin Weighting

  • Feet Settings

  • Obscuration distance - Compresses the skin under clothing items at hemlines. This allows tight-fitting clothes to squash the avatar slightly where skin emerges from under the cloth.

    The default distance is 1 cm. The affected vertices are highlighted in yellow when the item has been prepared.

  • Red squares indicate skin that will be deleted. Blue indicates skin that will be deleted if more than two adjacent vertices are red. Yellow indicates skin that will be squeezed in line with the Obscuration distance.

  • Default Tint - This is the default tint of the layer. If you want a black tattoo for example, you can set the default tint to black.
  • Mask Mode - You have two options here, you can choose Use Albedo Alpha, or Use Albedo Alpha ignoring Albedo.

  • Albedo - This is where you drag the texture for the albedo.

  • Metal Smoothness - This is where you drag the texture for the metal smoothness.

  • Normal - This is where you drag the texture for the normal map

  • 1 Item
    1.1 Clothing
    1.1.1 Fitting and Slots
    Automatic Skin Wieghting
    layers
    heels

    Rave Dancer

    Striped Hair with Bow

    Womens' Ponytail

    Wavy Bob

    Blunt Fringe Bob

    Source Files

    Bob

    Source Files

    Emo Bob

    Source Files

    Womens' Emo Hair

    Morph Targets

    If you are making boots or shoes that have an exposed foot or open toe design, then you need to adjust a couple settings in order to make the Space avatar's feet fit. If your boots/shoes are an enclosed design, you can skip ahead to the Clothing Item Settings section below.

    The first thing you're going to want to do is inspect the Space avatar in your Hierarchy panel. Open up the 2017 Female (or 2017 Male) object, and then open the Geo_grp sections by clicking on the triangle to the left. Now select the femalebody (or malebody) object.

    Next, in your Inspector panel, click on the triangle to the left of Skinned Mesh Renderer and then click on the triangle next to BlendShapes to expose an avalanche of settings. These let you control various aspects of avatar positioning and shaping, and you are going to scroll to nearly the bottom of that long list to find three specific sets of controls, two of which are important for setting up your footwear:

    Slider.high_heel accepts a value of 0 - 100 and affects the shape of the foot in the heel. A value of zero means no lift, and a value of 100 is an extremely high heel. Play with a setting here to find a number that works best with the shape of your boots or heels.

    Slider.archoffeet also accepts a velue of 0-100 and affects the offset (or crunch) of the arch. A value of zero means no effect, and a value of 100 is severely crunched.

    Make a note of the numbers that work best, and then you can change both values back to zero so that your Space avatar base is at its default values. Next, move on to the Clothing Item Settings below.

    Clothing Item Settings

    Now go to your boots/shoes object, and look in the Clothing Items Settings script. Click open the triangle for Extra Settings, and then click on the triangle to the word Heel to expose the Extended Heel Settings.

    Make sure to tick the box that says Use Heel Settings.

    If you have Morph Target settings from the section above, enter your Slider.high_heel settings under Heel Amount, and Slider.archoffeet under Arch Offset.

    For Avatar Center of Mass, enter a number to represent how high the avatar should be raised above the ground. A value of zero is no lift at all, and may result in the bottom of the shoes or boots going beneath the floor or ground terrain. A value of .01 equals 1 centimeter, and a value of 1 equals 1 meter.

    Once you've entered those settings that are specific to boots & heels, you can fill out the rest of the info in your Clothing Items Settings and Virtual Goods scripts as you normally would, and everything should look great in-world!

    Designing Detailed Clothing

    Vlad Outfit

    This page describes some best practice for clothing and outfit creation, using the Vlad outfit which you can download original source files for here.

    The outfit showcases the following best practice areas;

    Male Hair Resource Files

    Here you can find the hair resource files for male avatars. All of the below resource file zips include a .PNG files for the patterns/textures, Unity package and an FBX. All of these hair files are owned by Sinespace. We will be adding to the list when more Sinespace clothing is released.

    Zip Files

    Mens' Combed Back

    Full Body Replacement Costumes (with custom animations)

    (Redirected from Clothing/Skeletons)

    Since Editor Pack 7, all space users now have the ability to create a full body replacement costume. The costume allows you to replace the space avatar base mesh with any object you want, such as another human avatar, an animal or an object; You can even use particle systems as your avatar!

    There are two parts to getting a costume working in space. You will need to first create or import your replacement costume, and then you will need to build an animator for this replacement costume. For the animations, you will need to create your own custom animations if you wish to use an object or creature as your replacement costume, but if you are using a humanoid as a replacement, you can use the default space animations, but more in detail on this later on in this guide.

    Contents

    Creating Your Costume

    You can create whatever you want to be your replacement costume, whether it be a unicorn, a wrestler or even a fire particle, anything is possible! You can create your own costume in your chosen 3D software and import it into Unity.

    Exporting From 3D Software

    If you have made your own costume, you will need to export the costume from your chosen 3D software as an FBX file and save it somewhere for importing into Unity later.

    Importing From Unity Asset Store

    If you have decided to download an object/model to use as your costume from the Unity Asset Store, then you probably won’t have to change the format of the model as most models on the asset store are already in FBX format.

    Once the asset has downloaded, it will ask you to import the model into Unity. I am using a warrior princess model for this guide.

    Make sure you have selected all of the assets by clicking on ‘All’ then click on ‘Import’. This will make a new folder in your Assets folder with all of the items needed for your costume.

    Note: Please make sure you have the rights to use the model from Unity Asset Store.

    Importing From 3D Software

    After the above step of exporting from the 3D software as an FBX file, you can import this into Unity by clicking on ‘Assets’ and choosing ‘Import New Asset’ at the top of the Unity screen. Then choose your FBX file. This will place the FBX file into your Assets folder.

    Setting Up Your Costume For Upload

    Setting Up A Humanoid Costume

    If your costume is a humanoid model, and you want to use it with the default space animations, you need to set it up to work with the animations.

    Uncheck the ‘Apply Root Motion’ box. You can do this by clicking on the FBX in your hierarchy and finding the ‘Apply Root Motion’ box in the inspector window. If Apply Root Motion is greyed out, drag the FBX into your scene, then back to the project window to create a prefab.

    Click on the FBX file you have imported in the project window, and under the Inspector window, choose ‘Rig’, and set the animation type to ‘Humanoid’. This will enable you to be able to use the default space animations for the replacement costume.

    Setting up a Non Humanoid Costume with Animator

    If you have chosen to use an object or animal as your replacement costume, or you want to create your own animations for a humanoid, you will need to create an animator.

    Animators allow you to upload completely custom animations with the replacement costume.

    Making A Controller for the Animator

    Animators need a controller to work, so you need to create a controller. To create a controller, right click in your project window, and choose ‘Create’ then ‘Animator Controller’ and begin laying it out.

    This is a complex step, but you can use the space editor pack controller as a template for laying out the animators; Just search for ‘Player Controller’ in the project window.

    An animator controller transitions animations based on input variables - we let you insert a few variables in here (we may add more over time). Your animator needs to have all these variables listed - even if it does not use them.

    These variables are:

    • Magnitude: runs from 0.0 to 1.0 - 0.0 is standing still, 0.5 is walking, 1.0 is running (approximately. These values may deviate from these general bounds.)

    • Angle: Runs from -1.0 to 1.0, 0.0 is not turning. -1.0 is turning left, 1.0 is turning right.

    • Vertical: The users key input - moving forward/back shifts this value from -1.0 to 1.0

    See example:

    Uploading Humanoid Costumes (No Custom Animations)

    After setting the rig type to humanoid, you can go ahead and upload your costume. To upload it, first create a new empty gameobject in your scene. Click on the gameobject in the hierarchy, and click on ‘Add Component’ in the Inspector window. Search for ‘Clothing Item Settings’ and click ‘Add’. This will bring up the clothing item settings. Make sure to expand the ‘Costumes’ segment for the next step.

    Costumes

    For costume uploads. make sure the Costume setting is ticked under Clothing Item Settings. You do not need to use the "Clothing" setting as this will automatically be set.

    Costume Settings

    Under the Costume settings, there will be a setting called Referenced Prefab. Drag the prefab of the costume into this box to use this as the root template.

    There is also LOD Variants listed here. You can put in a High Detail template and a Low Detail Template here. The default is Medium.

    Finalise

    Before preparing, you may need to rename this empty gameobject to something else, otherwise it won’t prepare. You can rename it by scrolling to the top of the Inspector window and clicking in the box right at the top. I renamed mine to ‘Warrior Princess’.

    After renaming, click on ‘Prepare’. If it is successful, it will say ‘Re-Prepare’ after a couple of seconds. Save this as a prefab by dragging the gameobject into your project window.

    Uploading

    Now you are ready to get the costume uploaded to space. Click on the prefab of your costume in the project window. In the Inspector window, click on ‘Add Component’ and search for ‘Virtual Good’ and add it.

    Set the content type to ‘Clothing’ and fill in the rest of the information as you see fit. You can pick any category of clothing for the costume, it doesn’t matter which category it is under.

    After it’s all filled out, you can click on ‘Automatic Submission’ to get it uploading to space.

    Uploading Humanoid and Other Costumes with Animator

    To upload a costume with custom animators, follow the upload steps as above, but check ‘Animator’ under the ‘Slots’ segment.

    Scroll down to custom animations, and drag the animator controller you made into the ‘Controller’ slot.

    You need to insert the names you used for the variables under the Parameters section into the various fields. These are case and syntax sensitive, so copy them exactly as they are.

    Note: If you want to create new transitions in the controller, remember to uncheck the "Has ExitTime" in each transition. It is picked by default.

    After doing this, follow the steps above to make your costume a virtual good with the virtual goods script, and your costume will get uploading to space.

    For more information and tutorials on animations, see below:

    Full Body Replacement Costumes (no custom animations)

    You can upload your own avatars to sinespace to wear as a full body costume. This tutorial is only for uploading your avatar to Sinespace without custom animations .

    1. Import your avatar into Unity. At the top of Unity, click on 'Assets' then 'Import new asset' and import your avatar. Make sure you have saved your avatar from the 3D software you use to model as a FBX file type.

    When you click on this, you will see an Import Menu. Click on the Import button at the bottom.

    2. Click on the avatar FBX in the Project window. Under the Inspector window on the right, make sure that the 'Rig' settings are as shown here:

    • Set the Animation Type to Humanoid.

    • Set Avatar definition to Create from this model.

    If you are uploading anything other than a humanoid, please see the page linked at the top of this tutorial.

    3. Drag your FBX into the hierarchy and click on it. In the Inspector window, you should see this:

    Make sure that Root Motion is unchecked .

    4. Drag the FBX back into the project window to make a prefab.

    5. Once you have the prefab in the project window, click on it. In the Inspector window, add the 'Clothing Item Settings' component.

    • Pick the skeleton you want the costume to fit to.

    • Under clothing, change the clothing type to Rigged clothing. The fitting slots layer should be set to underwear, and Chest and Pelvis should be checked under the fitting slots.

    • Under Materials and Patterns, check the 'Keep Materials always' box.

    • Check the Costume settings by clicking on the circle on the left of the Costume name.

    • Under the Costume settings, there is a setting called Referenced Prefab. Drag the prefab of your avatar into the Root Template box here.

    • If you have LOD variants of your avatar, you can add them here.

    6. Hit the Prepare button. If it is successful, the prepare button will say Re-prepare after a second.

    7. Add the virtual good component underneath the clothing item settings.

    8. Under Basic, set the information to this:

    9. Fill in the rest of the virtual good component as you normally would to upload items and hit auto submit to start the upload process. If you are not familiar with the virtual good component, you can see our page for more information.

    You can check on the upload progress at .

    2 Setting Up Your Costume For Upload

    • 2.1 Setting Up A Humanoid Costume

    • 2.2 Setting up a Non Humanoid Costume with Animator

      • 2.2.1 Making A Controller for the Animator

  • 3 Uploading Humanoid Costumes (No Custom Animations)

  • 4 Uploading Humanoid and Other Costumes with Animator

  • Horizontal: As per above, except for the left/right keys.
  • Fly Vertical: 0.0 is not moving up/down in flight, -1 is descending, 1.0 is ascending.

  • Floor Angle: The normal angle of the floor - used for angling feet to match angled surfaces. Currently disabled.

  • Is Falling: On/Off - is the user in a falling state

  • Is Jump: On/Off - is the user currently jumping

  • Is Flying: On/Off - is the user currently flying

  • 1 Creating Your Costume
    1.1 Exporting From 3D Software
    1.2 Importing From Unity Asset Store
    1.3 Importing From 3D Software
    Humanoid Animation
    Animation
    Unity Learn
    Contents
    • 1 Model Creation

    • 2 Tessellation

      • 2.1 Phong Smoothing

    Model Creation

    Tutorials

    • Designing a Base Mesh

    • Customizing a 3D Body in ZBrush & Blender

    • Modeling 3D Clothes in ZBrush & Blender

    • Texturing the Clothes in Substance Painter

    We recommend following current game character modelling practices; specifically using PBR texturing tools and low poly models with a high detail normal map.

    This brilliant set of four short tutorials are a fabulous start to learning how to create detailed clothing.

    The Vlad outfit was created with a set of high detail models (totalling 1 million polygons) to create normal and tangent maps and a set of low detail models (totalling 12,000 polygons) for upload to the Space platform).

    Tutorial

    • Designing Detailed Clothing

    Watch the tutorial for creating detailed clothing here.

    Tessellation

    Tessellation shaders allow you to create multi-million polycount details across your model with almost no performance impact. They are fantastic at creating ultra-smooth surfaces that you can zoom in to as close as you like.

    Upload a low poly, high performance model

    And transform it inworld into a high detail, super smooth, high poly but low performance asset using the custom built Space tessellation shader;

    Using tessellation shaders means you no longer need to sacrifice inworld performance to achieve a high quality product.

    Tessellation shaders create dynamic multi-million polycount level of detail, controlled by camera distance. They use Phong Tessellation to ensure that hard edges are rounded by tessellation processes.

    Phong Smoothing

    The phong strength setting has values of 0.1-1.0; 0.1 being the minimal smoothing, and 1.0 being the maximum smoothing. We recommend setting the phong strength to between 0.1 and 0.3 for the best results; higher values may introduce artefacts (especially when animating the model).

    Please make sure your renderer is 'skinned' when adjusting these settings otherwise the values you set will look different in world.

    Avoiding Tessellation Seams

    Please paint red all vertices that run along UV seams.

    Phong Tessellation can fail on UV seams where the vertices are not connected. This will create gaps in the mesh around UV seams.

    Our tessellation shader has support for excluded zones - to exclude a vertice from tessellation, paint the vertex colour in your 3D modelling tool pure red (255,0,0). This will tell the shader to avoid separating the mesh on this area.

    Tessellation or Geometry?

    Best Practice – where does it make sense to to use tessellation and where to use geometry?

    Tessellation height maps can introduce complex patterns that would otherwise require extreme polygon counts; such as fabric ruffles, distressed or wrinkled items. They work best with organic patterns that do not contain hard edges - unless they are slightly rounded.

    As a guiding principal, set the Tessellation Edge to between 5-15. Higher is exponentially better performance (so 15 is 9x better performing than 5). Unless you are using a heightmap there should be no reason to go below 15 - as that will appear generally perfectly smooth.

    This means no triangle with an edge shorter than 15 pixels will be created.

    Setting the edge length shorter than this offers marginal visual benefits but may start to impact on performance. Avoid setting Tessellation Edge to 1!

    Hard edged non-organic shapes should have a basic geometry rather than in tessellation - as bitmapping of the heightmaps can introduce undesired noise on the model.

    Basic tessellation with smoothing is excellent for rounding off ultra smooth surfaces (think shoes and other elements which want ultra smoothed corners).

    Space Custom Clothing Shader

    Unified Shader Page

    • Unified Clothing And Skin

    Space supplies a custom shader to handle the tessellation on clothing items which is available free in the Space editor pack. Search for Unified Clothing & Skin (Metal and Tessellate) and add this shader to you clothing material.

    Weighting and Rigging

    Use skin weight transfer if you have non-skin tight clothing (dresses, baggy items). Then reweight by hand as appropriate.

    You can use our automated skinning system built into the clothing component if your clothing item is skin tight.

    Physically Based Rendering (PBR)

    Background

    PBR Info

    • Physically based shading in Unity 5

    • Working with PBR in Unity

    • Basic theory of physically based rendering

    • Working with physically based shading - A practical approach

    PBR allows you to accurately simulate a huge range of materials. It carries through energy conservation, so avatars will look better across a wide range of lighting environments, maintaining a realistic look throughout.

    Our PBR maps follow a Metalness/Smoothness workflow (based on the Unity 5 Standard Shader) - however as a general note, Specular/Smoothness workflows work just fine too.

    Creating PBR Textures

    Software for PBR Textures

    • Quixel Suite

    • Substance Painter

    • Marmoset

    These are the tools we recommend for creating PBR textures.

    Marmoset is used to preview the PBR texture in Photoshop as you can't preview in Photoshop, but you can edit in Photoshop and see the results update instantly on your model in the Unity editor.

    Patterns

    For adding additional patterns to your clothing, see Creating Clothing Patterns for more details.

    Outfit

    Mens' Ponytail

    Source Files

    Mens' Side Fringe

    Source Files

    Let Hair Rule

    Source Files

    Treat Me

    Source Files

    Mens' Bandana

    Source Files

    Mens' Emo Hair

    Source Files

    Source Files
    Virtual Good
    curator.sine.space
    Source Files
    Source Files
    Source Files
    Source Files
    Source Files

    Cloth Physics

    Contents

    3 Edit Constraints Tool

  • 4 Preparing and adding Deletion Zones

  • 5 Add virtual goods script

  • Creating Cloth Physics

    Cloth Physics needs a skinned mesh, follow the steps in Importing_and_Uploading_Clothing until "convert to skinned". See Clothing/Clothing_Item_Setting for more detail on how to add clothing item setting component and to convert to skinned.

    Attaching Cloth component

    Once you have the skinned mesh attach the cloth component to the skinned mesh. To do so click on add component and search cloth and select it.

    Cloth physics properties

    The Cloth component provides a physics-based solution for the simulation of fabrics. Following are the various settings you can adjust.

    Stretching Stiffness: Changes the stretching stiffness of the cloth.

    Bending Stiffness: Bending stiffness of the cloth.

    Use Tethers: Apply constraints that help to prevent the moving cloth particles from going too far away from the fixed ones. This helps to reduce excess stretchiness.

    Use Gravity: Should gravitational acceleration be applied to the cloth?

    Damping: Motion damping coefficient.

    External Acceleration: A constant, external acceleration applied to the cloth.

    Random Acceleration: A random, external acceleration applied to the cloth.

    World Velocity Scale: How much world-space movement of the character will affect cloth vertices.

    World Acceleration Scale: How much world-space acceleration of the character will affect cloth vertices.

    Friction: The friction of the cloth when colliding with the character.

    Collision Mass Scale: How much to increase mass of colliding particles.

    Use Continuous Collision: Enable continuous collision to improve collision stability.

    Use Virtual Particles: Add one virtual particle per triangle to improve collision stability.

    Solver Frequency: Number of solver iterations per second.

    Sleep Threshold: Cloth’s sleep threshold.

    Capsule Colliders: An array of CapsuleColliders which this Cloth instance should collide with. Sine Space avatars already have capsule and sphere colliders. You do not need to attach any more.

    Edit Constraints Tool

    Selecting Edit Constraints will enter the editor into a mode to edit the constraints applied to each of the vertices in the cloth mesh. All vertices will be coloured based on the current Visualization mode to display the difference between their respective values.

    Max Distance: is the distance a vertex is allowed to travel from the skinned mesh vertex position. The SkinnedCloth component ensures that the cloth vertices stay within maxDistance from the skinned mesh vertex positions. If maxDistance is zero, the vertex is not simulated but set to the skinned mesh vertex position. This behavior is useful for fixing the cloth vertex to the skin of an animated character - you will want to do that for any vertices which should not be skinned, or for parts which are somehow fixed to the character’s body (such as the waist of trousers, fixed by a belt). You can either select or paint constraints and set max distance. For example in a dress you don't want the top to move at all. The bottom below waist to move slightly and the near the legs to move most. You can select the distance for each part as shown below.

    Preparing and adding Deletion Zones

    You can now add deletion zones and prepare the clothing. See Clothing/Basic Clothing for more detail.

    Add virtual goods script

    Attach the virtual goods script and complete the submission process.

    See Virtual Goods for more details on the virtual goods script.

    1 Creating Cloth Physics
    2 Cloth physics properties
    3 Avoiding Tessellation Seams
    4 Tessellation or Geometry?
    5 Space Custom Clothing Shader
    6 Weighting and Rigging
    7 Physically Based Rendering (PBR)
    7.1 Background
    7.2 Creating PBR Textures
    8 Patterns

    Female Clothing Resource Files

    Here you can find the clothing resource files for female avatars. All of the below resource file zips include an FBX of the item, TGA files for height map, normal map and occlusion and .PNG files for the patterns/textures. All of these clothing files are owned by Sinespace. We will be adding to the list when more Sinespace clothing is released.

    These resource files can be used to make different pattern variations of the clothing.

    50s silk neck tie

    Air hostess outfit

    Beach skirt

    Source Files

    Substance Painter Project

    Beach top

    Source Files

    Substance Painter Project

    Bikini Shorts

    Source Files

    Substance Painter Project

    Bikini Top

    Source Files

    Substance Painter Project

    Bikini with sarong top

    Source Files

    Substance Painter Project

    Bikini with sarong

    Source Files

    Substance Painter Project

    Cardigan with top

    Source Files

    Substance Painter Project

    Fitted shirt

    Source Files

    Substance Painter Project

    Flip flops

    Source Files

    Substance Painter Project

    Flippers

    Source Files

    Substance Painter Project

    Full swimsuit

    Source Files

    Substance Painter Project

    Leather pants

    Source Files

    Substance Painter Project

    Mary Janes

    Source Files

    Substance Painter Project

    Pant suit jacket

    Source Files

    Substance Painter Project

    Pant suit Open Jacket

    Source Files

    Substance Painter Project

    Pant suit open pants

    Source Files

    Substance Painter Project

    Pant suit Pants

    Source Files

    Substance Painter Project

    Patent court shoes

    Source Files

    Substance Painter Project

    Patterned pants

    Source Files

    Substance Painter Project

    Sexy Outfit

    Source Files

    Hat Jacket Lian Pants Shoes

    Silk scarf front knot

    Source Files

    Substance Painter Project

    Silk scarf one tassle

    Source Files

    Substance Painter Project

    Skirt suit jacket

    Source Files

    Substance Painter Project

    Skirt suit skirt

    Source Files

    Substance Painter Project

    Snorkel

    Source Files

    Substance Painter Project

    sequined pants top and bottom

    Source Files

    Shorts Top

    street female

    Source Files

    Substance Painter Project

    Studded leather vest

    Source Files

    Substance Painter Project

    Suede ballet flats

    Source Files

    Substance Painter Project

    Thick heeled shoes

    Source Files

    Substance Painter Project

    Tied jacket with vest

    Source Files

    Original Revised

    womens camo capris

    Source Files

    Substance Painter Project

    womens emo vest

    Source Files

    Substance Painter Project

    womens polo hoodie

    Source Files

    Substance Painter Project

    womens shorts with cat belt

    Source Files

    Substance Painter Project

    yoga pants

    Source Files

    Substance Painter Project

    Vlad Outfit

    Source Files

    Glasses Gloves Hat Jacket Necklace Pants Shoes

    Source Files
    Substance Painter Project
    Source Files
    Substance Painter Project

    Male Clothing Resource Files

    Here you can find the clothing resource files for male avatars. All of the below resource file zips include an FBX of the item, TGA files for height map, normal map and occlusion and .PNG files for the patterns/textures. All of these clothing files are owned by Sinespace. We will be adding to the list when more Sinespace clothing is released.

    Zip Files

    Beige Suit Jacket

    Substance Painter Project

    Beige Suit Pant

    Source Files

    Substance Painter Project

    Black Brogue Shoes

    Source Files

    Substance Painter Project

    Black Dress Shoes with Buckle

    Source Files

    Substance Painter Project

    Black Suit Jacket

    Source Files

    Substance Painter Project

    Black Suit Pant

    Source Files

    Substance Painter Project

    Boardshorts

    Source Files

    Substance Painter Project

    Brown Slip on Dress Shoes

    Source Files

    Substance Painter Project

    Checkered Suit Jacket

    Source Files

    Substance Painter Project

    Checkered Suit Pant

    Source Files

    Substance Painter Project

    Flip Flops

    Source Files

    Substance Painter Project

    Flippers

    Source Files

    Substance Painter Project

    Hooded Jacket

    Source Files

    Substance Painter Project

    Longer Boardshorts

    Source Files

    Substance Painter Project

    Mens Baggy Cutoffs

    Source Files

    Substance Painter Project

    Mens Bomber Vest with Shirt

    Source Files

    Substance Painter Project

    Mens Emo Drainpipe Trousers

    Source Files

    Substance Painter Project

    Mens Emo Spiked Vest

    Source Files

    Substance Painter Project

    Office Pants

    Source Files

    Substance Painter Project

    Open Collar Suit

    Source Files

    Substance Painter Project

    Scifi Male

    Source Files

    Substance Files: Hat Jacket Pants

    Shirt with Woolen Vest

    Source Files

    Substance Painter Project

    Snorkel

    Source Files

    Substance Painter Project

    Street male

    Source Files

    Substance Painter Project

    Track Pants

    Source Files

    Substance Painter Project

    Source Files
    Keepmaterialsalways18.jpg
    Materials removed.jpg
    Virtual good ID.jpg
    Pattern component multiple materials.png
    Unityimport.png
    Manualrigproperties.jpg
    Manualrigexportsetting.png
    Clothinghierarchy.png
    InspectorImportSettings.png
    Clothingitemsettingup.png
    Overviewclothing2.png
    Fittingslot.png
    SkinandCloth.png
    LOD1.png
    Autoweighting.png
    FeetSettings.png
    Customisationcs.png
    Preparefin.png
    Makeaprefab.png
    Clothingbasic.png
    Bootsguide01.png
    Blendshape 001.png
    Blendshape 002.png
    Bootsguide04.png
    Bootsguide05.png
    Feetsettings 2018.png
    Bootsguide07.png
    BluntFringeBob200.png
    Bob.png
    EmoBob200.png
    Importasset1.png
    Importmenu.png
    Rigsettings1.png
    Warriorimport.jpg
    Assetimport.jpg
    Rootmotion.jpg
    Inspectorrig.jpg
    Animationcontroller.jpg
    Costumesettings.png
    Warriorvirtualgood.jpg
    Parameterscopy.jpg
    Avatarinspec.png
    Clothingitemsettingav.png
    Costumescheck.png
    Referencetemplate.png
    Lodvariantsav.png
    Basicclothinghu.png
    EmoHair200.png
    RaveDancer200.png
    StripedHairwithBow200.png
    WomensPonytail200.png
    WavyBob200.png
    Shoebanner.png
    MensCombBack200.png
    Vladoutfitfirst.jpg
    Shoerealgeo.jpg
    Shoetessellation.jpg
    Redseam.png
    Tessellationedge.jpg
    Shoesvlad4.jpg
    Qualityshoe.png
    MensPonytailFront200.png
    MensSideFringe200.png
    Hair01Male200.png
    Hair03Male200.png
    MaleBandana200.png
    MenEmoHair200.png
    Clothpys.png
    Cloth comp2.jpg
    50sscarf200.png
    Airehostess300.png
    Beachskirt200.png
    Beachtop200.png
    Bikinibrief.png
    Bikinitop200.png
    Bikiniwithsarongtop.png
    Bikinisarongskirt.png
    Cardigan200.png
    Fitted shirt.png
    Flipflops.png
    FlippersF.png
    Swimsuit.png
    Leatherpants.png
    Mary Janes.png
    Pantsuitjacket.png
    Opensuitjacket.png
    Opensuitpants.png
    Pantsuitpants.png
    Patentshoes.png
    Patternedpants.png
    Sexytwo.png
    Silk knot.png
    Silk tassle.png
    Skirtsuitjacket.png
    Skirtsuitskirt.png
    Snorkelcropped.png
    Sequined200.png
    Streetfemale200.png
    Studdedleather200.png
    Suedeflats200.png
    Thickheels.png
    Tiedvest.png
    Camocapris.png
    Emovest.png
    Polohoodie200.png
    Shortscatbelt.png
    Yogapants.png
    Vladoutfit.png
    Beigejacket200.png
    Beigepants200.png
    Blackbrogue200.png
    Blackshoeswithbuckle200.png
    Blackjacket200.png
    Blackpants200.png
    Boardshorts200.png
    Brownslipshoes200.png
    Checkeredjacket200.png
    Checkeredpants200.png
    Maleflipflops200.png
    Flippersmale200.png
    Hoodedjacket200.png
    Longerboardshorts200.png
    Baggycutoffs200.png
    Bombervest200.png
    Drainpipetrousers200.png
    Spikedvest200.png
    Officepants200.png
    Collarsuit200.png
    Scifi200.png
    Woolenvest200.png
    Snorkel200.png
    Streethoodie200.png
    Trackpants200.png