Le SWF ou  ShockWave Flash dans du HTML

  <a href="https://wubijacq.com/swf/index.html"><img border=1 src="https://wubijacq.com/accueil/bv000014.jpg"/</a></a>
code: bouton facile à copier-coller dans une page web (entre des balises HTML)

Historique: copie du premier paragraphe de Cerig.efpg.inpg.fr (je n'aurais pas pu faire mieux)
Le créateur de Flash, Jonathan Gay, est un américain passionné d'informatique qui commence sa carrière en créant des jeux pour ordinateur, alors même qu'il n'a pas fini ses études. Des jeux il passe au logiciel de dessin vectoriel (pour Mac et PC) dans le cadre d'une petite entreprise (Silicon Beach Software), laquelle tente sans succès de concurrencer le logiciel Illustrator d'Adobe. Au début de 1993, Gay décide de créer sa propre entreprise, dénommée FutureWave Software. Il publie un nouveau logiciel de dessin vectoriel (SmartSketch), mais c'est un nouvel échec. Au milieu de 1995 Gay comprend que le marché du logiciel de dessin est trop encombré, et il décide d'abandonner l'image fixe au profit de l'image vectorielle animée. Simultanément, il songe à diffuser ce type d'image sur le web -- une idée révolutionnaire pour l'époque. Remanié, SmartSketch devient FutureSplash Animator, le logiciel qui permet de créer la célèbre image de la balle qui avance en rebondissant. En fait, les premières démonstrations ne soulèvent pas l'enthousiasme : la balle rebondit fort lentement... D'abord, les ordinateurs de l'époque n'ont pas la puissance que nous leur connaissons aujourd'hui. De plus, une partie du programme est écrite en Java, et les mauvaises langues vous diront que pour la rapidité, on fait mieux (du moins en 1995). Bref, la technologie de Gay est un peu trop en avance sur son temps. A l'automne de 1995, Gay essaye sans succès de vendre son produit à Adobe, puis à Fractal Design. Au milieu de 1996, il le lance sur le marché, où il rencontre un certain succès, ses deux plus célèbres clients étant MSN et Disney Online. En novembre 1996, l'éditeur Macromedia propose de racheter FutureWave. Étant donné qu'en quatre années de fonctionnement, Gay a beaucoup plus dépensé qu'il n'a gagné, il accepte l'offre. Le logiciel change une fois de plus de nom, et devient Macromedia Flash 1.0., tandis que son créateur prend chez l'éditeur le poste de vice-président en charge de Flash.
Aujourd'hui, Flash est utilisé par de nombreux développeurs de sites web, et on estime que plus de 90 % des internautes sont équipés du plug-in correspondant. Certes, il est regrettable que ce format soit la plupart du temps utilisé pour réaliser des animations ineptes, qui n'ont pas d'autre résultat que d'impatienter l'internaute (d'où la présence du fameux bouton "skip intro"). Mais ces errements n'enlèvent rien à la valeur technique du produit.

L' animation gif

soleil fond gris
le gif animé (taille : 5,31ko) sera converti en animation .swf avec Gif to Swf converter 2.6-shareware période d'essai 7 jours
. Editeur: 789soft. Téléchargeable en .zip (version plus récente) à CCM. Attention il font payer à certaines nouvelles versions

        Conversion en animation swf créée avec ce logiciel


Le fond transparent n'a pas été été restitué dans cette animation SWF le logiciel coûte (11.95 dollars) . Ici encore en période d'essai de 7 jours (avec le watermark en rouge)

comment corriger

(taille:18,4Ko) . Avec la clé de licence activée le tatouage rouge a disparu mais le fond transparent de mon animation SWF n'a toujours pas été restitué . Mais ce n'est pas grave: vous pouvez toujours refaire la couleur d'arrière-plan des frames gif originels (par exemple avec mtpaint et gifsicle qui gèrent bien les formats gif) dans la même couleur que le fond de votre page web (pour cela vous pouvez vous servir de Gpick (la pipette magique) , refaire le gif animé et le reconvertir ensuite en SWF .

Et voilà !


C'est un peu laborieux mais cela fonctionne
(sauf que n' ai volontairement pas utilisé le bon gris) la page est en" #CCCCCC" et mon fond en "#B2B2B2". taillle : 5,41ko .
Voyez ce que rend cette même animation: "SOLEILGRIS.SWF" plus bas en plein écran

NOUVEAU  je pense que j'ai trouvé un petit logiciei qui peut atténuer cet effet d'escalier. (SmillaEnlarger) mais les frames gif sont rendues en format png !
                                                   
historique du format SWF

Logiciels et outils gratuits


Pour Windows:
Free Gif2SWF Converter
Ce logiciel convertit les gif animés ou statiques en format SWF. Il est totalement gratuit

téléchargement wubijacq.com

png2swf est un outil de SwfTools

SWFTOOLS est multi-plateforme . License GNU/GPL

Ce que donne le fichier SWF en plein écran

Les frames .gif de départ auraient été 3 ou 4 fois plus grandes l'animation Swf aurait été avantagée à cause de l'effet "escalier" des images BITMAP quand on les agrandit . Dans le cas présent le gif animé de départ ne fait que 130x120 c'est petit !
L'effet d'escalier se voit surtout dans des lignes courbes
SOLEILGRIS.SWF

Insérer un fichier flash swf dans une page HTML

Avec OBJECT et EMBED       
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="600">
<param name="movie" value="votre animation.swf">
<param name="quality" value="high">
<embed src="votre animation .swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="600"></embed></object>

Mais maintenant plus de 90% d'ordinateurs étant pourvus de ShockWavePlayer voire de FlashPlayer, certaines spécifications sont dès lors superflues. Et vous pouvez aussi indiquer la hauteur et la largeur du fichier en pixels ou en pourcentage
avec OBJECT seulement
<object type="application/x-shockwave-flash"
data="votre_animation.swf" width="100%" height="100%">
<param name="movie" value="votre_animation.swf" />
<param name="wmode" value="transparent" /> (ou value="window")
<param name="play" value="true" />
<param name="loop" value="true" />
</object>


mer-et-soleil.gif.html

Sur une animation SWF en arrière-plan vous pouvez écrire ou placer des images en HTML

Mais pour cela vous devez faire des DIV nommés calques (layers) avec z-index                                                     
Et vous pouvez créer ainsi vos web e-mail cards ou cartes virtuelles ou cartes de visite ouaibe .
En plus vous pouvez mettre des liens dans votre SWF . Et puis vous n'êtes pas obligé de faire une animation flash , une seule image .swf (fixe) peut très bien convenir si elle est jolie . . Dans l'écran qui s' affiche si vous avez Firefox vous faîtes clic-droit dans le coté le plus à droite et  Envoyez le lien (Send Link) . Voila il y a juste à mettre le nom du correspondant
les dimensions conviennent  pour envoyer vers un  Smartphone
J'ai ajouté une e-card GIF car certains smartphones ne supportent pas Flash
e-cards SWF et GIF
Parmis les fichiers SWF nous trouvons aussi de nombreux Players (lecteurs audio mp3, video FLV) et les Skins (barres, boutons de contrôle, conteneurs, etcétéra
composant l'interface graphique)
Comme cet élégant MP34.swf trouvé ICI
Audio Player 10

SWF un format libre ?

Tout comme le format pdf développé par Adobe , une partie du code swf est libre . Beaucoup de développeurs se sont intéressé à PDF , propriétaires ou libres (Ghostgum et son ghostscript) mais beaucoup moins à SWF à cause de l'hégémonie et l'avance technologique d'Adobe Flash dans ses logiciels de graphisme et sur le web (avec YouTube entre-autres) . En fait on pourrait très bien se passer du format flash propriétaire et le HTML a un code libre , lui.

logiciels SWF libres et gratuits

le lecteur Swfdec avait l'avantage par rapport au lecteur officiel d'Adobe (originellement conçu par Macromedia) de pouvoir fonctionner aussi avec les processeurs 64bit. Swfdec offre aussi un plug-in pour Firefox dans les distributions Debian

Le développement de SWFDEC semble arrété

Et des outils de conversion ou d'animation

SwfTools est indispensable et se trouve dans Synaptic pour Ubuntu

Le logiciel SwfTools dispose de plusieurs outils dont gif2swf, jpeg2swf, png2swf et d'autres qui ont chacun leur spécificités

png2swf en table de commande

Attention swftools n'aime pas beaucoup le chiffre 0. Commencez par numéroter vos frames à partir du chiffre 1. Vous avez 28 frames (phases lunaires) nommées lune1.png, lune2.png, lune3.png ..etcetera, toutes dans un même répertoire ou dossier.
Pour Ubuntu, avec nautilus-open-terminal installé (il est dans Synaptic):
clic droit dans ce dossier => Ouvrir avec un terminal et taper:

png2swf -r 9 lune* .png -o lune.swf -v 1
plutôt que de faire:
png2swf -r 9 -o lune.swf -v 1 lune1.png lune2.png lune3.png....etcétéra

kézako?
-r ou --rate c'est le nombre d'images par secondes (9 frames/second ou 9 f/s)
-o ou --output c'est le nom qui sera donné à votre fichier SWF
-v ou --verbose pour faire "parler" votre terminal: c'est mieux de mettre -v 1 pour que le terminal puisse nous avertir d'éventuelles erreurs
Mais c'est pareil le fond de l'animation SWF est toujours noir?
La transparence s'observera seulement quand vous aurez inséré votre fichier SWF dans une page HTML avec le paramètre -- voir plus haut (avec OBJECT seulement):

<param name= "wmode" value="transparent"/>

Un outil qui peut vous aider à insérer votre fichier SWF. Il se présente sous forme de page HTML avec un questionnaire. Vous répondez au questionnaire et vous générez votre code que vous n'avez plus qu'à copier-coller dans un éditeur de texte avec l'extension .html.:
SWFobject generator version en ligne ou version zippée à installer dans votre PC

SWFTOOLS peut s' utiliser en table de commande dans Linux, MAC et Windows

Ondulations avec pdf2swf chez melusine.eu.org
                               
                                                           

SWFTools mode d'emploi et téléchargement pour Windows

mode d'emploi

de Sébastien Bévière

Vous n' aurez que le raccourci de pdf2swf sur le bureau
mais le dossier swftools sera bien à
C:\ Program Files x86\ swftools

swftools-0.9.2.exe

Wiki de SWFTools

Pencil2d

Pencil was an animation/drawing software for Mac OS X, Windows, and Linux. It lets you create traditional hand-drawn animation (cartoon) using both bitmap and vector graphics. Pencil is free and open source. Mais l'export au format flash ne fonctionne pas bien sur Linux et Windows , il fonctionne mieux sur sur Mac .

Downloads Pencil2d beta



               

ActionScript

est le langage de programmation de Flash pour la création d'applications avancées , langage permettant de créer des animations interactives et des jeux vidéo en ligne. ActionScript peut gérer  le déroulement d'une animation, mais également les actions des visiteurs (déplacements de la souris, clics et pressions sur les touches du clavier) . Liste des ressources Actionscript à  CodeS-SourceS .  C'est un peu comme le Javascript beaucoup d'exemples à  encore CodeS-SourceS !  ->

ya d'la pomme et de la betterave dans le code . Vous gagnez quand les pièces d'or s'entassent en bas de l'image , sinon...


vous pouvez peut-être essayer en ajoutant de la cerise dans ce code . Bonne chance !
SWF est un format d' image vectoriel. Il existe un autre format d' image vectoriel qui est le SVG.
SVG a un code ouvert, activement développé par le consorsium W3C
.
.

statistiques

who's.amung.us
  Partager

  
message wwg1.com

Annonce Google


wubijacq.com Cliquez ici pour vous abonner à ce flux RSS