Once downloaded click the next button and follow the install instructions. A standard install of Unity is all that is required to begin creating in Breakroom.

In order to start using Unity you will have first needed to register for an account using the Sign In button or visit the Unity website.

Installing the Sinespace SDK

Create a new project by clicking the create button and give your project a name. Make sure the 3d button is clicked and click create to startup Unity.

Inside Unity locate the Asset Store tab located along the top of the main window. Type Sinespace into the search box and click on the Sinespace icon that appears.

In the new window that appears click on the blue download icon to start downloading the SDK. When the download has completed click the blue import button to start the install.

Click the install button at the bottom of the Import window that is displayed. You are not required to uncheck any of the boxes in this window as our SDK will determine what version of Unity you are using.

The next window to appear are the assets that are installed with our SDK. Click the import button again to continue the install.

Now that the install has completed click on the Sinespace drop down menu at the top of the screen and select install editor pack settings.

Click on the Sinespace drop down menu again and select sign in to sign into the SDK. As a new creator you will be required to sign up for a creator account, you can do this by clicking the create account button in the inspector window on the right. Fill out your details in the website that appears. If you have already signed up for our creator account you can login using your username and password.

Mac users

Mac users are required to use the native mac uploader. To install the click the Sinespace menu at the top and select tools/install/native mac uploader.

If you already have an account with Sinespace you can sign up for creator access by visiting https://curator.sine.space/login, in the page displayed enter you username and password and click sign in.

Once signed in you will be shown our End-User License Agreement, read through and at the bottom of the page click the I Accept button.

Finally to complete the sign up process click on the settings button and fill in your creator details, these are not shared publicly.

You can now return to Unity and enter your username and password to start creating.

To add a prop to your gesture, add the "Create Object, Attach" component.

You can add as many separate props as you want, each with their own attachment points or location, and each with their own start and end times.

Drag the prop itself into the Object field.

Use Start Time and End Time fields to set when your prop spawns and despawns.

For single person gestures leave the Participant field as Initator.

For multi-person gestures you can select the Initiator or Recipient for each prop; so you can put a gun in both avatar's hands simultaneously, or set both their heads on fire...

Use the destination drop down to attach your prop to any bone on the skeleton of the avatar.

Buy Clickable

Place the buy button object/canvas here.

Mannequin

Place the avatar to animate here.

Click to start

If unchecked, the animation will always play.

Item ID

Enter the item ID here.

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

• Tattoos

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

• right/left hand - gloves & mittens

• right/left foot - shoes, boots

Clip B

Drag the receiver animation here

Distance Apart

Set the distance between avatars

Fix avatar heights

Sets avatar height to standard

IK targets size

Fixes discrepancies in avatar sizes and shapes

Usage

Avatar Multi Animation is set up the same as Avatar Effect, but, you will need to set the trigger to 4 under the component settings.

Click on Add Component under the Inspector window, and search for Animate Multiple Avatars in the search bar.

Enable the trigger in the Avatar Effect Script. Set the trigger radius to 4.

Users can initiate a two person gesture inworld with a visible circle around them.

The component has a few settings:

• Clip A / Clip B

Drag the animation takes from the fbx files for each of your two characters into these fields.

Clip A will play on the initiator of the gesture. Clip B will play on the guest.

• Distance Apart

You can offset the characters here if you have not already defined the offset in via the root nodes of your models in your animation editing tool.

• Fix Avatar Heights

If your gesture involves both characters engaging in a very precise interaction, for instance shaking hands, you can align them using Fix Avatar Heights. Gestures played by tall and short avatars may not look correct otherwise.

• Start Time

You can delay the initiation of the animations.

• IK Targets

You can select one or more nodes on the avatars and impose an IK through the animation to correct for discrepancies in avatar sizes and shapes.

You can get more informations and examples at here.

<

Avatar Multi Animation Effect Script

Attach the Avatar Multi Animation Effect Script instead of the Avatar Effect Script;

Clip A / Clip B

Drag the animation takes from the fbx files for each of your two characters into these fields.

Clip A will play on the initiator of the gesture. Clip B will play on the recipient or guest.

Distance Apart

You can offset the characters here if you have not already defined the offset in via the root nodes of your models in your animation editing tool.

Fix Avatar Heights

If your gesture involves both characters engaging in a very prceise interaction, for instance shaking hands, you can align them using Fix Avatar Heights. Gestures played by tall and short avatars may not look correct otherwise.

Start Time

You can delay the initiation of the animations.

IK Targets

You can select one or more nodes on the avatars and impose an IK through the animation to correct for discrepancies in avatar sizes and shapes.

For more information on on FBX settings and setting up gestures;

Gestures - Single Person Animation

Virtual Goods Script

Fill out the product details in the Virtual Goods Script and submit your gesture to the staging server for review.

for more information on the Virtual Goods Script go here;

Virtual Goods

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 Virtual Goods 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.

Is Gendered

Lets user choose Nominal gender

Nominal

Lets user choose Nominal gender

Uses Radius

Allows you to choose area radius

Entry Radius

Lets you enter radius; this needs entry radius checked

Looped

Sets animation to be looped.

Usage

When you import an animation into Unity you will then add that animation to a game object (there are templates in the Gestures folder in your project).

That game object has scripts added to it, depending on what you are doing with your gesture.

click on Add Component and search for AvatarEffect in the search bar to add animation effects to your avatar.

The settings under this component include:

• Participants- This allows to change from 1 to 2 participants

• Is Gendered- This allows you to choose whether or not the gesture is gender specific

• Nominal Gender- You can choose which gender is nominal, but it will still play with both genders.

• Trigger:

  • Uses Radius: This means the gesture will use a radius of an area

  • Entry Radius: You can set the entry radius amount for the gesture area

PostZone Technical Details

You can learn more technical Details on Post Processing here.

Aniso Level: 0

For more information on creating LUTs, see Unity's documentation here; [1]

Audio

This component/script is accessed from the Unity Component menu, then Avatar Effects then select "Play Audio".

You can add audio effects, synchronised with other events in the gesture, using the Audio Effect component;

For more information on audio files and Unity see here; [2]

This component is accessed via the Unity Component menu, then select Avatar Effects and then "Camera Follow Character".

Start position and Duration

You can set a start position and duration for the camera here.

Rails Type

Linear will move the camera straight from start point to end point. Rotation will move around the avatar.

Interpolation

Choose either Linear or Smooth.

Offsets

The offsets allow you to place the camera in relation to the avatar. Y+ is up. Z+ is forward.

So; X0, Y1, Z2 will put the camera 1 meter above ground, 2 meters in front of the avatar.

Tracking Options

The tracking options will animate the camera in line with the selected bone (Tracking target).

Tracking Target

Start / End Avatar - For two person gestures you can move the camera target from one avatar to the other.

Start - End Target - You can move the camera's focus from one bone to another over the duration of the gesture.

Option 2 - Avatar Effect Camera Movement Script

This component is accessed via the Unity Component menu, then select Avatar Effects and then "Camera Follow Path".

You can apply animation from an fbx file to the camera using the Avatar Effect Camera Movement Script.

Legacy Animation Clip

Drag the fbx file containing your animation into the Legact Animation Clip field. See below for FBX settings.

Child name

The name of the camera in your FBX file

Focus name

The name of the camera target in your FBX file

Tweak Axis

Unity's orientation is;

Y+ = Up

Z+ = Forward

If your files export from your animation editor with a different orientation you can align to achieve your desired orientation using the Tweak Axis fields.

Offset / Ignore rotation

Use these if you want to make universal adjustments to the animation in the editor.

Start time / End time

Set the end time to the same as your animation file.

FBX settings

Add keyframes at start and end

Before you import your fbx file it needs to contain two animated objects; a Camera and Camera Interest.

Please ensure that for both objects there is a keyframe at the start and end of the track;

A screenshot from Motion Builder

Copy Field of View data to Camera Scale X

Before you import your fbx file please copy the field of view information into the Camera object's X scale track.

The Legacy Animation rig that sinespace uses to apply the animation to the user's camera inworld, does not pick the data directly from the Field of View track in your animation editor.

A screenshot from Motion Builder

Import settings

When you import your FBX file, open the Rig tab in the Inspector.

Set the Animation Type to Legacy Animation Clip.

Set Generation to Store in Root (new)

You can also use the option "static" in the right-top of the Inspector window. Set the objects Occluder static and Occludee static here:

It's same as the operation above. Choose the method which you prefer.

When you finished setting the objects occluder or occludee, you can bake the scene to calculate the occlusion data.

The default settings here normally is enough for most situations. If you want to adjust them, check the Unity documentation(link mentioned above) for the details of each parameter.

The occlusion volume will show after bake.

Then you can test the result in Visualization tab, if every thing is correct, when you focus on the camera, the small cube behind the big one will be invisible.

A region with occlusion culling is complete. Remember delete the camera for test before uploading your region.

Does it really work in Sinespace?

Yes, the occlusion culling in your region will be the same as the result you tested in Unity. It may be hard for normal user to find it out, so here I present some images from the developper:

The image above is the game view of the client. And switch to the scene view(image below), you can see the small cube is invisible in visualization mode, proving the occulision culling does work with Sinespace.

If we move around, to the side of one big cube, where we can see the small one, like in the image below:

As you can see, the small cube can be seen now, but 2 other big cubes are invisible because of occluded by the one close to the Avatar.

As a conclusion, if you want to make your region more friendly to low-end PC or webGL, mobile platform, use occlusion culling to your region -- just set the static objects occluder and occludee, bake it with default settings, that's all.

2 Apply compression settings

Report

A summary of the objects and scripts in your scene which will notify you of potential issues.

• Info

This shows how many objects, root objects and colliders your scene has. It will flag potential performance issues.

• Script List

Space currently has a white list of approximately 120 scripts you can deploy in your regions. The script list shows all the scripts in your project, flagging the ones not currently white listed, which will be stripped out when submitted.

You can submit scripts to your account manager for inclusion in the white list. When the platform's SDK is released (scheduled for September 2016) the white list will be maintained in parallel.

Apply compression settings

Click this button to apply the Region - Platform Settings to the assets in your scene.

Once the automated compression has run you can manually adjust individual files before publishing. You might, for instance, apply 512 as a maximum image size for the WebGL version of your region but then revert one or more specific important textures back to a higher resolution.

Sort into layers

Click this button to automatically assign every asset in the scene to one of four draw distance layers, according to their size; larger objects are set to be visible at greater distances.

The draw distance for each user is determined by the quality settings they select inworld;

(Performance setting range: Fastest < Fast < Simple < Good < Beautiful < Fantastic < Ultra)

Default = 20 to 75m

Important = 80 to 320m

VImportant = 240m to 900m

NotImport = Max 30m (60m in Beautiful~Ultra)

NotImportLandmark = Max 60m (120m in Beautiful~Ultra)

If you do not apply Sort into layers button everything will be left in default layer.

After applying you can manually review and modify;

Automatic submission

Once your scene is ready to submit, click Automatic submission. This will create a zip file containing the region and will send it to the Space servers.

Here the assets will be unpacked and compiled for each of the different platforms you have specified. You will receive three automated emails; confirming the content has been received, has started processing and has been released for you to log in and review.

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!

Settings

The default settings are designed to work for most regions.

Scene adjustment

• Remove lightmaps / light probes / reflection probes

Removing lightmaps and probes can significantly reduce download speed but will also impact on the runtime performance.

More information;

Lightmaps Light probes Reflection probes

• Static bake meshes / colliders

Ticking these boxes will prebake data before export. This improves loading performance but the region download will be bigger.

More information;

Static bake meshes Static bake colliders

• Strip occlusion / navigation data

Occlusion data holds information about what areas are visible from other areas; it allows the viewer to make intelligent decisions about optimising a scene, however it can add several mb of size to both runtime memory use; and download size. Keeping it improves performance but can result in higher memory use in big scenes.

Navigation data is used for showing waypoints, and moving NPCs around in a scene; it uses a little bit of extra memory, and can be stripped out if you are under severe memory pressure.

Texture size reduction

• Max texture resolution

All textures will be reduced to a maximum of the defined size for each build.

• Texture reduction levels

Reduces textures all by a multiple of the original, in line with Max texture reduction above.

So; if your scene contains large textures at 1024x1024 and you set the max texture reduction to 512 those large textures will be reduced by a factor of 4.

If you then set Texture reduction levels to 1, smaller textures in your scene will also be reduced by a factor of 4; so a 512x512 texture, which otherwise would have been unchanged by the Max texture reduction, would also be reduced by 4, to 256x256.

If you set the Texture reduction level to 2 it will multiply the Max texture reduction scale by 2; so in the case above reducing the smaller 512x512 texture by a factor of 8, to 64x64.

• Normal reduction levels

This will apply a further multiplicative reduction on normal maps on top of the reduction already applied by the Texture reduction level above.

Texture compression

• Allow crunch / Crunch level

Allows JPEG compression to be added to all textures in addition to DXT compression. This will degrade the quality of your images as the compression is lossy; but significantly reduces download filesize. It does not improve runtime memory size except during loading. Crunch level runs from 0 (very lossy) to 100 (lossless).

• Compress textures

This applies a further quality reduction, comparable to the quality slider in Photoshop when saving a jpeg file.

• True color As 16

Interprets images stored as 'True Color' to 16-bit colors. This applies compression to the colors, without introducing the blurriness / artefacts that DXT compression can introduce; at the expense of being slightly larger. With this ticked, any image with 'True Color' compression, will be packed at 16 instead of 32-bit on this platform.

Audio settings

• Force audio to mono

Converts stereo files to mono for that platform.

• Audio bitrate

This is a percentage field. So whatever the bitrate of your original files, you can reduce by X% for each of the different platforms you publish to. For instance a set of 128 bitrate original files, left at 100% in the Standalone build can be reduced to 64 in Mobile and WebGL builds by setting this field to 50.

8. In the Unity hierarchy, right click and hit ‘Create Empty’or click on 'Game Object' and choose Empty at the top of Unity. You can name this empty object to something like ‘Chest Tattoo’ or whatever you want to name it as.

9. Make sure in Transform the position is set to 0,0,0.

10. Add the ‘Clothing Item Setting’ component to the empty object by clicking ‘Add Component’ and search for ‘Clothing Item Setting’

11.In the clothing item settings, choose the right base avatar skeleton (this will be the same as the skin texture)

12. Check the Tattoo and Makeup setting under the clothing item settings. Set the settings to these:

For the albedo, drag in the .png of the tattoo.

13. Once done, add the ‘Virtual Good’ component. Once this added, drag your empty object from the hierarchy to the project window to make it a prefab.

14.Click on the prefab in your project window, then fill in the virtual good information.

15. Set the Type in Virtual good Basics to Clothing, and Category to Clothing/Skin/Tattoos then fill in the rest of the virtual good information and click auto submission to upload to Sinespace. You can check on the progress of your upload at curator.sine.space

Effect

add the audio file here.

Volume

Sets the volume of the audio.

Usage

You can add audio effects, synchronized with other events in the gesture, using the Audio Effect component.

Click on Add Component under the Inspector window, and search in the search bar for Play Audio.

You can set the trigger time of the audio, for example, if you had chosen a high five animation, you want to trigger the time of the clap sound to the gesture animation. Effect is where you add the sound clip for the animation. Volume is used to set the audio volume.

Setting up the quest clickable object

The clickable object is the object the user will click on to receive the gift or silver. You can use any item you want for this.

You need to set up this object so it can be clicked on. The clickable object needs a collider on it, and a Box Collider is fine most of the time for this. Click on the object, and then click on Component, Physics and Box Collider if it isn't already on the object.

Next thing you need to do is add the Quest NPC script to the object. Make sure you have the object selected, and click on Add Component, then search for Quest NPC and add it. This will add the script to the object.

You can check Hide Dialogue for hunts and gift giving quests. Hide Quest Bang can make the quest a little harder as it won't show the quest '!' mark above the quest items.

Next thing to do is add the Quest Designer Script to the object. Make sure it is selected, click on Add Component and search for Quest Designer then add it. The quest designer script is where you can set the settings for the quest.

Quest Name - This is where you will add the name of the quest.

Description - This is where a small description of the quest can go.

Type - This is what type of quest it is. The options for type of quest are:

• Daily Quest - This is a quest which will be active daily, so users can complete this every day they log in.

• Main Quest - This is a quest which will only be available once for the user to complete.

• Side Quest - This is a side quest, which will only be available once.

• Activity Quest - This is a quest used for activities, such as an in-world game or a hunt quest and can be repeated.

• Temporary Quest - This is for a quest which will be temporarily available to users.

Quest ID - This is the ID of the quest. You need to click on Reserve to get the quest ID.

Quest Dependency IDs - You can ignore this for a two step quest.

Suppress reward and end dialogue - Again, we don't need this for this type of quest, but this just stops the reward from being granted.

Reward ID - This is the important thing to note: The reward ID is where you will enter the ID of the reward item. If you are making a repeatable quest, like an activity quest, leave the reward ID at 0, as this will give the user Silver. It will give Silver again after a cool-down period.

Fill in the quest name, description and type. If you want users to be able to get the reward only once, set the type to Main Quest. If you want the quest to be repeated, set it to Activity.

Click on the Reserve button next to the Quest ID to get the ID of the quest.

Click on the Open Canvas button. This will open the quest canvas, and this is where you will add all the details for the quest.

Quest Canvas

As said above, this is where you actually add the details for the quest.

As you can see, it has copied over the information from the Quest Designer. But, you still need to add steps to the quest.

Click on the Add Step button, to make the first step in the quest, and then click on the Add Step button again to add the second step. Move the second quest step box over so you can see both boxes.

In the first quest step box, copy the name over from the Quest Name box to the Name box.

In the Dialogue box, type out the dialogue you want the Quest UI to say, for example, if you have set it up to be a hunt quest, you might put something like 'You have found the Easter Egg!'

If you need to put a hint, you can, but this is usually used for longer stepped quests.

In the second quest step box, name it something like Give Prize, then go back to the first step box, and choose the Next Step to be the Give Prize step.

In the second quest step box, check the Supress Nav Line because the user does not need to go to a different location to finish the quest.

In both of the step boxes, set the Destination NPC to be the clickable object you made at the beginning.

You can do this by dragging the item from the hierarchy to the Destination NPC boxes.

Note: Leave the Reward item ID box at 0 if you want the user to get Silver. Leave it blank in both the Quest Designer and Quest Canvas for now if you want to reward the user with an item, as you need to get the ID first.

Reward IDs

If you are making a quest which only gives users Silver, in the Quest canvas and Quest Designer, leave the Reward Item ID at 0.

If you want to give the user an actual item as a reward, you will first need to upload this item. Upload it as you usually would, for example, if it is an item of clothing, upload it using the clothing item settings and the virtual good component. If it is furniture, upload it as a furniture item with the Room Furniture component added to it. If you want it to be spawnable, set it as a Generic upload in the virtual good component.

Once the item is uploaded, take note of the item ID. This is the ID you will need to put in the Reward item ID box.

You only need to put the item ID in the Quest Designer, as it will automatically copy it over to the quest canvas.

Uploading the quest as a virtual good

To upload the quest as a virtual good which can be placed anywhere, you need to set it up as a Furniture item. To do this, add the Room Furniture component to the quest object.

You can set the placement of the item to be placed on the floor, walls or ceiling. Under collider, you want to drag the Collider of the object into Main Collider.

Once this is set up, you can add the Virtual good component. Under basic, set the content type to furniture, then give it a furniture category. Usually Decoration is a good category for this.

Fill in the rest of the virtual good, and then upload the item to Sinespace.

Uploading the quest within a region

To upload the quest within a region, you need to only add the Quest Designer component to the quest clickable object. The Quest NPC can then be any other object in the scene. You can upload the region as you normally would, and the quest will be uploaded in the region.

Add scene settings component

In the top menu in Unity go to Space / Scene Settings.

This will add a Virtual Goods component to your scene. You will see a set of fields in the Inspector.

You can return to this component any time via Sinespace / Scene Settings.

In the Inspector set the Content Type to Region.

Primary description

Add the name, description and brand identity of your region as you want it to appear in the explore and discovery panels of the Space platform.

Localisation

You can add slots for as many different languages as you want to.

Images And Icons

If you are uploading items that will be sold as virtual goods to other Space users, add the store icons and imagery here. It is not necessary if you make the region not for sale.

Tick the "Not for sale" checkbox will not put the region in the shop and you can set an amount of the maximum one player could own. 0 by default sets the amount unlimited.

Otherwise, leave it unchecked and you can set the price of the region. You can also make it enalbe for promotion, so you can offer a discount easily instead of modify the price then reupload.

Dual Currencies

If your region is going to be for sale, allowing other users to buy it as a template they can then customise as a private region for themselves, set it for sale and set your gold and silver prices.

For more infomation on gold and silver currencies;

Currencies - Gold and Silver

Content Maturity

Choose an appropriate content maturity level;

Creator Information

The creator information should show the details of the legal entity holding the account; whether that is an individual or a company.

But has the addition of a few more settings:

• Height Map:

- Single channel (R) texture with height distances encoded on it, you can use a heightmap exported from your 3D package (either Quixel/Substance Painter or from Maya/Max/Blender) - should be derived from the same thing building the normal maps.

Use the height map for encoding fine details (such as for example complex textured fabrics) that are too small or high poly to justify using actual geometry.

• Height:

- How much in meters to scale the model details by the heightmap. A value of 0.01 is 1cm. Typically you want 0.005 or so.

• Height Offset:

- This will subtract this value from the heightmap values uniformly; you can use for tweaking the visual appearance. Note: resulting values less than zero are treated as zero.

• Tessellation Edge Length:

- This defines the maximum size of a triangle on screen in pixels. If a triangle is larger than this many pixels on screen, it will be subdivided. Do not go below 15.

• Tessellation Phong Strength:

- This defines how "smooth" the surface should become, values larger than 0.2-0.3 will often create weird balloons. Typical values range from 0 (no smoothing corners/edges) to 0.1 (slight smoothing)

NOTE: When using this shader, make sure to tick "Generate Lightmap UVs" and disable Mesh Compression on your model in the Unity Model Importer screen ( R ) = (R)

Start Time

Start time of LUT effect

End Time

End time of LUT effect

Usage

Click on Add Component Under the Inspector window and search for Color LUT in the search bar.

This has the settings;

• LUT Image- This is the image used for the LUT.

• Start time- Start time of the image playing along with the gesture.

• End time- End time of the image playing along with the gesture.

For more information on how to create the images for the LUT, please go to this page Gestures/FX

SeatImproved Component

Once you have the piece of furniture in the scene, click on the furniture item in the hierarchy, then click Create and choose Create Empty Child.

You can rename this to 'Pose' or 'Seat' to make it easier. Making a child for this is so you can move the pose independently from the main furniture mesh to help position the avatar correctly once animation is added.

With the child/Pose highlighted, click on Add Component in the Inspector window and search for Seat Improved.

When you have added the Seat Improved component, you will see a green box show up on your furniture item and also see the Seat Improved script settings in the Inspector Window.

Under the Seat Improved script, you will see a few options.

• Animation

• Gender-Specific Overrides

• Action Tag (Optional)

• Network Adjustments

• Events

• IK Targetting

Animation

This is the slot for the animation clip you want the chair to play when an avatar sits here. You can have a static animation or a dynamic animation.

Gender-Specific Overrides

These will override the animation clip you have placed in the Animation slot with a gender specific animation. There is a slot for male animation, female animation and also a slot for NPC. The NPC override will make the animation static.

Action Tag

These are optional settings to change the location of the action tag. You can override the location here and also add a collider to hide the tag. Note: You won't be able to see the tag in Unity. You will have to check the tag position by uploading the furniture to staging and testing it on the preview server.

Network Adjustments

If you are placing your SeatImproved component on something that moves, e.g. a swinging chair, you will need to check the Slot ID box, and then add in a Seat Slot ID number. You can choose any number you like as long as it is unique, for example something like 403.

Events

These are optional settings where you can set up an action to activate or deactivate when the user sits down or stands up.

The top two, On Stand Up and On Sit are global, so this means any action will affect all avatars including your own. The bottom two, On Player Stand Up and On Player Sit trigger locally for yourself. This is handy for HUDs, buttons and other such things. In the image above, this local event setting is being used to active the player camera to focus on the browser screen when the user sits, and switch back to normal player camera view when the user stands.

IK Targetting

IK targetting is used to override the default placement of the hands and feet in the animation. This is particularly useful to make sure that the avatars' feet don't go through the floor e.g, if you have placed a chair on a rock and you don't want the avatars' feet to fall through the rock.

If you want to use IK targetting, you will need to create an Empty Object. Name it with reference to the IK targetting such as LeftFoot or RightFoot e.t.c Place the empty object at roughly the same height and placement as the avatars' ankle (this will make sure that avatars' of different height don't have their feet going through the floor). Drag this empty object into the Transform box on the IK targetting.

You can test the placement by clicking on the 'Play' button at the top of Unity and switch to the 'Game' tab. If the positioning is not correct, you can move the empty object until it is in the right place.

Adding the Animation

For this chair, I am going to use the Animation slot as I want this to be used by both genders.

Find an animation you want to use for the pose that your avatar will use on the chair.

Once you have the animation, click on it in the Project window. It's Import settings will be shown in the Inspector Window.

Under the Rig tab, there will be a couple of sub headers:

• Animation Type

• Avatar Definition

• Source

The animation type will want to be set to Humanoid.

If you are setting the animation up to be used with our default avatars, choose Copy From Another Avatar under the Avatar Definition header.

Go to Source and choose the fitting avatar for the animation. If you are using gender specific animations, please select the right gender from the 2015 Female and 2015 Male avatars .fbx files.

Click Apply.

Go to the Animation tab and scroll down to Motion. You want to set this to None so you can independently move the avatar when playing the animation under the Game tab.

Click Apply.

Testing And Finalizing the Animation

Once this is done, click on the child of the furniture (Or Pose if you renamed it), and drag the animation into the rightful animation slot under the Inspector Window. Remember to place the specific animations for female and male overrides if this is what you want to do.

After doing this, you can search for 'PlayerChar' in the search bar of your project window, and drag it into the hierarchy. You will also need to add a Plane mesh if you are using an empty scene as the player-character will fall through the ground of the Unity scene without it. To add a plane, click Create under the hierarchy and go to 3D Object and choose Plane. You will want to place this underneath the furniture you are using.

Once this is done, you can click on the Play button at the top of the screen. This will take you to the Game tab, and you will see the Space UI, your avatar and the furniture. When you hover over the furniture, a hand icon will appear. (In-world, this will be a blue arrow action tag). Click on it and your avatar will 'Sit' on the piece of furniture with the animation/pose you have chosen.

If the avatar is not in the right position, click on the Scene tab, but do NOT stop the Game. You might have to right click the Game tab to minimize it if it is maximized. Click on the child/pose in the hierarchy. You can move your avatar along with the animation to fit the furniture properly.

Once you have moved it, you will see that the new placement is marked under the Transform header in the Inspector window. Right click the Transform header, and choose Copy. This insures you won't lose the correct placement when you stop the Game tab.

Stop the Game tab from running by clicking the Play button at the top of the screen. You will see that the Transform position is back to 0,0,0. Right click the Transform header, and choose Paste Component Values. This will add the coordinates you copied to put the animation in the right position.

The furniture is now set up with the animation/pose.

Uploading the Furniture

To upload the furniture item with the SeatImproved script, click on the parent object of the furniture item in the hierarchy, for example, a chair with the SeatImproved component on it. In the Inspector Window, click on 'Add Component' and search for 'Room Furniture'. Add this component and set it up. If you need to know how to do this, please see here. Once this is set up, you can then add the virtual good component to the furniture item, then drag this from the hierarchy into the project window to make a prefab. When you have made the prefab, click on it, and fill in the virtual good component. For furniture items, the Type must be set to Furniture. The category should be Furniture, then choose the appropriate category. Fill in the rest of the details on the virtual good component, then you can hit the Automatic Submission button under the Upload tab to start the process of uploading to Sinespace. You can check on the progress of your upload at curator.sine.space

Contents

• 1 Setting Up Your Unity Scene For Uploading

• 2 Importing Your Clothing Item

  • 2.1 Manually Rigged Clothing

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 Clothing Item Setting 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 Virtual Goods 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 curator site.

Video/Basic Clothes

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

• 1.1 Setup your scene

• 1.2 Set up the attachment item

• 1.3 Clothing Settings

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.

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.

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

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.

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.

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.

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.

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.

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.

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

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.

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.

The interface loves to get clicked. Click and drag on the background in the scene to move the camera; click on body parts to select them for positioning. Drag the sliders around to change the position and orientation of whatever bodypart is selected.

When you start an animation, never use the first frame. The animator uses that for stuff. Otherwise, clicking to the right of a bodypart listed on the timeline graph will also select that bodypart, at that point on the graph. Any bodypart, once selected, can have it's current position and orientation changed via the sliders.

On the lower right, beneath the sliders, are various parameters pertaining to the actual animation clip, e.g., number of frames and frames per second. Adjust these according to your needs.

There is support for a range of props and prop workflows in this version, but these came a bit after my time and so I will leave it to you all or perhaps another time to describe that set of tools and techniques.

2. Blender ([2])

3. Poser

4. DAZ Studio

5. 3DS/MAX

6. Maya

7. AVASTAR

8. Photoshop

9. Mechanim

For region management, see this page: Region Management

• 1 Baking and lightmaps

• 2 Ambient and directional light

• 3 Adding lights to a scene

• 4 Area lights

Baking and lightmaps

Each light in a scene is either baked or realtime. Most light types (with the exception of Area lights) can be either.

Realtime influences inworld performance. Baked increases upload size.

In the Mirage demo scene the creator has used a combination of real-time and baked lighting.

Ambient and directional light

When you create a new scene in unity it will have two light sources by default;

• Directional light

• Ambient light

Directional light

A directional light which is an object in the scene you can rotate like any other object.

The directional light will cast shadows in the direction you rotate it.

For the Mirage scene in this How To the directional light has been deleted from the scene. Directional light is often used as the source of sunlight in an exterior scene. In the Mirage scene shadows are cast by the point lights in each room.

Ambient light

The Ambient light has no source in the scene and is modified via Window / Lighting from the top menu bar.

In this scene the ambient source is the skybox; the color range of the skybox informs the color range of the ambient light in the scene. You can also use either a flat colour source, or three gradient options. The skybox option works well in the Mirage region but doesn't always look good, depending on the skybox itself.

Adding lights to a scene

You can add lights and light probes to a scene by clicking create / light in the scene hierarchy window. Leaving light in the name of all your lights will allow you to search for them in the hierarchy.

Area lights

Area lights are used in this scene to project different tinted light from a plane into each room.

Area lights are very efficient but do not cast shadows. They are baked only.

The direction of the light from the plane is indicated by the yellow line.

Point lights

The hanging lights in the Mirage scene are mesh lamps, on the walls and ceilings, with point lights attached to them.

Point lights emit light in all directions at once over an area visible as a wire-frame sphere.

The point lights in this scene are set to real-time and are the source of dynamic shadows on avatars and other non-static objects in the scene.

The hanging lights also have a halo component added to give a simple visual indication of their status as light source.

The Mirage scene also contains one baked point light, called “CenterLight.”

The creator used a wide area baked point light here because an area light on ceiling would have undermined the shadows cast by the other ceiling and wall lights in the scene.

Spot lights

Spot lights project light from a cone point and are used in this scene to illuminate the NPCs showcasing clothing items. They are set to realtime and project the shadows of the NPCs onto the back wall.

Emissive surfaces

The Light Circle in the centre of the main room has meshes where the Standard Shader is set as Emissive; the mesh radiates light.

If the emission value is between 0 and 1 the mesh surface will appear to be a light source but does not actually emit light.

If the emission value is set above 1 for one or more color channel the mesh suface will emit a faint HDR light.

This can be very good for LEDs and small light piping. It also contributes to light bounce off shiny surfaces.

Emissive surfaces are only applied to static objects, and only for baked lighting.

NOTE

Emissive surfaces may generate some artefacts on materials with detail maps when viewed in webgl.

Light probes

Light probes sample the combination of light sources in the scene and allow moving objects in the scene; most obviously visiting avatars; to be well lit by the baked light sources that otherwise would only have an impact on in the static components of the scene itself, via the lightmap textures.

You can lay out as many or as few light probes as you want. You should aim to place light probes at the places in the scene where different light sources obviously overlap.

In this scene the creator has focused on light probes at head height, with a particular grouping around the intense light conditions of the fashion studio.

NOTE

You can toggle the light probes to be visible nor not via the Gizmo menu above the scene window.

Baking the scene

Once all your light sources and light probes have been laid out and all the static objects that will form the fabric of the scene are in place, your final act before submitting the scene to the server is to bake.

This function is a once click process, triggered from the Build button at the bottom of the Lighting window.

It may take a while for the bake to complete. It will take longer the higher the baked resolution you set. Unity defaults to 50 texels per unit but this scene was run at 20 and could probably have come down to 10 without any significant change in the result.

Once the bake has completed you will have lightmaps for your scene which will automatically be uploaded when you submit to the server.

The lightmaps are then blended with the textures in the scene to give you the look and feel you have created.

Baking probes

When you bake the scene Unity will also apply the light information to the light probes and the reflection probes in the scene.

You can also bake ambient occlusion and reflection probes as part of the same process.

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.