- Home /
Moving images around
I have two images in my scene that i want to enlarge when clicked on, and have them return to original after i click the enlarged image. This is my code:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
public class EnlargePictures : MonoBehaviour
{
RaycastHit2D image;
public float startWidth;
public float startHeight;
public Vector3 startPos;
RectTransform RT;
public void Start()
{
//Fetches the RectTransform from image
RT = this.GetComponent<RectTransform>();
//Sets start values for position and size
startWidth = RT.rect.width;
startHeight = RT.rect.height;
startPos = RT.localPosition;
}
public void Update()
{
if (Input.GetMouseButtonUp(0))
{
//Raycasts, to see if the mouse has clicked on an image
Vector2 worldPoint = Camera.main.ScreenToWorldPoint(Input.mousePosition);
image = Physics2D.Raycast(worldPoint, Vector2.zero);
//Cheks if the collider hit is a trigger
if (image.collider.isTrigger)
{
//Checks if the enlarged bool from DontDestry GameObject is true
if (!GameObject.Find("DontDestroy").GetComponent<EnlargeGlobal>().enlarged)
{
//Sets the Image position to (0,0), scales the size up and sets enlarged to true
Debug.Log("Image has been enlarged");
image.transform.position = new Vector2(0, 0);
GameObject.Find("DontDestroy").GetComponent<EnlargeGlobal>().enlarged = true;
image.transform.GetComponent<RectTransform>().sizeDelta = new Vector2(Screen.width / 1.6f, (Screen.width / 1.6f) * (startHeight / startWidth));
}
else
{
//Sets image size and position to the start values and sets enlarged to false
Debug.Log("Image has been minimized");
image.transform.GetComponent<RectTransform>().sizeDelta = new Vector2(startWidth, startHeight);
image.transform.GetComponent<RectTransform>().transform.localPosition = startPos;
GameObject.Find("DontDestroy").GetComponent<EnlargeGlobal>().enlarged = false;
}
}
}
}
}
When i click on the left of the pictures it works like a charm, but the right picture (which has negative x value of the first one and same y value) does weird things. It enlarges first time, but minimizes weirdly on top of the left picture, and after that, minimizing any picture moves them out of the camera...
Hey Thephill2998!
Looking at the code that you posted, I noticed that when the image is being enlarged, the image's world position is being set:
image.transform.position = new Vector2(0, 0);
Whereas when it is being $$anonymous$$imized, the image's local position is being set:
image.transform.GetComponent<RectTransform>().transform.localPosition = startPos;
// Which can be reduced to
image.transform.localPosition = startPos;
This will undoubtedly produce undesired results. This might be why your second image is $$anonymous$$imizing over top of the first one (I cannot confirm this however). Try fixing that up and see what new results you get. :)