Discussion :

[Titahn]

Bonjour,

Je ne suis pas certain que ce soit l'endroit adéquat pour poser cette question, et si ce n'est pas le cas, mes plus humbles excuses !

J'ai des compétences Flashiennes pour le moins limitées (et par extension pour tout ce qui touche à graphisme : je n'ai que très rarement eu besoin de quelque chose de plus poussé que Paint), et je me demande comment faire une transition sympathique.

Je souhaite avoir une grande image, et avec un clic sur elle, pouvoir passer à une autre grande image avec un effet de zoom (très important l'effet de zoom !).

Pour être plus concret la première grande image serait une carte du monde, avec entre autre l'Europe dessus, et si je clique n'importe ou sur l'Europe j'arrive sur une carte de la France. Jusque là c'est ultra basique, mais il me faudrait le meilleur effet de transition possible, qui marque bien le fait que c'est un zoom, et non pas un passage d'une image à une autre. Typiquement, une sorte de "chute" vers le pays en question, avec les contours de l'image qui deviennent troubles, pour accentuer l'effet de vitesse.

In fine le tout serait affiché sur un mur via rétroprojecteur, donc il faudrait que la qualité soit minimum correcte.

Je m'en remet corps et âme à vous, pour me guider sur comment faire ça en Flash. Si ça n'est pas possible, je vous saurais infiniment gré (wep, j'suis pas radin niveau gratitude ^^) si vous pouviez me dire quel logiciel serait le plus à même de faire ça.


Merci !

P.S : L'idée générale est d'avoir un effet se rapprochant de celui-là (dans l'idée, ça peut être fait de manière complètement différente) : http://htwins.net/scale2/

[Archimède]

Voici un zoom sur une image en as3. :

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
 
package 
{
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.display.Bitmap;
 
	[SWF(frameRate='32',width='1024',height='768',backgroundColor='0xfefefe')]
 
 
	public class Main extends MovieClip
	{
 
	    [Embed(source = "../lib/developpez.jpg")]
	    private  var developpez:Class;
	    private var Fond:Bitmap = new developpez();
	    private var i:Number = 0.5;
 
		public function Main():void 
		{
			Fond.scaleX = 0.5;
			Fond.scaleY = 0.5;
			x = stage.stageWidth / 2-Fond.width/2;
			y = stage.stageHeight / 2 - Fond.height / 2;
 
			addChild(Fond);
			addEventListener(Event.ENTER_FRAME, zoom);
 
		  }
 
		 private function zoom(pEvent:Event):void
	         {
		    i += 0.01;
		    Fond.scaleX = i;
		    Fond.scaleY = i;
		     x = stage.stageWidth / 2-Fond.width/2;
		     y = stage.stageHeight / 2-Fond.height/2;
	           } 	
	   }	
}

Tu peux le faire en as2 avec attachBitmap...

Pour les outils :

http://flash.developpez.com/telechar...5/Outils-Flash

ou si tu programmes en Pascal :
http://flashpascal.execute.re/?q=Installation

[Archimède]

Je viens de regarder avec deux images vite fait et ton effet de transition :

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
54
55
56
57
58
 
package 
{
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.display.Bitmap;
	import flash.events.MouseEvent;
 
	[SWF(frameRate='32',width='1024',height='768',backgroundColor='0xfefefe')]
 
 
	public class Main extends MovieClip
	{
 
		[Embed(source = "../lib/logo.png")]
		private var   logo:Class;
		private var imageclick:Bitmap = new logo();
		[Embed(source = "../lib/developpez.jpg")]
		private  var developpez:Class;
	        private var Fond:Bitmap = new developpez();
		private var i:Number = 0.5;
		private var Bclick:Boolean=false;
 
		public function Main():void 
		{
			Fond.scaleX = 0.5;
			Fond.scaleY = 0.5;
			x = stage.stageWidth / 2-imageclick.width/2;
			y = stage.stageHeight / 2 - imageclick.height / 2;
			addChild(imageclick);
			Fond.addEventListener(Event.ENTER_FRAME, zoom);
			stage.addEventListener(MouseEvent.MOUSE_DOWN, doClick);	
			useHandCursor = true;
		 }
 
 
		private function zoom(pEvent:Event):void
	        {
			if (Bclick)
			{
			 Fond.scaleX = i;
			 Fond.scaleY = i;
			 x = stage.stageWidth / 2-Fond.width/2;
			 y = stage.stageHeight / 2 - Fond.height / 2;
			 i += 0.06;
			}
 
	         }
 
		private function doClick(pEvent:MouseEvent):void
		{
		 Bclick = true;
		 addChild(Fond);
		 imageclick.visible = false;
		}
 
	}	
}

Après tu peux toujours jouer sur le alpha de la première image et la faire disparaître progressivement... C'est un essai pour voir.

Ci-joint

J'ajouterais une remarque : l'animation de l'infiniment petit à l'infiniment grand repose sur un autre principe... Ici, c'est une succession d'images rapprochées qu'il faut se procurer et en faire un tileset. Après tu ballades ton tileset derrière un mask dans un onEnterFrame et l'effet est donné...