# Play CharacterSelector!!!!

Once the dependencies are configured, open the scene and run it to see the demo in action.

<figure><img src="https://3243095587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbQnoewLg8huGnWfIxK%2Fuploads%2FdyqUuoL5zUodY5Gq0tFB%2Fimage.png?alt=media&#x26;token=6c34e65d-b5f9-4f33-8aea-a825512ed73a" alt=""><figcaption></figcaption></figure>

As you can see, initially, it is the same as the Login scene.

The same web view is opened after clicking the Login button.

<figure><img src="https://3243095587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbQnoewLg8huGnWfIxK%2Fuploads%2FsYO5WJRPTDnG6pEpzPfq%2Fimage.png?alt=media&#x26;token=fec2794d-404c-4d58-a69d-b139f65cce10" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3243095587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbQnoewLg8huGnWfIxK%2Fuploads%2FhWY3mPd6EW8P2gcrKwv7%2Fimage.png?alt=media&#x26;token=abce2565-0855-4da1-bb98-9ade0af6871b" alt=""><figcaption></figcaption></figure>

If the query didn't find the specified license, we'll get a "No License" text.

<figure><img src="https://3243095587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbQnoewLg8huGnWfIxK%2Fuploads%2FlPTroj2ixYJOvf5ZH0SO%2Fimage.png?alt=media&#x26;token=3834dea3-0b40-4272-a779-f0279e0dbeeb" alt=""><figcaption></figcaption></figure>

Otherwise, a character selection panel will appear for us.

<figure><img src="https://lh5.googleusercontent.com/Bf3SsTgVxhIx-IES7yI4HybFynALsTALODoc-oKTemhRzrm76B-kOJW1WdNfeWTCwbe2zot2s0QN-LDEqtMvmNJUNPttFqIM1zpjE1yLjGVZmCqbYcFZCSxFARKvzO_aqr8R2bRmnZxhgZDY_s2BS6M" alt=""><figcaption></figcaption></figure>

The character licenses are configured from the CharacterSelector in the scene.

<figure><img src="https://lh3.googleusercontent.com/tO2tLsunf2oVUJNWYo9shxOi2g6OtlIO1qE1QhvoWvgalWDfRNoNDE7UrZB8C6jwstZK7uRBduxu33FVIQhHuQWgTwI063o7_iUe8iuR6XNZdKjrl_sfUHkXb48ZEf_yw8SEAOwMvTfPSpk5kPpH-0o" alt=""><figcaption></figcaption></figure>

Its default data is as follows.

<figure><img src="https://lh5.googleusercontent.com/70ENmn125UYWGMVx6d3-5vyjiaxBhQB188NTXWRDpOG6x-ACvThLOK6OJSDmPe-ncBVJs88riur7gEDtvTdFVzKl0RAzoRSxKJQ6tXGbRUBorAj3wJs7x4HGpWs65crq78Ias78fLWxBeFJl-S2ezTM" alt=""><figcaption></figcaption></figure>

If we click on the green button on the panel in the scene, the licenses will be reloaded. So, for example, if we change the last license to free and update.

<figure><img src="https://lh5.googleusercontent.com/WMZwqE--SlU79P0sMZIrt7Mg8zguSiShKlezM1ElTqSnQmHgiBtkfkF0DaVVBvqpAzETYQv1bzz8Yy_-oBWMjZ2aP8rSr9lD-PTtDmhN-poEON3gFVK1OskRQvjJ81Ajqkmh6owGrVTmkXX-OpR8cfE" alt=""><figcaption></figcaption></figure>

Now, we will be able to click the "Capsule" character.

<figure><img src="https://lh3.googleusercontent.com/zq1PaM92D6GH1QEO0M-bNDVo0qB1C2q5rmOHeW7C_Lk6XBcdhvdiwUi9TzXMVlWWsbNamIOgcoEAOIe60peMcScfaEONWqWczuy_PO6yehCS0oByi1U7s6EYgXH-2E7qyLj2-iL9ITGaol1SyyFWpR0" alt=""><figcaption></figcaption></figure>

If we click on a button,for example, *Circle*, a message will appear in the console:

<figure><img src="https://3243095587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbQnoewLg8huGnWfIxK%2Fuploads%2FGm2xnnh3Q78QPOsE2vq8%2Fimage.png?alt=media&#x26;token=7487402b-e852-4165-b179-ee90390c36e8" alt=""><figcaption></figcaption></figure>

Note: To configure the behaviour of each button after clicking on one of them, while the scene is not running from the inspector, you should click on it an add a function in the *OnClick()* method.

<figure><img src="https://3243095587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbQnoewLg8huGnWfIxK%2Fuploads%2FdSRLDSY2l7PYuVmi5bBX%2Fimage.png?alt=media&#x26;token=8373d08c-a71e-43c6-ba5f-07bca2907661" alt=""><figcaption></figcaption></figure>
