# Changing the Graphics for TouchStick

In this tutorial, we will show you how to add custom graphics to the Accessibility TouchStick and Button Bar. You will first need to create your graphics using photoshop or another graphics program and add them to a folder within your Unity project.

The graphics should be of png format and square in shape.

1. First you need to find the Accessibility Touchstick prefab in your assets and open it by double clicking on it or by clicking Open Prefab in the Inspector.

![](https://1680659799-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LauqCzuMnmk33t__Yp5%2F-Llpybq2bcQZzIewnwfU%2F-Llpz3_iiD34sDuiNKa2%2Ftut2.1.png?alt=media\&token=5b30a56b-aa07-4e17-bdcd-6dac00de80b7)

2\. You should see the Accessibility Touchstick in the Hierarchy window and in the Scene window like this.

{% hint style="danger" %}
There is a bug in **Version 1.1.0** of the Accessibility Module. The Buttons are disabled in the prefab and need to be enabled to avoid errors. FInd the AccessibilityTouchStick1 prefab and double click to open. You will see that the "PanelAButtons" is disabled. You must enable it in the Inspector window. This is be fixed in V1.1.1​‌ 
{% endhint %}

![](https://1680659799-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LauqCzuMnmk33t__Yp5%2F-LlpzBL1F42F3huyFkrg%2F-Llpzbhnn5wG8rvk3f0B%2Ftut2.2.png?alt=media\&token=294a4fb4-deae-4359-b656-954a8b7b5e71)

![](https://1680659799-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LauqCzuMnmk33t__Yp5%2F-LlpzBL1F42F3huyFkrg%2F-Llpzdf9fL7u1yC8U5Qt%2Ftut2.3.png?alt=media\&token=2c00837d-990a-46d0-8719-6cbfba93091b)

3\. Now you can add your graphics. Firstly, you need to ensure that the images have a texture type of Sprite (2D and UI). You can also reduce the Max Size to 256 to reduce your memory footprint.  Then click Apply.

![](https://1680659799-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LauqCzuMnmk33t__Yp5%2F-Llq-MiZPWBhmhNud0Xq%2F-Llq-OtMf97ELReIHjkk%2Ftut2.4.png?alt=media\&token=f74f6c87-64c4-4525-8e9a-515354292a25)

4\. Next select the PanelATouchStick in the Scene Hierarchy window.

![](https://1680659799-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LauqCzuMnmk33t__Yp5%2F-Llq06oR6QgL9SINUn3g%2F-Llq0CEVkjJoKM7_KJy1%2Ftut2.2%20copy.png?alt=media\&token=8e72713e-77e7-450a-83e5-92efd39fc76b)

5\. And drag your new Image for the base of the TouchStick into the Source Image slot.

![](https://1680659799-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LauqCzuMnmk33t__Yp5%2F-Llq0kAikL4pnwK8TY_t%2F-Llq0ncj4C4Mp-D3QHzY%2Ftut2.5.png?alt=media\&token=f0fca86a-b32d-4656-bba6-9d8b0be304a7)

6\. Now select the ATStick for the hierarchy and add your stick graphics to the Source Image.

![](https://1680659799-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LauqCzuMnmk33t__Yp5%2F-Llq1ThvTl0A16UfjuvV%2F-Llq1XC7z4ZappBlCr2P%2Ftut2.6.png?alt=media\&token=a06e602f-99de-43f8-ae65-8567dd8ff488)

7\. Repeat this procedure for each of the buttons by selecting ATSButtonA, ATSButtonB, etc. Drag your new graphic into the Source Image slot in the Inspector window.

![](https://1680659799-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LauqCzuMnmk33t__Yp5%2F-Llq2BKedTwk-XTzzeNm%2F-Llq2DnQDGkcqv98aQCv%2Ftut2.7.png?alt=media\&token=977765bb-2b8f-408f-89f8-4d1cd8ebcee9)

8\. If you have followed each step correctly, close the prefab, and select play. Your game screen should look something like this (but with your graphics). For persepctive buttons (angled like the ones shown below) they will not keep their persective if you move them from corner to corner as they are rotated. Also, if you are adding them to the scene that you created from the "Add Actions to Button Bar" tutorial, you will need to change the colours back to white, or you graphics will be tinted.

![](https://1680659799-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LauqCzuMnmk33t__Yp5%2F-Llq2BKedTwk-XTzzeNm%2F-Llq33HWzSzyVwSFqayi%2Ftut2.8.png?alt=media\&token=215e24a7-dba5-4ff8-a880-96d43c22699f)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://profpivec.gitbook.io/documentation-and-tutorials/tutorials/tutorials-for-game-creator/changing-the-graphics-for-touchstick.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.