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