How to use STYLY-Unity-Examples on GitHub

When reading articles about STYLY, you are sometimes asked to download ‘STYLY-Unity-Examples’.

From ‘How to create a three-dimensional sound waveform’

In brief, GitHub is a Web service that allows people around the world to save and publish their own work (program code, files and etc.).

It’s free for personal and commercial use.

‘STYLY-Unity-Examples’ is the collection of high-precision Scenes, Prefabs, etc. usable for STYLY, which allows you to save time because you don’t need to create them from scratch.

In STYLY Magazine, you can find the article about how to create the contents in ‘STYLY-Unity-Examples’.

This time, I explain how to use ‘STYLY-Unity-Examples’ for absolute beginners.

Download ‘STYLY-Unity-Examples’ and check its folders

I prepared a ‘STYLY-Unity-Examples’, so click the link below.

https://github.com/styly-dev/STYLY-Unity-Examples

GitHub – Top Page

When opening GitHub, you will find the ‘Sign up’ button in the centre of the screen to create a GitHub account. However, I don’t explain how to create an account in this article because you don’t need GitHub account to download ‘STYLY-Unity-Examples’.

Click ‘Clone or download’.

 

Select ‘Download ZIP’

Select ‘Download ZIP’.

Then, the Zip file is downloaded automatically.

Uncompress the ZIP file

When the download is finished, uncompress the ZIP file and check the folders in it.

Check files in Unity

Select the uncompressed ‘STYLY_Unity_Examples’

Launch Unity and click ‘Open’ to bring up the screen to select a file. Open ‘STYLY-Unity-Examples-master’ uncompressed earlier to open the project.

Launch the project

Store it in ‘Assets’

Open ‘STYLY-Unity-Examples-master/Assets/STYLY_Examples’ to display the list of Unity projects.

The list of ‘STYLY-Examples’

This time, I will explain just how to use a sample project so I could pick up any of them. I use ‘9 windows’ as an example here.

↓You can view ‘9 windows’ in the Gallery shown below.

 

Select the Scene

Open the ‘9 Windows’ folder in ‘STYLY-Examples’ and double-click the Scene.

Check the Scene

It opens the Scene of ‘9 Windows’.

You can also upload it to STYLY directly.

How to upload the whole Unity Scene to STYLY:

Check the Hierarchy window

In the Hierarchy window, you can check the elements of the Scene.

Check the effects

In addition, you can check the setting for each effect by using the Inspector of each element of the Scene.

How to upload each element to STYLY:

Check the article and Gallery

Check ‘README’

Open the Inspector window of ‘README’ in the ‘9 Windows’ folder to check the article related to the Scene and the URL to view it in STYLY Gallery.

The URL of the article

The URL related to the Scene appears below the line of ‘##document’.

Copy and paste this URL and search for it to find the article.

※Note that some Scenes don’t have their related articles.

The URL of the Gallery page

The URL to view the Scene in STYLY Gallery site appears below the line of ‘##STYLY Gallery Page.’

Copy and paste this URL and search for it to view the Scene in the Gallery site.

 

Congratulations!

This concludes my introduction of how to use a ‘STYLY-Unity-Examples’ that is usable for STYLY.

Please make good use of it when creating a Scene.