wiki.sine.space | sinespace

Gestures/Snapshot Tools

From wiki.sine.space
Revision as of 21:17, 20 March 2020 by Jayden Catnip (Talk | contribs)

Jump to: navigation, search

Introduction

The snapshot tools allow users to create camera positions, filters, poses & overlays that can be used for taking awesome pictures in Sinespace using the snapshot system. In the tutorials below we will cover how to make and upload your own snapshot tools that you can sell in the shop or share with other users.

Setting Up The Scene (Beginner)

Snapshot1.png

In the drop down menu select About Sinespace and create a new region by clicking the Create region button in the box that appears.

Snapshot2.png

In the hierarchy select the landmark and disable it, we wont be needing it for this tutorial.

Snapshot3.png

We want to be able to preview what we are doing so at the top of the main window grab the game tab and drag it down and to the right to make a split screen as show above.

Snapshot4.png

In the hierarchy right click to add a camera to the scene.

Snapshot5.png

In the search bar above the project window search for 2017 male or female avatar, drag the model into the hierarchy.

Snapshot6.png

In your scene window use your mouse & scroll wheel to position yourself on the avatar, in hierarchy select the main camera and press cntrl-shift-f to focus the camera on the avatar.

Creating Snapshot Filters

Snapshot filters are used to change the post processing effects while using the snapshot tool, we use Unity's post processing tools to create an effect to upload to Sinespace.

SnapshotFilter1.png

In order to see the changes we make to the post processing effects we need to add a post processing layer to the main camera. Select the camera in the hierarchy and click the add component button in the inspector, add the post processing layer component.

SnapshotFilter2.png

In your project window right click and select create/post processing profile, name it custom profile (you can name this whatever you like).

SnapshotFilter3.png

In the hierarchy select the Post Processing Settings and make sure Is Global is checked, set a high priority number 99999999 and then drag your custom profile from the project window into the profile section of the post processing volume component. Important : make sure that the layer at the top of the inspector is set to transparentFX.

SnapshotFilter4.png

Click on the custom profile in the project window then in the inspector click add effect, for this tutorial we will only be using the color grading tools but you can add any effects you like.

SnapshotFilter5.png

At this point we can check to see if the post processing effects are working by changing the post-exposure in the inspector window to an extreme value. You should now see an over exposed effect in our "preview window".

SnapshotFilter6.png

If the post processing is not visible in the preview window click on the camera in the hierarchy and looking in the post processing layer component, ensure that the layer field is set to everything, also check that the layer is set to transparentFX when clicking on the post processing settings in the hierarchy (this setting can be found at the top of the inspector window).

SnapshotFilter7.png

Next we will create our filter effect, click on the custom post profile in the project window and reset the exposure back to 0, check the color filter checkbox and click in the color box to the right for this tutorial I have set the color to hex code #DF83FF.

SnapshotFilter8.png

Next we will change some channel mixers settings, select the red filter tab and check the red/green/blue check boxes to enable them, set the values red -7, green - 57, blue 59.

SnapshotFilter9.png

Select the blue channel tab and again set the red/green/blue check boxes to enable them, set the values red 12, green -12, blue 27.

SnapshotFilter10.png

Now we will setup the blue channel, click the blue channel tab and enable the red/green/blue channel check boxes, set the values red 41, green 93, blue 172.

SnapshotFilter11.png

Finally to finish off the effect we will set some of the other settings in the custom profile, set the following value : mode ACES, temperature 20.1, post-exposure 2.33, saturation -38.3, contrast -5.9.

SnapshotFilter12.png

We are now ready to upload our effect to Sinespace, right click in the hierarchy and create an empty game object (name it as required), in the inspector click on the add component button and add the screenshot filter component, drag our custom profile from the project window into the post processing v2 field in the screenshot filter component.

SnapshotFilter13.png

While still having our empty game object selected click on the add component button in the inspector and add a virtual goods component, in the type field set Custom, custom type is InventoryCameraFilter and category is effects/snapshot/filter. Fill in the rest of the virtual goods as required.