How to use STYLY-Unity-Examples on GitHub

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

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

Simply put, GitHub is a Web service that allows everyone in the world to save and publish his/her own work (program code, files and etc.).

It’s free for individuals and commercial use.

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

In STYLY Magagine, you can find the article about how to create the contents in ‘STYLY-Unity-Sampleproject’

This time, I explain about how to use ‘STYLY-Unity-Examples’ for 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 your account when downloading ‘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’ umcompressed earlier to open the project.

Launch the project


Store 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 it 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 view the setting for each effect with the Inspector for 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 articles.

The URL for 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!

That’s all for the explanation about how to use a ‘STYLY-Unity-Examples’ usable for STYLY.

Please make good use of it when creating a Scene.