Question 2D shadow for all images in same time

Hello to all,

The shadow effect appears when you click on the pentamino and disappears when you release it.

Code (CSharp):

1. public class dragImage : MonoBehaviour, IDragHandler
2. {
3.  
4.     public Image image;
5.  
6.     private void Start()
7.     {
8.      this.GetComponent<Image>().alphaHitTestMinimumThreshold = 0.001f;
9.     }
10.  
11.     public void OnDrag(PointerEventData eventData)
12.     {
13.         transform.position += (Vector3)eventData.delta;
14.         transform.SetAsLastSibling();
15.     }
16.  
17.     void Update()
18.     {
19.         if (Input.GetMouseButtonDown(0))
20.         {
21.             image.GetComponent<TrueShadow>().OffsetDistance = 12f;
22.         }
23.         if (Input.GetMouseButtonUp(0))
24.         {
25.             image.GetComponent<TrueShadow>().OffsetDistance = 0f;
26.         }
27.     }
28. }

The problem is that there are several pentominoes and when you click on a pentomino there is good a shadow effect. But the shadow effect appears on all the pentominoes in the scene (even when not clicked on).

See the video above :
https://youtube.com/shorts/nrCM3yaqzek?feature=share

Your code is welcome.

Thanks for your help.

A+

 

Your video is set to private, we can't see it

 

All of your pentominoes are just checking in their Update method that the mouse button has been clicked or released, and setting their own image offset based on that. There is nothing there to check if it is this specific game object that is being clicked on. You would need to add some extra logic to check that you are actually clicking on this game object and if so, then only then change the offset for the shadow effect.

 

Fortunately Unity does make that pretty easy: https://docs.unity3d.com/ScriptReference/MonoBehaviour.OnMouseDown.html
https://docs.unity3d.com/ScriptReference/MonoBehaviour.OnMouseUp.html

 

Hi all,

Here is a video wich good resume my problem:

I have tried this code:

Code (CSharp):

1.  if (Input.GetMouseButtonDown(0))
2. {
3.    Destroy(image.GetComponent<Trudow>());
4. }

It does remove the shadow effect of the pentamino (bottom left image).
But when you click on this last, it creates a shadow effect only with the pentamino on the top right (see video).

I arrive to destroy the shadow but I don't know how to recreate it.

Thanks for your help.

A+

 

As we've already mentioned when you click the code is running on all your pentaminos, as there is no check in place to determine which one in particular is being clicked. You need to adjust your code to only affect the one being clicked.

 

Hi,

You have understood my problem well when you say:

I deleted the component that makes the shadow of image (the one that makes the shadow of the pentamino at the bottom left of the scene).
The line of code is the following:

Code (CSharp):

1.  if (Input.GetMouseButtonDown(0))
2. {
3.    Destroy(image.GetComponent<TrueShadow>());
4. }

So there is only one left. The effect is successful (with the right top pentamino).

The problem is that the shadow has been removed.
And I don't know how to recreate it (the shadow of the bottom left pentamino).
Your code is welcome.

Thanks for your help.

 

Your code is running on all objects anytime the mouse button is down, anywhere on the screen.

you need to make your code more specific. It needs to check if the mouse button is down OVER the specific object.

Try this. It will check if mouse is down on that specific object.
https://docs.unity3d.com/ScriptReference/MonoBehaviour.OnMouseDown.html