boite qui s'ouvre

Question

Bonjour  &#224; tout le monde,





je suis totalement newbie en flash. 

Je voudrais me faire un petit site web dans lequel je mets dans la page
principale une petite boite (avec la m&#234;me photo sur chaque c&#244;t&#233; de la
bo&#238;te)



Cette bo&#238;te, je voudrais bien qu'elle s'ouvre quand on clique dessus (sur n'importe lequel des c&#244;t&#233;s)



Mais je ne sais pas comment faire. 

Pour l'instant je regarde &#224; gauche et &#224; droite pour apprendre &#224;
utiliser flash mx. J'avance bien mais je ne suis pas encore capable de
faire &#231;a.



Qqn pourrait-il m'aider?



ps. Si ce n'est pas possible de faire un truc du genre, est-il possible
au moins de me dire comment je peux appliquer une photo sur les c&#244;t&#233;s
de la bo&#238;te?



Merci d'avance

on_drag_on · Answer

Ben le probl&#232;me c'est que ta bo&#238;te sera en 3d non? et que flash fais de
l'anim. 2d. Alors y'a moyen de tricher mais pour ton cas je vois pas...
enfin c'est possible mais tu vas te faire royalement i&#232;che! ... sinon
y'a un log. 3D adapt&#233; pour flash qui s'appelle swift3D. Pi j'ai d&#233;pos&#233;
un tuto sur les bases... tu peux d&#233;j&#224; voir par-l&#224;...

a+.

penchu · Answer

heu, il est o&#249; ton tuto? parce que quand je tape swift3d dans google, je tombe sur erain.com et &#231;a m'a l'air vachement trop compliqu&#233;...

par contre, je sais pas si tu peux me guider sur cette voie, mais j'ai trouv&#233; sur le site de flashkod une source qui fait tourner un cube en fonction de la position de la souris.

Ce qui serait bien c'est que je puisse mettre une image sur les c&#244;t&#233;s du cube. Ce serait g&#233;nial.
(ouvrir le cube est un luxe que je ne peux pas encore me permettre...)

voici le lien de la source : 
http://www.flashkod.com/code.aspx?ID=16714

on_drag_on · Answer

mais dis donc! mon tuto ben il est dans les tutos sur flashkod. (c'est
pour apprendre la base). pi pour mieux comprendre ton histoire de cube
et les difficult&#233;s que tu vas trouver dans ce genre d'eessai va voir
sous "magnetisme" rechercher (sur flashkod toujours)" tu verras ici
qu'on peu tricher un peu en jouant sur l'alpha. voili. courage.

a+.

on_drag_on · Answer

pi si t'arrives vraiment pas apr&#232;s avoir fait le tutos apr&#232;s avoir
chercher sur diff&#233;rents sites apr&#232;s avoir chercher dans l'aide de
flash, apr&#232;s avoir regarder dans le dico actionscript... ben poses ta
question sur le forum...

;-)

penchu · Answer

ok merci des conseils, vais y regarder &#224; mon aise

++

penchu · Answer

Bon, j'ai regard&#233; dans ton tuto, j'ai regard&#233; pas mal sur le net, mais l&#224; je trouve pas.



En fait, j'ai vu dans la source que j'ai cit&#233;e un peu au dessus
(http://www.flashkod.com/code.aspx?ID=16714) une chose int&#233;ressante.



with (face1) {

        clear();

        lineStyle(4,0x000000);

        beginFill(0x00ff00);

        moveTo(P1.x, P1.y);

        lineTo(P2.x, P2.y);

        lineTo(P4.x, P4.y);

        lineTo(P3.x, P3.y);

        lineTo(P1.x, P1.y);

        endFill();
 En voyant
&#231;a, je me suis dit qu'il devait y avoir moyen de remplacer le beginFill
et endFill par une fonction qui permet de mettre une image &#224; la place
de couleurs.



Mais comme j'ai jamais fait de prog avec Flash, je ne sais
absolument pas si &#231;a existe et comment faire. J'ai fait quelques
recherches, mais trouve pas

on_drag_on · Answer

ben ce code moi je le comprend pas si tu veux savoir ce qu'il signifie
prend chaque mots et F1 dans Flash. pour mettre tes photos &#224; la place
des surface du cube ben tu les importes dans ta biblioth&#232;que
(Importer..). pi tu les glisse sur ta sc&#232;ne, pi tu les adaptes aux
surfaces... c'est tout simple. (il faut que tu selectionne la surface
(1click si sc&#232;ne principale, 2 click si clip...) pour &#234;tre sur de
travailler sur le bon calque.

re.

penchu · Answer

ben moi je le comprend comme &#231;a (sans regarder dans l'aide) : 

with (face1) {      // pour la face 1 (on fait le m&#234;me pour chaque face)
        clear();         // on efface tout
        lineStyle(4,0x000000);      //style de ligne : &#233;paisseur : 4, couleur : noir
        beginFill(0x00ff00);         //on commence &#224; remplir avec 00ff00
        moveTo(P1.x, P1.y);      //on se met sur la position P1.x, P1.y)
        lineTo(P2.x, P2.y);         //on trace les lignes d'un point &#224; un autre
        lineTo(P4.x, P4.y);
        lineTo(P3.x, P3.y);
        lineTo(P1.x, P1.y);
        endFill();                     //fin du remplissage

mais je ne comprends pas ce que tu dis par "tu glisse ton image sur ta sc&#232;ne et tu adaptes. Ca veut dire que tu glisse simplement l'image sur une des faces et que tu peux &#233;tirer, allonger ou r&#233;duire la taille de l'image pour l'adapter &#224; la taille d'une face?

on_drag_on · Answer

ah ben merci, &#231;a doit &#234;tre &#224; peu pr&#234;t &#231;a et j'apprend un truc... bon
ben d'abord tu click sur la face du carr&#233; que tu veux modif. jusqu'&#224; ce
que la surface soit "selectionnable" ensuite tu importes ton image et
effectivement tu la redimensionnes. (pi si tu veux jouer avec l'alpha
ben faut enlever d'abord la surface initial si non elle va appara&#238;tre
vu qu'elle est en dessous).

A Toute... :-)

penchu · Answer

Le probl&#232;me, c'est que le cube est fabriqu&#233; en code, le gars ne s'est pas amus&#233; &#224; mettre chaque face du cube sur une sc&#232;ne.

Voici tout le code du projet.

//initilisation
for (i=1; i<=6; i++) 
{
 createEmptyMovieClip("face"+i, i);
}
//constructeur
function Vector3d(x, y, z) {
 this.x = x;
 this.y = y;
 this.z = z;
}
//methodes
Vector3d.prototype.rotateXY = function(ca, sa, cb, sb) {
 with (this) {
  var rz = y*sa+z*ca;
  y = y*ca-z*sa;
  z = x*(-sb)+rz*cb;
  x = x*cb+rz*sb;
 }
};
//fonction de rafraichissement
function refresh() {
 cosa = Math.cos((_ymouse/20)*Math.PI/180);
 sina = Math.sin((_ymouse/20)*Math.PI/180);
 cosb = Math.cos((-_xmouse/20)*Math.PI/180);
 sinb = Math.sin((-_xmouse/20)*Math.PI/180);
 P1.rotateXY(cosa, sina, cosb, sinb);
 P2.rotateXY(cosa, sina, cosb, sinb);
 P3.rotateXY(cosa, sina, cosb, sinb);
 P4.rotateXY(cosa, sina, cosb, sinb);
 P5.rotateXY(cosa, sina, cosb, sinb);
 P6.rotateXY(cosa, sina, cosb, sinb);
 P7.rotateXY(cosa, sina, cosb, sinb);
 P8.rotateXY(cosa, sina, cosb, sinb);
 mid1234.rotateXY(cosa, sina, cosb, sinb);
 mid3456.rotateXY(cosa, sina, cosb, sinb);
 mid5678.rotateXY(cosa, sina, cosb, sinb);
 mid7812.rotateXY(cosa, sina, cosb, sinb);
 mid1357.rotateXY(cosa, sina, cosb, sinb);
 mid2468.rotateXY(cosa, sina, cosb, sinb);
 with (face1) {
  clear();
  lineStyle(4,0x000000);
  beginFill(0x00ff00);
  moveTo(P1.x, P1.y);
  lineTo(P2.x, P2.y);
  lineTo(P4.x, P4.y);
  lineTo(P3.x, P3.y);
  lineTo(P1.x, P1.y);
  endFill();
 }
 with (face2) {
  clear();
  lineStyle(4,0x000000);
  beginFill(0x0000ff);
  moveTo(P3.x, P3.y);
  lineTo(P4.x, P4.y);
  lineTo(P6.x, P6.y);
  lineTo(P5.x, P5.y);
  lineTo(P3.x, P3.y);
  endFill();
 }
 with (face3) {
  clear();
  lineStyle(4,0x000000);
  beginFill(0xff0000);
  moveTo(P5.x, P5.y);
  lineTo(P6.x, P6.y);
  lineTo(P8.x, P8.y);
  lineTo(P7.x, P7.y);
  lineTo(P5.x, P5.y);
  endFill();
 }
 with (face4) {
  clear();
  lineStyle(4,0x000000);
  beginFill(0xff00ff);
  moveTo(P7.x, P7.y);
  lineTo(P8.x, P8.y);
  lineTo(P2.x, P2.y);
  lineTo(P1.x, P1.y);
  lineTo(P7.x, P7.y);
  endFill();
 }
 with (face5) {
  clear();
  lineStyle(4,0x000000);
  beginFill(0xffff00);
  moveTo(P1.x, P1.y);
  lineTo(P3.x, P3.y);
  lineTo(P5.x, P5.y);
  lineTo(P7.x, P7.y);
  lineTo(P1.x, P1.y);
  endFill();
 }
 with (face6) {
  clear();
  lineStyle(4,0x000000);
  beginFill(0x00ffff);
  moveTo(P2.x, P2.y);
  lineTo(P4.x, P4.y);
  lineTo(P6.x, P6.y);
  lineTo(P8.x, P8.y);
  lineTo(P2.x, P2.y);
  endFill();
 }
 face1.swapDepths(100000-mid1234.z*100);
 face2.swapDepths(100000-mid3456.z*100);
 face3.swapDepths(100000-mid5678.z*100);
 face4.swapDepths(100000-mid7812.z*100);
 face5.swapDepths(100000-mid1357.z*100);
 face6.swapDepths(100000-mid2468.z*100);
}
//cr&#233;ation des points
P1 = new Vector3d(-100, -100, -100);
P2 = new Vector3d(-100, -100, 100);
P3 = new Vector3d(-100, 100, -100);
P4 = new Vector3d(-100, 100, 100);
P5 = new Vector3d(100, 100, -100);
P6 = new Vector3d(100, 100, 100);
P7 = new Vector3d(100, -100, -100);
P8 = new Vector3d(100, -100, 100);
mid1234 = new Vector3d(-100, 0, 0);
mid3456 = new Vector3d(0, 100, 0);
mid5678 = new Vector3d(100, 0, 0);
mid7812 = new Vector3d(0, -100, 0);
mid1357 = new Vector3d(0, 0, -100);
mid2468 = new Vector3d(0, 0, 100);
//visualisation
this.onEnterFrame = function() {
 refresh();
};

on_drag_on · Answer

ben oui je voyais pas &#231;a comme &#231;a...chu all&#233; voir la source.... ben
quand t'as fini de d&#233;crypter tu m'expliques (good luck!) Bon j'avais
t&#233;l&#233;charger la version 30 jours de swift, j'ai voulu faire un cube pour
te envoyer le fichier par mail mais il faut payer pour export des
fichiers swift pi comme c'est bien trop cher pour ce que &#231;a vaut et que
chu pas un crackers alors je vais le virer ... voil&#224; je peux pas
t'aider plus..

penchu · Answer

ok, te prends pas la t&#234;te avec &#231;a, je trouverais bien une solution un jour

Merci encore

Boite qui s'ouvre

12 réponses

Votre réponse

Discussions similaires