Discussion :

[sylvain230]

Bonjour,

Je voudrais me déplacer sur une page web sur les axes x et y avec la souris en tenant le clic gauche.
Si je me déplace à gauche je vais à gauche, si je me déplace en bas, je vais en bas etc ...

Je ne vois pas trop comment faire :S

Pouvez vous m'aider ?
Merci d'avance

[javatwister]

Bonjour,

Je voudrais me déplacer sur une page web sur les axes x et y avec la souris en tenant le clic gauche.
Si je me déplace à gauche je vais à gauche, si je me déplace en bas, je vais en bas etc ...

eh bien voilà: tu as la réponse!

[RomainVALERI]

Tu veux mettre en place un drag and drop sur des éléments de ta page ? ou autre chose ? Je comprends l'ironie de javatwister... on ne comprend pas ton problème, il faut faire un effort !

(tu veux "te déplacer sur la page" ? tu fais partie de la page ???! )

[javatwister]

merci Romain de civiliser quelque peu ma pensée

[sylvain230]

Ok bon je m'explique lol. J'avoue que le problème est un peu flou dans ma tête donc forcément, c'est pas facile à expliquer.

J'ai une scène 3D dans le navigateur en utilisant WebGL et je voudrais me déplacer en 2D dedans de façon horizontale et verticale.

Cette action se ferait de la manière suivante :

Partout sur l'écran, je voudrais utiliser le clic gauche de la souris et me déplacer un peu comme un logiciel de rendu 3D.

Alors oui cela ressemble à un drag and drop mais pas seulement cela. En effet, si je déplace la souris dans un axe de 45° avec comme direction un vecteur 2D (0.5, -0.5), je voudrais me déplacer dans la direction de ce vecteur.

Voici mon code. Il ne fonctionne pas correctement :

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
34
35
36
37
38
39
40
41
if(lastMouseX > 0 && lastMouseY > 0) {
 
            camera.position.x += lastMouseX/30;
            camera.target.position.x += lastMouseX/30;
 
            camera.position.y += lastMouseY/30;
            camera.target.position.y += lastMouseY/30;
 
        } else if(lastMouseX < 0 && lastMouseY < 0) {
 
            camera.position.x -= lastMouseX/30;
            camera.target.position.x -= lastMouseX/30;
 
            camera.position.y -= lastMouseY/30;
            camera.target.position.y -= lastMouseY/30;
 
        } else if(lastMouseX < 0 && lastMouseY < 0) {
 
            camera.position.x -= lastMouseX/30;
            camera.target.position.x -= lastMouseX/30;
 
            camera.position.y -= lastMouseY/30;
            camera.target.position.y -= lastMouseY/30;
 
        } else if(lastMouseX > 0 && lastMouseY < 0) {
 
            camera.position.x += lastMouseX/30;
            camera.target.position.x += lastMouseX/30;
 
            camera.position.y -= lastMouseY/30;
            camera.target.position.y -= lastMouseY/30;
 
        } else if(lastMouseX < 0 && lastMouseY > 0) {
 
            camera.position.x -= lastMouseX/30;
            camera.target.position.x -= lastMouseX/30;
 
            camera.position.y += lastMouseY/30;
            camera.target.position.y += lastMouseY/30;
 
        }

Si je ne suis toujours pas assez clair, n'hésitez pas à me flageler lol !!

[javatwister]

ça rappelle le merveilleux clipper de Bovino, non?

http://www.developpez.net/forums/d10...e-google-maps/