Discussion :

[nouby]

Bonjour, je voudrais créer un objet, ça je sais faire, mais lui attribuer une image seulement après le chargement du body dans une fonction init().
Mais mon image de l'objet ne s'affiche pas :/

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
var image1=new Image();
var monobjet=new CObjet(image1,100,200); // <----- PX et PY
 
function init(){
 
    // Image à charger pour l'objet.
    image1.src='img/citrouille.png';
 
    image1.onload=function(){
        monobjet.Image=image1;
    }
 
 
    ctx1.drawImage(monobjet.Image,monobjet.PX,monobjet.PY);
}

[Archimède]

Salut, Il faudrait pouvoir regarder du côté de ta classe Cobjet si ton setter image est correct...
Après, tu développes une classe avec les positions de ton image dans son container et tu fais un context.drawImage() qui te positionne cet objet sur le canvas... Curieux comme démarche... Il y a un souci...

[nouby]

Merci

Quand je fais ça, l'image s'affiche :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
// j'ajoute ça à la fin de la fonction init()
var animtimer=requestAnimationFrame(anime);
 
// Et ça c'est hors de la fonction init(), je l'ai mis bien au-dessus de la fonction init().
function anime(timestamp){
 
    ctx1.drawImage(monobjet.Image,monobjet.PX,monobjet.PY);
 
    animtimer=requestAnimationFrame(anime);
}

Ah c'est vrai ce que tu dis pour le PX,PY ils me servent à stocker la position de la citrouille.
il y a mieux à faire ?


EDIT :

Je le déclare comme ça :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
class CObjets{
	constructor(Image, PX, PY, With, Height, Nom){
	this.Image=Image;
        this.PX=PX;
        this.PY=PY;
        this.Width=Width;
        this.Height=Height;
	this.Nom=Nom;
 
}

Je veux faire un jeu avec une ferme et des légumes.

[Archimède]

Quand appelles-tu ta fonction init() dans le onload ?

Code javascript :

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

window.addEventListener("load",init)

[nouby]

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
</body>
 
</html>
 
<!-- Initialisation de quelques variables. -->
<script>
        var ctx1 = document.getElementById('ecran1').getContext('2d');
</script>>
 
 
<script type="text/javascript">
        window.onload=function(){init();};
</script>

[Archimède]

Tu as placé ta fonction init() avant ton événement load ?