Ma foire aux petites questions + réa d'un site web [Flash] - Web design - Graphisme
Marsh Posté le 09-11-2008 à 11:36:25
Salut,
La timeline te permet d'enchainer des animations dans un ordre chronologique, l'action script te permet tout le reste.
Désolé si la réponse te parait vague mais la question montre que tu es vraiment au tout début de tes expérimentations. Bon courage
Marsh Posté le 09-11-2008 à 12:25:40
Ici, tout doit être scripté...
Tu as plusieur solution :
Tu as un clip "couloir", et en code, tu change sa position en X, avec un tween, en fonction de ce que tu clique...
Sinon, tu fais une animation timeline (début vers fin du couloir) :
A chaque frame, une condition :
si la destination est devant => lire la frame d'après
si la destination est derrière => lire la frame d'avant, etc...
si la destination est atteinte => stop
Marsh Posté le 09-11-2008 à 13:34:44
Vos deux réponses me vont parfaitement, c'est exactement ce que j'attendais !
Un grand merci à vous, je vais me diriger vers cette optique !
J'ai une autre petite question.
Pour faire correspondre flash avec une base MySQL il faut passer par du XML absolument, passer par un script php, les deux ? Autre chose ?
Edit : Je viens de voir dans un tuto que flash peut être lié à MySQL, ça répond à ma question...
Marsh Posté le 09-11-2008 à 20:40:36
URL du tuto please, moi je passe par XML (que je génère d'après une base par PHP)
Marsh Posté le 10-11-2008 à 15:27:02
Mazette j'ai plus ça, je l'ai lu rapidos dans une rubrique je ne me suis pas plongé dedans.
Visiblement c'était extrapolé on dirait vu ta réaction
Marsh Posté le 14-11-2008 à 06:21:40
Tu as pas mal d'autres solutions mais le XML reste le mieux, grosso modo.
Surtout en AS3 ou ils ont fait de gros effort sur la gestion des objets XML.
Marsh Posté le 14-11-2008 à 08:16:54
Oui, je passais deja par XML, mais j'ai idiotement compris que Flash pouvait se connecter directement à une BD sans PHP en intermédiaire, ce qui aurait été absurde au niveau sécurité en y repensant...
Actuellement, j'ai du PHP qui génère un XML à son tour lu par flash...
Marsh Posté le 14-11-2008 à 08:28:48
Pour les grosses applis, ca vaut le coup d'utiliser AMFPHP dont l'utilisation a ete vachement simplifié avec AS3.
Marsh Posté le 14-11-2008 à 09:41:14
Mais là tu commence à me parler... le chinois !
Marsh Posté le 14-11-2008 à 12:20:13
http://www.amfphp.org/
C'est un peu délicat a assimiler mais c'est rondement efficace.
Marsh Posté le 18-11-2008 à 13:27:13
De toute manière, flash ne peut pas se connecter directement à une BDD puisque le swf n'est pas interpreté par le serveur mais par le client... Isn't it ?
Marsh Posté le 18-11-2008 à 16:31:41
C'est pas une question de client-side, c'est surtout que Flash n'est pas capable de faire des requêtes SQL
Marsh Posté le 18-11-2008 à 18:08:25
tout à fait, et heureusement, il aurait simplement fallu décompiler le .swf pour que n'importe qui puisse avoir l'identifiant/mot de passe de notre BDD !!!
Marsh Posté le 18-11-2008 à 21:36:46
Ben justement c'est ce que je voulais dire, le swf est chez le client, il n'est pas "caché" sur le serveur comme le contenu d'une page php peut l'être
Marsh Posté le 05-12-2008 à 13:17:37
J'ai une nouvelle question.
J'ai un swf full browser qui sera prévu pour les résolutions 1024. Mais en fait il sera un peu plus grand que cette résolution.
Ce qu'il faut, c'est que ceux qui soient en 1024 puissent avoir le centre de ce swf (qui sera l'essentiel de mon site/animation). Et ceux qui sont en 1280 ou plus auront droit à un peu plus de contour.
Un peu comme un vieil écran 4:3 qui ne bénéficie pas du 16/9eme et qui voit les côtés tronqués (en plus des bandes noires mais dans mon cas on s'en fous ) sans qu'il s'en rende compte et que ça perturbe sa lecture du film.
Est-ce possible ?
En un mot comme un cent, j'aimerai un swf qui soit tjrs centré sur l'écran, qu'on soit en 640x480 (gros zoom sur le milieu de mon anim), ou en 2960xhazmile (timbre poste de mon anim au milieu de l'écran), sans pour autant resizer le swf.
Voila voila, merci d'avance
Marsh Posté le 05-12-2008 à 13:29:07
C'est le cas par defaut quand tu intègre le SWF en fullscreen, non ?
Sinon, il faut que tu fasse une fonction qui replace les éléments en fonction du Stage.
Marsh Posté le 05-12-2008 à 13:41:44
Dans ton HTML tu integres ton swf en lui donnant comme hauteur et largeur 100%.
Ensuite dans ton Flash tu mets dans ton code :
Stage.scale = "NO_SCALE";
Ou un truc du genre ...
Marsh Posté le 05-12-2008 à 13:44:59
Je suis novice en actionscript, je m'y met doucement.
J'ai pas encore le swf, j'en suis au stade photoshop pour le moment.
Abais, en fait il n'y aura pas de replacement des éléments en fonction de la taille de la page. Le swf aura un fond qui se repete pour occuper toute la place de la page, et au milieu (milieu hauteur / largeur) viendra l'animation du site.
Zed, je comprend ce que tu veux dire mais avec cette manière de faire, le swf sera-t-il centré au milieu (x/y) de la page ? Si oui, il faut que je fasse en sorte dans le code actionscript de centrer le contenu du site, right ?
Marsh Posté le 05-12-2008 à 15:03:04
On s'est mal compris je crois ^^
Qu'est ce que tu veux en faite ? que ton SWF ait une taille fixe (en 1680, j'aurai des marges de 250px env de chaque coté donc) ?
Si oui, SOIT comme le dit Zed, integration 100% hauteur/largeur et le code Stage.scaleMode = "noScale"; + un code simple qui placera ton clip au centre,
SOIT (plus simple), tu fais ton SWF d'une taille fixe, fond transparent (le paterne sera dans le CSS de ta page). Ce dernier est inclu dans une DIV centrée, et en Javascript, tu impose au visiteur une autre feuille CSS si il est en low resolution (comme j'ai fais pour abais-3d).
Marsh Posté le 05-12-2008 à 18:51:42
En fait toutes ces propositions me vont.
Voila j'ai un swf avec un fond assez grand, sur ce fond le contenu du site dans un petit carré (1000*590). Ce que je voulais, c'est que le contenu reste bien au centre du browser en hauteur / largeur, et que le fond se repete dans le swf. Ce qui fait que j'ai tjrs un écran rempli dans n'importe quelle résolution.
J'aime assez ton idée d'un fond transparent pour le swf et le fond du site en css avec le fond qui se repete. Par contre je ne comprend pas le coup de la low résolution ? Tu veux dire si il est en dessous de 1024 ? En 800 ? Si il est en 800, tant pis, pas trop le choix...
Marsh Posté le 06-12-2008 à 04:42:34
Oui, tu veux un truc comme mon site en fait ...
Ben ma solution c'est le + mieux.
Marsh Posté le 09-12-2008 à 13:45:56
Ok ok merci ! Je verrai tout ça en détail quand j'en serai à cette étape.
Voila ce qui sera le centre du site. Tout ceci sera animé, y aura un ptit scenar qui tournera en boucle pendant que le site (à comprendre la page marron au milieu) sera entièrement lisible.
On voit les traits bleus qui représentent ce que pourra voir une personne en 1024x768. Enfin, ce que j'aimerai qu'elle voit, ce qui n'est pas encore gagné !
Merci pour vos coups de pouce !
Marsh Posté le 09-12-2008 à 14:30:18
si il est en full screen et que tu as bien mis :
Stage.scaleMode = "noScale";
Alors ça sera bien centré par défaut.
Le fond sera dans ta page HTML en CSS ou dans le SWF ? ?
Marsh Posté le 09-12-2008 à 14:41:55
Dans le SWF a priori ... sinon ca devient capilo tracté ...
Tres jolie fond au passage, je suis impatient de voir la suite
Marsh Posté le 09-12-2008 à 14:44:04
Merci
Dans ce cas, le fond sera dans le swf. Je vais faire en sorte que le fond se scale, en esperant que le stage.scalemode ne perturbe pas ça.
Je vais continuer à manger du tutoriel. Mon médecin m'a dis 3 fois par jour, matin midi et soir et au bout de 3 semaines, tout ira mieux !
Marsh Posté le 09-12-2008 à 18:33:47
non, le scalemode ne perturbera pas !
faut que tu mettes :
fond._width = stage._width
fond._height = stage._height
Le tout au debut, puis dans un listener si on change la taille de la fenetre Biensûr, faut que ton fond porte le nom "fond"...
Sinon, il y a un moyen d'en faire un pattern... bref
Marsh Posté le 09-12-2008 à 20:26:37
C bien agréable. Ca va être animé tout ça ?
Bonne continuation en tt cas t'es bien parti.
Marsh Posté le 09-12-2008 à 21:09:18
Merci ! Oui y a des parties qui seront animées. Bon pas grand chance mais normalement ca devrait faire son petit effet.
C'est quoi le moins gourmand en ressources d'après vous. Une image transparente avec un effet d'ombre (png ou psd, bien qu'avec les png j'ai souvent des soucis de contours), ou une ombre directement appliquée dans flash via les filtres ?
Abais : En fait j'ai fait de ce fond un pattern qui se répètent grâce à 2 tutos. J'ai donc une bande hauteur de 1440 (réso max généralement, et ça prend "que" 20 Ko) qui se répète en largeur, pour genre 100 px de largeur. J'ai pu passer en fullbrowser. Chaque élément de la scène sera placé au pixel près et c'est tout ce beau monde qui sera centré.
J'avance vraiment à tâton pour le moment. Pour chaque petite chose que je veux faire je suis obligé d'aller voir un tuto pour avoir la bonne syntaxe...
J'y arriverai
Marsh Posté le 09-12-2008 à 21:26:10
L'ombre appliquée dans flash me semble la soluce la plus légère...
Il m'est arrivé d'importé des vidéo en séquence d'image PNG (avec transparence, tout ça) et Flash le gère très bien, ça reste fluide même sur des ptites bécanes. Donc, une image...
Tu peux me filer l'url du tuto ? je ne sais pas appliquer de pattern dans flash, Shame On Me !
Marsh Posté le 09-12-2008 à 21:27:39
J'ai commencé par ça :
http://www.gotoandlearn.com/play?id=31
Mais j'avais un bug sur ma grande bande du fond. Une barre oblique coupait l'écran et mon image de test au milieu n'était pas très bien centrée.
Un autre tuto qui a pourtant exactement le même genre de code et qui m'a davantage aidé :
http://pyrrha.developpez.com/artic [...] llbrowser/
Marsh Posté le 11-12-2008 à 11:33:02
Bon, après 6 réinstall de windows et des cheveux arrachés (changement de composants pc au compte goutte), voila la suite.
Je crois que ça semble bien partit pour le début du code. J'ai pu centrer tout ça .
Toujours le cadre limite pour que je puisse bien me délimiter la zone pour les résolutions 1024.
http://test.sheeloo.net/Site%20web%20R3.html
J'ai placé le clip de l'ile via le code. Tout reste bien centré quand on redimensionne. Je vais modifier le script pour que ça se redimensionne uniquement à la fin de l'action pour éviter de trop bouffer des ressources sur les petites configs !
Je dois encore réduire la taille des png de l'ile / arbre / usine car c'est redimensionné à l'arrache dans flash, ce qui ne le fait pas vraiment et pixelise un peu les contours... (en plus de bouffer de la place).
Le reste maintenant !
Si il y a des problèmes apparents, c'est le moment !
Edit : Oooh la bonne surprise. Evidemment le fait de modifier la taille des fichiers d'origine m'oblige à tout refaire, chaque animation. Bon c'est le début ça va encore mais rah...
Marsh Posté le 11-12-2008 à 11:59:08
J'aime bien ton flash (les feuilles qui jartent !) bon, ton code HTML est pas propre...
M'enfin...
Marsh Posté le 11-12-2008 à 12:16:26
Pour ton Edit, je comprend pas... la plateforme n'est pas un clip à part entière ? (contenant les arbres, "l'astéroïde", la maison)...
Marsh Posté le 11-12-2008 à 12:23:43
Si, c'est un clip à part entière mais chaque élément du clip (végétation / ile rocher / usine) était en grande taille, celle du PSD. C'était un test dans flash, maintenant qu'il est réussi, je me devais de remettre les images à la taille d'affichage correcte de l'animation, ce que je viens de faire.
Pour le html, je me suis pas encore penché dessus, c'est la publication de flash qui m'a généré cette page, j'ai juste rajouté le margin et le padding pour ne pas avoir de marge. Je m'occuperai du html en dernier. Idem pour les espaces, pour le moment c'est provisoire, c'était pas prévu pour être en ligne encore.
Cela dit je prend bonne note des conseils que tu m'as donné.
Marsh Posté le 11-12-2008 à 12:26:06
Et je passe de 86 Ko à 57 et quelques
Marsh Posté le 11-12-2008 à 12:44:27
bien ! Merci pour les tuto, je viens de les voir !
Ils sont très pédagogue !
Sinon, ton SWF pesait que 86ko malgré le .PSD hd ? c'est déjà peu...
Marsh Posté le 11-12-2008 à 13:06:13
Oui, je fais une course aux Ko, l'optimisation, yabon !
Rah mais, plus va, et plus j'adore Flash
J'ai un violent doute... Tout le monde me dit "Il est beau ton fond rose"... ROSE ?!
Rassurez moi, vous le voyez dans les tons ocres ? Ocre se rapprochant d'une couleur chaude ?
Impossible de trouver un soft sous vista pour calibrer mon écran
Edit pour en dessous : Ne t'éloignes pas du vrai côté de la force mon enfant... La 3D doit être ta seule amie.
Marsh Posté le 11-12-2008 à 13:19:17
Oui, une vrai drogue
Moi je m'y suis mis y'a un an, et je me rend compte que je m'éloigne de la 3D... pô bien ! Heureusement que PaperVision3D va mélanger tout ça !
Marsh Posté le 11-12-2008 à 14:15:04
C'est très bon ça PaperVision 3D, j'ai été voir un peu...
Faudra voir si c'est pas trop complexe d'implanter un modèle texturé
Marsh Posté le 08-11-2008 à 14:22:55
Bonjour,
J'ai décidé de creer ce post afin de m'aider (et pourquoi pas d'aider d'autres personnes je l'espère) dans l'apprentissage de Flash. Je suis sur plusieurs tutoriels en même temps, j'en apprend beaucoup mais j'ai certaines questions de logique qui demeurent sans réponse malgré les tutoriaux.
Je vais donc poser plusieurs petites questions au fil de ce post, histoire d'aller dans le droit chemin. Si des âmes charitables peuvent me répondre, je les en remercie d'avance.
Ma première question.
J'aimerai réaliser un site ou l'utilisateur avance dans une sorte de couloir (pour faire court). En avançant, les éléments de décor défilent autour de lui. Imaginez un couloir vu de dessus comme ceci :
______________________
|a___b____c____d_____e|
L'internaute commence au point A et peut aller jusqu'au point E. Chaque lettre représente une rubrique du site.
Côté timeline, je sais animer un parcours A => E avec le décor qui défile en zoom etc.
A) Mais si l'utilisateur est au point D, et décide de revenir au point B. Comment gérer ça ?
B) Est-ce que TOUT est géré en action script (l'animation), ou est-ce que la timeline joue un rôle important ?
C) Côté timeline, peut-on déplacer la tête de lecture vers l'arrière pour faire D => B ?
J'espère avoir été clair, j'ai essayé de schématiser le plus possible.
Merci d'avance pour le temps consacré et pour vos réponses
Sheeloo
Message édité par Sheeloo le 11-12-2008 à 21:04:18