koobas.hobune.stream
Change image in UI depending on the value of the slider
I am trying to make the images change in the UI when the slider's value is changed, right now nothing is happening when i move the slider, this is my code:
public class ImagesSlider : MonoBehaviour
{
// Start is called before the first frame update
public Sprite sprite1;
public Sprite sprite2;
public Sprite sprite3;
public Sprite sprite4;
public Sprite sprite5;
public Sprite sprite6;
public Sprite sprite7;
public Sprite sprite8;
public Sprite sprite9;
public Sprite sprite10;
public Sprite sprite11;
public Slider imageslider;
void Start()
{
gameObject.GetComponent<Image>();
}
void Update()
{
ChangeImage();
}
// Update is called once per frame
void ChangeImage()
{
if (imageslider.value == 1.0f)
{
gameObject.GetComponent<Image>().sprite = sprite1;
}
if (imageslider.value == 2.0f)
{
gameObject.GetComponent<Image>().sprite = sprite2;
}
}
Do you have any error in the console at runtime (a NullReferenceException for instance)
Is your slider using whole values?
What does
Debug.Log(imageslider)inChangeImageoutput?
I would recommend doing something like this (code not tested):
public class ImagesSlider : MonoBehaviour
{
public Sprite[] sprites;
public Slider slider;
public Image image;
void Start()
{
slider.onValueChanged.addListener(ChangeImage);
}
void ChangeImage(float value)
{
int intValue = Mathf.FloorToInt(value);
if (intValue >= 0 && intValue < sprites.Length)
image.sprite = sprites[intValue];
}
}
