Définir un objet en javascript

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

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, 17h35

Code :

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

rectangle = new Rectangle(200,300);

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

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, 17h56

Code :

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

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

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

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

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

ç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, 13h16

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

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

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

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, 16h23

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, 16h41

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, 16h53

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, 17h01

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

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

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

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

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