D�finir un objet en javascript

**debutJS** · 04/02/2014, 16h29

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

**SpaceFrog** · 04/02/2014, 16h35

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

rectangle = new Rectangle(200,300);

**debutJS** · 04/02/2014, 16h53

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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;
 
  };
}

**SpaceFrog** · 04/02/2014, 16h56

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

**debutJS** · 04/02/2014, 17h27

je crois que j'ai un peux compliqu� la vie...je vous remercie

**Kaamo** · 04/02/2014, 17h33

�a marche ?

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 javascript :

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
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);

**debutJS** · 05/02/2014, 12h16

**debutJS** · 07/02/2014, 14h49

Kaamo,
je suis d�sol� mais comment je peux verifier si ca ca marche??

**Kaamo** · 07/02/2014, 15h04

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 ?

**debutJS** · 07/02/2014, 15h23

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

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
<!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....)

**Kaamo** · 07/02/2014, 15h41

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 ....

en fait je voudrai afficher quelque chose

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

**debutJS** · 07/02/2014, 15h53

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
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?

**Kaamo** · 07/02/2014, 16h01

A quoi sert ce constructeur d'objet si le rendu du rectangle est fait � l'ext�rieur de celle-ci ?

**debutJS** · 07/02/2014, 16h06

je suis d�sol�e mais je suis vraiment perdu

**Kaamo** · 07/02/2014, 16h26

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

D�finir un objet en javascript

JavaScript

Discussions similaires

Partager

Partager