Définir un objet en javascript

Version imprimable

04/02/2014, 16h29
debutJS

Définir un objet en javascript
Bonjour
je voudrai savoir comment créer un fonction pas qui retourne une nouvelle rectangle devant elle dans une certaine direction qui prend deux arguments dx et dy (les direction) et peuvent valoir 0, +1 ou -1.
Code:

1 2 3 4 5 6 7 8 9 function Rectangle(x,y){ this.x=x; this.y=y; this.pas = function() { this.dx += this.x ; this.dy += this.y; }; }
merci beaucoup
04/02/2014, 16h35
SpaceFrog

Code:

rectangle = new Rectangle(200,300);
04/02/2014, 16h53
debutJS
Merci pour votre intervention
mais ce pas vraiment ce que je voudrai:
en fait mon problème au niveau de la fonction pas: j ai défini un rectangle avec deux attribut x et y après dans la fonction pas je voudrai retourné une nouvelle rectangle devant le premier , j ai modifié mon code
Code:

1 2 3 4 5 6 7 8 9 function Rectangle(x,y){ this.x=x; this.y=y; this.pas = function() { this.dx += this.x+1; this.dy += this.y+1; }; }

Code:

1
2
rectangle = new Rectangle(200,300);
rectangle.pas();

04/02/2014, 17h27
debutJS

je crois que j'ai un peux compliqué la vie...je vous remercie:ccool:

ça marche ? :koi:

Vu le code,

- dx et dy vaudront NaN tous les deux. Il faut qu'ils soient initialisés à 0 au préalable.
- Mieux vaut sortir la fonction pas() de l'objet et la mettre dans la propriété prototype du constructeur Rectangle. Ainsi, si tu as plusieurs rectangle, ils se partageront la même version de cette fonction, elle ne sera plus dupliquée inutilement dans chaque instance de Rectangle.
- Enfin, si tu souhaites que la fonction pas retourne une nouvelle instance de rectangle ... le code que tu fournis ne semble pas faire cela.
Code:

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 function Rectangle(x, y){ this.autreRectangle = []; this.dx = 0; this.dy = 0; this.x = x; this.y = y; } Rectangle.prototype = { pas: function() { this.dx += this.x+1; this.dy += this.y+1; this.autreRectangle.push(new Rectangle(this.dx, this.dy)); } } var rectangle = new Rectangle(200, 300); rectangle.pas(); // liste des autres rectangles console.log(rectangle.autreRectangle); // augmenter le pas du premier rectangle au dessus rectangle.autreRectangle[0].pas(); // rectangle de base console.log(rectangle);

05/02/2014, 12h16
debutJS

:ccool:
07/02/2014, 14h49
debutJS

Kaamo,
je suis désolé mais comment je peux verifier si ca ca marche??:oops:
07/02/2014, 15h04
Kaamo

Si tu exécutes ce bout de code dans la console de ton navigateur, les objets devraient s'afficher, non ?

Quel est ton besoin ? Quel est ton problème ?

en fait je voudrai afficher quelque chose
par exemple ici j'ai codé ça

Code:

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
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>jeu</title>
  </head>
  <style>
    .carre {
      position: absolute;
      left: 10pt;
      top: 10pt;
      visibility: hidden;
    }
  </style>
  <body>
 
    <img id="c" class="carre" src="carre.png" />
    <script>
function Rectangle(x, y){
  this.autreRectangle = [];
  this.dx = 0;
  this.dy = 0;
  this.x = x;
  this.y = y;
  this.img = document.getElementById("c").cloneNode(true);
  this.img.style.visibility = "visible";
  document.documentElement.appendChild(this.img);
}
 
Rectangle.prototype = {
  pas: function() {
	this.dx += this.x+1;
	this.dy += this.y+1;
    this.autreRectangle.push(new Rectangle(this.dx, this.dy));
  }
}
 
 
 </script>
  </body>
</html>

et j'ai vu que mon carrée est au dessus de la page html alors je voudrai qu'il soit sous quelque chose bien precise en fait(image tapis,image terrain....)

07/02/2014, 15h41
Kaamo

Dans ce code, tu n'as défini que l'objet qui permettra de créer des instances de celui-ci.
Si tu ne créées pas d'instance de rectangle ....

Citation:

en fait je voudrai afficher quelque chose

Il te faut donc une fonction qui "dessine" des rectangles.

Code:

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
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>jeu</title>
  </head>
  <style>
    .carre {
      position: absolute;
      left: 10pt;
      top: 10pt;
      visibility: hidden;
    }
  </style>
  <body>
 
    <img id="c" class="carre" src="carre.png" />
    <script>
function Rectangle(x, y){
  this.autreRectangle = [];
  this.dx = 0;
  this.dy = 0;
  this.x = x;
  this.y = y;
  this.img = document.getElementById("c").cloneNode(true);
  this.img.style.visibility = "visible";
  document.documentElement.appendChild(this.img);
}
 
Rectangle.prototype = {
  pas: function() {
	this.dx += this.x+1;
	this.dy += this.y+1;
    this.autreRectangle.push(new Rectangle(this.dx, this.dy));
  }
}
 
var rectangle = new Rectangle(200, 300);
rectangle.pas();
 
// liste des autres rectangles
console.log(rectangle.autreRectangle);
 
// augmenter le pas du premier rectangle au dessus
rectangle.autreRectangle[0].pas();
 
// rectangle de base
console.log(rectangle);
 
 
 </script>
  </body>
</html>

le rectangle est déjà affiché mais il est au sur une page vierge
je voulais qu'il sois sous une image bien précise
comment faire ça?

07/02/2014, 16h01
Kaamo

A quoi sert ce constructeur d'objet si le rendu du rectangle est fait à l'extérieur de celle-ci ?
07/02/2014, 16h06
debutJS

:(:(:( je suis désolée mais je suis vraiment perdu
07/02/2014, 16h26
Kaamo

Reprend les bases du langage alors et conçoit bien ce que tu veux réaliser. J'ai l'impression que ce n'est pas clair dans ta tête donc ça ne pourra l'être dans la nôtre non plus