Discussion :

[julius1983]

Salut à tous,

Voila ma question:

je chercher à déplacer une image (png) avec la souris,
(seulement lorsque l'on clique dans une zone non transparente).



La forme géométrique rose doit se déplacer uniquement si l'utilisateur clique sur la zone colorée.

Et se relâcher lorsque l'utilisateur relâche le bouton de la souris.

Merci à vous,

A+

[Bousk]

- quelles bibliothèques ?
- où est le code ?
- où est le problème ?

> on click, on récupère les coordonnées
> on les compare à la position de l'image
> on extrait le pixel correspondant de l'image
> on vérifie qu'il soit pas transparent

[julius1983]

Salut à vous,

J'aimerais savoir si je clique dans une zone transparente ou non.
Je cherche à déplacer la forme geometrique avec la souris uniquement si l'utilisateur clique dans le rose.

Dans l'attente d'une aide précieuse,

A+

[Garvelienn]

Bonjour,

Votre titre de conversation ne correspond pas à votre problème.

Sinon, Bousk vous a déjà donné la méthode pour le résoudre.

Il vous reste à chercher avec ces mots clés dans la documentation d'Unity et/ou avec un moteur de recherche.

Où coincez-vous ? Avez-vous du code ?

[julius1983]

Coucou,

En fait, je coince pour détecter si l'utilisateur clique sur une zone transparente ou non.

Votre aide est la bienvenue,

A+

[Garvelienn]

Ma question demandait une réponse technique. Et pas une redite de ce que vous aviez précédemment dit.

En quoi la réponse de Bousk ne vous convient pas ?

[julius1983]

-Voici mes librairies:

using UnityEngine;
using System.Collections;

-Je n'ai pas de code (c'est ce que j’espérais de votre aide).

-Le problème c'est que lorsque je clique sur une zone transparente de l'image celle-ci ne doit pas se déplacer.

Merci à vous,

A+

[Bousk]

Le problème c'est que tu espères qu'on fasse ton exercice à ta place. Ce que nous ne faisons pas ici même si tu répètes 6 fois ton problème.
http://lmgtfy.com/?q=unity+extract+pixel
Texture2D.GetPixel

[Mat.M]

La forme géométrique rose doit se déplacer uniquement si l'utilisateur clique sur la zone colorée.
Et se relâcher lorsque l'utilisateur relâche le bouton de la souris.
A+

Le plus simple pour remédier à ce problème c'est de prendre les coordonnées du centre de la forme géomètrique , de déteminer le rayon de la forme géomètrique et en fonction de cela si les coordonnées souris X,Y sont inscrites dans le cercle, on peut déplacer la forme.
L'inconvénient de cette méthode est que cela manque de précision.

Autre méthode avec les coordonnées souris il faut tester si elles sont égales aux coordonnées pixel qui dessinent la forme ( bref la solution de Bousk)
Par contre ça risque d'être coûteux en temps d'exécution

Dernière méthode si la forme est rectangulaire c'est de faire des divisions rectangulaires et tester si la souris X,Y est inscrite dans un de ces rectangles

[Greg Latiner]

Bonjour,

Une piste à suivre par le biais de la doc: Image.alphaHitTestMinimumThreshold.
L'image en Read/Write Enabled, et en Full Rect.

[julius1983]

Salut à tous,

ma question est surement résorbable :

Comment déplacer avec la souris la forme rose uniquement lorsque on clique sur la couleur rose (pas dans la zone transparente).

https://www.developpez.net/forums/at...ssus/brty.png/

Votre code est le bienvenue (même si j'ai cherché tout google et je n'ai rien trouvé).

Merci de votre aide,

A+

[Tonton Nico]

Salut,

Pour la nième fois, le but n'est pas de te donner le code tout fait comme ça, dis nous plutôt la ou tu bloques.

- Tu sais déplacer une image? google peut t'aider le cas échéant
- Tu sais comment ajouter/détecter que l'on clic sur une image? google peut t'aider le cas échéant

La combinaison des deux devrait répondre à ton besoin en plus

[julius1983]

Salut à toi,

J'ai parcouru tout Internet, je n'ai rien trouvé (que des codes qui ne marchent pas)
Voici ce que je vous voudrais :

-déplacer une image transparente

-comment ajouter/détecter que l'on clic sur une image transparente ou non,
peut-être avec la fonction GetPixel

Votre aide est la bienvenue,

A+

[Greg Latiner]

Bonjour,

Il serait déjà bien d'essayer d'apprendre les bases (éternel conseil). Idem pour les recherches. J'ai beaucoup de mal à croire que tu n’ai rien trouvé.
Je pense que tu as surtout du mal à faire la recherche avec les bons mots.
Déjà si tu pars avec des mots clé type "Image" & "Drag", tu tomberas sur une multitude de sujets traitant du trucs, avec les deux/trois lignes de codes nécessaires à l'opération.
Idem pour la transparence. Il faut se dire que ces problèmes ont déjà été rencontrés depuis bien longtemps par les utilisateur d'Unity, et que l'API contient probablement la réponse (que j'ai donné plus haut et que tu sembles avoir ignoré).
Résultat (je suis d'humeur partageur aujourd'hui), tu parles d'image à déplacer (les termes ont leur importance, donc Image = Canvas,UI system), alors le code se résume à ces quelques lignes (code à placer en guise de component sur le gameobject contenant l'Image):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;
 
public class DragImage : MonoBehaviour, IDragHandler
{
 
    private void Start()
    {
        // passe l'alphaHit au mini pour ignorer la transparence
        this.GetComponent<Image>().alphaHitTestMinimumThreshold = 0.001f;
    }
 
    // méthode pour drag l'image
    public void OnDrag(PointerEventData eventData)
    {
        transform.position += (Vector3)eventData.delta;
    }
}

[julius1983]

Salut à tous,

Ton code m'a bien aidé et l'image se déplace bien. Merci à toi.
Le problème c'est qu'elle se déplace même quand on clique dans la zone blanche (zone transparente).
Peut-être avec la fonction GetPixel. Je ne suis pas bien aguerri avec le code, soyez sympa, j'ai cherché dans google.

Merci de votre aide,

A+

[Tonton Nico]

D'habitude je défends la veuve et l'orphelin mais la j'irais moi même chercher du petits bois dans la forêt pour te faire brûler sur la place publique si c'était encore possible

Peut-être avec la fonction GetPixel

Comment reprendre l'idée de Bousk pour faire genre tu a réfléchis un peu au truc

Je ne suis pas bien aguerri avec le code, soyez sympa, j'ai cherché dans google

A-t-on vraiment besoin de répondre à cela LOL

Merci à Greg pour son aide en effet, personnellement j'espère que tu vas chercher un peu plus par toi même et l'on t'aidera avec plaisir quand tu auras du nouveau code mais que tu bloqueras sur certains points

[julius1983]

Salut à tous,

Voici le code que j'ai modifié comme demandé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;
 
public class DragAndDrop : MonoBehaviour, IDragHandler
{
    //                voici la variable que j'ai rajoutée
    Image img;  //*********************************************
 
    private void Start()
    {
 
        this.GetComponent<Image>().alphaHitTestMinimumThreshold = 0.001f;
    }
 
    public void OnDrag(PointerEventData eventData)
    {
        Plane plane = new Plane(Vector3.up, new Vector3(0, 0, 0));
        Ray ray = Camera.main.ScreenPointToRay(Input.mousePosition);
        float distance;
        if (plane.Raycast(ray, out distance))
        {
            transform.position = ray.GetPoint(distance);
        }
 
 //***************************************************************************************************************************** 
//  Voici ci-dessous la ligne de code que j'ai rentré. Je teste si l'image est transparente ou non où l'utilisateur a cliqué.
//******************************************************************************************************************************
        if (img.sprite.texture.GetPixel(Input.mousePosition.x, Input.mousePosition.z).a != 0)
 
         transform.position += (Vector3)eventData.delta;
    }
}

Le problème c'est que les variables "Input.mousePosition.x" et "Input.mousePosition.z" envoient un message d'erreur.

Merci pour votre aide.

A+

[Tonton Nico]

Je pense que c'est juste une erreur entre "Z" et "Y" dans ta ligne de code

[Greg Latiner]

Bonsoir,

Je ne sais pas ce que tu cherches à bricoler niveau code ... (t'as pioché des bouts de code sur la toile en fait j'ai l'impression)
Le code que je t'ai fournis correspond à ton besoin. Si cela ne fonctionne pas c'est que ton soucis est ailleurs.
Pour commencer, as-tu un chanel alpha sur ton image par exemple ? (une zone "blanche", ça ne marche pas)
Ton image est-elle bien déclarée dans Untiy dans l'AlphaSource en tant que "Input Texture Alpha" ?

[julius1983]

Salut,

j'ai rentré le code suivant (je teste si l'utilisateur clique dans une zone transparente ou non).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 if (img.sprite.texture.GetPixel(Input.mousePosition.x, Input.mousePosition.z).a != 0)

Le problème c'est que, (Input.mousePosition.x, Input.mousePosition.z) renvoient un message d'erreur.

Il faut déplacer la forme rose uniquement lorsque l'on clique dans du rose.

Votre aide est la bienvenue.

Merci à vous