Discussion :

[nouby]

Bonjour,

J'ai un problème pour effectuer un rapetissement progressif d'une image au fur et à mesure qu'elle se rapproche du centre de l'écran, sachant qu'elle démarre son déplacement en bas à gauche de l'écran, et doit se diriger vers le centre horizontal et vertical, tout en réduisant sa taille dans un rapport normal (pas d'écrasement visuel de sa hauteur ni sa largeur, et quand l'image est réduite à une trés petite taille je la fais disparaitre en effaçant l'écran et je recommence l'anim à son début.

c'est une image sur un canvas

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
var animtour=0;
miWidth=parseInt(screen.width/2);
miHeight=parseInt(screen.height/2);
 
function anime(){
	// Animation de l'image.
	if(animtour==0){
 
		// Efface l'écran CTX2.
		ctx2.clearRect(PX1-10,PY1-10,W1+20,H1+20);
 
		// Affiche l'image à la nouvelle position.
		ctx2.drawImage(image1,PX1,PY1,W1,H1);
 
/* Partie à trouver pour reussir l'effet désiré
 
		// Incrémente la position de l'image.
		if(PX1<miWidth){
			PX1+=?
 
		}
 
		if(PY1>miHeight){
			PY1-=?
		}
 
 	
		W1=?
		H1=?
 
*/
		// Détecte quand l'image est au centre de l'écran.
		if ((PX1>=miWidth)&&(PY1<=miHeight)) {
			// Stoppe le déplacement.
			animtour=1;
			// Efface l'écran CTX2.
			ctx2.clearRect(0, 0, screen.width, screen.height);
		}
	}
}

EDIT :

J'ai trouvé une partie du code manquant, la partie qui rapetisse l'image en pourcentages

Code :

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

1
2
3
4
5
6
7
8
		dec_W1=0.96;
		dec_H1=0.96;
		tmpW=W1;
		tmpH=H1;
 
		W1=parseFloat(W1*dec_W1);
		H1=parseFloat(H1*dec_H1);
		console.log(W1+" x "+H1);

Mon code fonctionne, super, c'est résolu
Mon image ne vas pas directement vers le centre mais juste à coté puis se dirige vers le centre, mais ça me va

[axolotl_1]

Tu peux donner la totalité du code ?
J'aimerais avoir cet effet si ça t'ennuie pas.
Si tu veux je te dis comment arrêter puis reprendre une animation: j'ai fini par trouver si ça peut te servir

[nouby]

Oui pas de pb je t'enverrais le code, avec toutes les précisions.
Ce week ou dans la semaine qui vient.
Mets-moi au courant de ton jeu par mp si besoin, j'aime bien donner des idées si ça peut servir, je suis un bon scénariste aussi.

[axolotl_1]

Avec grand plaisir....

J'hésite sur le déroulement du jeu surtout la fin tenant compte bien sûr qu'il s'agit d'une animation pour enfants: je te soumettrai quelques questions si tu n'y vois pas d'objections.
Je vais essayer de faire une video pour que tu te rendes compte.

[NoSmoking]

Bonjour,

Oui pas de pb je t'enverrais le code, avec toutes les précisions.
...
Mets-moi au courant de ton jeu par mp si besoin, j'aime bien donner des idées si ça peut servir, je suis un bon scénariste aussi.

Tout ceci n'est pas très esprit forum, partage donc.

Pourquoi ne pas mettre ta solution ici afin que plus de personnes puissent en profiter

[nouby]

c'est pas un projet libre, voilà pourquoi

Mais comme tu vois cela ne m'empeche pas de partager au petit bonheur, mais pas tout en public d'un coup, voilà.
Sinon le projet ne va pas aller bien loin et j'aurais travaillé dessus pour rien, cela se comprend aisément.

Je partage d'ailleurs d'autres codes publics ceux-là, tu ne connais pas ma vie, merci de ne pas juger sans savoir.

[NoSmoking]

c'est pas un projet libre, voilà pourquoi

Houlà dans ce cas effectivement

... tu ne connais pas ma vie, merci de ne pas juger sans savoir.

ce n'est pas un jugement, c'est un constat !

PS : mon jugement aurait été surement plus acerbe !