Jolywood
 

 

Volodata hébergement de site web à Montréa

FLASH

Introduction : Il y a seulement un an cette technologie tait pratiquement impossible, mais l'arrive du Flash3, de Macromedia et en juin 99 du Flash4, a acclr les choses ! Dans un avenir rapproch le web sera infest par cette nouvelle technologie. Dans un premier temps je vous fais observer cet univers un peu spcial ou les premiers artistes numriques se promønent enfin … la face du monde... De l'effet sonore aux graphiques plus fous les uns que les autres, le flash s'attaque … toutes les formes d'arts. Ensuite, l'imagination mousse, nous avalerons cet art de la communication. Télécharger la documentation officiel du Flash4 en format PDF (2.36Mo)

Premier frame, les plugins : Les plug-in sont disponnibles directement sur le site de Macromedia ou sur celui de Netscape. Et le lecteur Shockwave 7.

Deuxième frame, les logiciels : Flash 3 évidemment mais aussi Director 7 Shockwave Internet Studio pour produire les shockwaves. FreeHand 8 et Fireworks optimisé pour le Flash, Photoshop 5 , Illustrator 7 ou CorelDraw 8 pour le graphisme et Extreme 3D ou Infini-D, Bryce 3D, et j'en passe pour le graphisme 3D. SoundForge, SoundEdit 16 ou tous logiciels pour le son. Les QuickTimes et AVI sont aussi compatiblents avec le Flash.

Troisième frame, les sites : Voici, pour vous faire une ide, les sites les plus en vue utilisant le Flash. Il y a des milliers de site Flash sur le Web. Les uns prsentes leurs compagnies les autres en fond un fouillis clat toujours est-il que nous observons depuis quelques temps un intrít marqu pour le Film d'animation et pour le jeu dvelopp … partie du Flash. Notons par exemple Le gagnant du Grand Prix Havas du Jury (FIFI, festival international film de l'Internet). Kimble - Special Agent de Ian hothersall et du réalisateur et producteur Kim Schmitz. Et aussi les jeux des Aventures Interactives de Berny. Enfin cette liste vous fera fair eun petit tour d'horizon...

  • FlashZone : Un tas de ressources Flash.
  • Crazy Raven : Dveloppeur qui donne des trucs pour dvelopper du Flash...
  • Extreme Flash : Site superbe pour vous aider … dvelopper du Flash...
  • FlashPad 1.3 : Questions et rponses sur le Flash, genre de rendez-vous des dveloppeurs...
  • The flash challenge : Le top 10 de flash dont vous trouverez plusieurs exemples si dessous...
  • Mano ArtWork Project 4.5 : Donne des cours en ligne de Flash et plusieurs sons, musiques et script gratuit.
  • LionHead Studios : Très Pro avec un mouvement typiquement Flash. Présentation du jeu Black & withe.
  • hillmancurtis : Original et artistique. C'est un site à voir absolument qui montre des dizaines de leurs productions en Flash...
  • Jonni Nitro : Un vrai film...
  • Clan N3D : Science fiction (Quark)
  • EYE4U active media : Du Flash plein la page. Chargement rapide et sa bouge, et très bien... Des concepteurs allemands qui présentent leurs nombreux traveaux tous superbes.
  • +++a href : Très artistique et flayé, mais pas tellement animé.
  • Panoplie : Site bilingue. La revue organique... Amusant et rafraîchichant. Les effets sonores y sont très présents. Le téléchargement est rapide et agrémenté de distractions.
  • The void : Très beau, d'un style très monochrome c'est design jusqu'au bout des doigt. Je n'ai pas encore compris ce qu'il présente ;-). Du vrai design comme je dissais...
  • Chman on line : Très pro et bilingue, graphiquement travaillé. Allez faire prendre un coup a Chman...
  • Intellia : Belle présentation mais le Flash s'arrête là, un beau site bilingue.
  • Wolvesburrow : Il reste a travailler encore le produit... comme Volumeone Winter98 d'ailleurs.
  • Volumeone Spring 99.
  • NRG design : Présentation intéressante de la compagnie qui produit du graphisme.
  • Powazek : Drôle de gars!
  • Shift on line : En fait ils ont utilisés le flash pour faire du RollOver... Un autre eZine.
  • [New Beetle] : Le site de volkswagen qui présente la nouvelle Beatle. Simple mais professionnel.
  • Matinee New Media : Rafiné avec du 3D c'est encore une présentation corporative de compagnie de multimédia. À voir...
  • Anthronauts Web Films : Concepteur de Flash, beau site homogène...
  • First 9 Months : Superbe site sur les 9 mois de la grossesse. Le Flash y est trøs exploit...
  • PlannThin : Un minimum de Flash...

Francophone

 

L'importation d'images dans Flash

Faire une animation en Flash requiert plusieurs techniques. L'une d'entre elles consiste à intégrer des images dans notre Flash. Vous pouvez passer des heures à travailler vos images avec Photoshop et les importer en format JPEG. Malheureusement les réssultats sont souvent très lamentables et dans ce cas le Flash ne peut pas couvrir 100% de la surface active du Navigateur. Comment faire pour que le visiteur, indépendamment de la grandeur de son écran ou de sa résolution d'écran puisse voir votre Flash en plein écran?

Et bien la solution est de travailler avec des images vectorielles. Non seulement les images vectorielles sont extensibles mais elles sont très légères.Il existe deux logiciels qui produisent des images vectorielles. Illustrator fait par Adobe et Freehand fait par Macromedia. De plus vous pouvez à l'aide d'un logiciel comme Adobe Streamline convertir vos images en vecteurs. Cependant, Ce ne sont pas toutes les images que l'on peut convertir facilement, la technique est surtout utile avec les logos.

Une fois vos images créées à l'aide de ces logiciels, il ne reste qu'à les transférer dans votre Flash. Il faut savoir que les objets d'une image vont être indépendants une fois dans Flash. Exemple : le nez d'une face peut être indépendant de la face. L'expérience vous fera découvrir une myriade de trucs. De plus, si vous sauvegardez vos images avec le même nom suivi d'un numéro qui augmente, comme image1.ai, image2.ai, image3.ai, Flash interprétera ces images comme une animation et les importera comme tel.

Ces images seront complétement intégrées au Flash et donneront un rendu très professionnel. Petit trucs, vous pouvez, dans Illustrator par exemple, faire du copier coller de vos objets directement dans Flash.

Implantation du Flash sur le Web...
L'objet et le Embed HTML...

Introduction : Voici commenter ajouter un shockwave .swf sur vos page HTML avec quelque trucs. Télécharger le Flash pour l'exemple et le code HTML (8,7K). Le Flash est une création Mano Artwork Project. Veuillez poster un message à manoone@bwave.com avec l'adresse de votre site si vous utilisez le Flash. Voyez l'exemple du Flash : flash1.htm

Le code pour Internet Explorer 4.+ :

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
          codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=3,0,0,0"
          ID=site WIDTH=100% HEIGHT=100%>
     <PARAM NAME=movie VALUE="trucs2.swf">
     <PARAM NAME=quality VALUE=high>
     <PARAM NAME=menu VALUE=false>
     <PARAM NAME=bgcolor VALUE=#FFFFFF>
</OBJECT>

Description des paramètres :

CLASSID : Le numéro d'ActiveX, toujour le même et obligatoire.
WIDTH et HEIGHT : Dimension du Flash. 100% va toujour prendre tout l'espace disponnible. Noter qu'un flash est vectoriel ce qui donne de merveilleux résultat avec 100%. Enfin plus de souci avec les grandeurs et résolution d'écran.
MOVIE : Le nom physique du Flash.

QUALITY : Tant qu'a faire du Flash aussi bien le faire de bonne qualité.
MENU : À TRUE, un clic sur le bouton de droit de la souris offre un menu. À false aucun menu.
BGCOLOR : La couleur du fond par défaut.

Le code pour Netscape 4.+ : A imbriquer dans l'OBJECT.

<EMBED SRC="site.swf"
     NAME=site
     swLiveConnect=TRUE
     WIDTH=100% HEIGHT=100%
     QUALITY=high
     MENU=false
     BGCOLOR=#FFFFFF
     TYPE="application/x-shockwave-flash"
          PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?
          P1_Prod_Version=ShockwaveFlash">
</EMBED>

Description des paramètres :
SRC : Le nom physique du Flash.
NAME : Type de Flash.
swLiveConnect : Toujours à True.
WIDTH et HEIGHT : Dimension du Flash. 100% va toujour prendre tout l'espace disponnible. Noter qu'un flash est vectoriel ce qui donne de merveilleux résultat avec 100%. Enfin plus de souci avec les grandeurs et résolution d'écran.
QUALITY : Tant qu'a faire du Flash aussi bien le faire de bonne qualité.
MENU : À TRUE, un clic sur le bouton de droit de la souris offre un menu. À false aucun menu.
BGCOLOR : La couleur du fond par défaut.
TYPE : Information pour le navigateur. Sans cette ligne le Flash ne fonctionne pas sur le Web mais fonctionne sur votre ordinateur. Copier la ligne intégrale.
Pour être sûr : Pour être vraiment sûr que le Flash fonctionne sur toutes les plate-formes avec IE, ajoutez ces tests Javascript pour sélectionner le type de MIME et Plug-in le plus approprié. A imbriquer entre l'OBJECT et le EMBED.

<SCRIPT LANGUAGE=JavaScript>
<!--
function checkForShockwave()

{
navigator.plugins.refresh();
if ( navigator.plugins["Shockwave Flash"] ){
parent.location.reload();
} else {
setTimeout( "checkForShockwave()", 1000 );
}
}

var ShockMode = 0;

if (navigator.mimeTypes &&
navigator.mimeTypes["application/x-shockwave-flash"] &&
navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin) {

if (navigator.plugins && navigator.plugins["Shockwave Flash"])
ShockMode = 1;
}

if (!ShockMode &&
navigator.appName && navigator.appName.indexOf("Netscape") != - 1 &&
navigator.appVersion.indexOf("4.") != - 1
&& navigator.javaEnabled() && netscape.softupdate.Trigger.UpdateEnabled() && document.cookie.indexOf("StartedShockwaveInstall") == -1) {
var jarPath = new String("");
if (navigator.platform.indexOf("Win32") >= 0 )
jarPath =
"http://download.macromedia.com/pub/shockwave/jars/english/silentflash32.jar"
else if (navigator.platform.indexOf("Win16") >= 0 )
jarPath =
"http://download.macromedia.com/pub/shockwave/jars/english/silentflash16.jar"
else if (navigator.platform.indexOf("MacPPC") >= 0 )
jarPath =
"http://download.macromedia.com/pub/shockwave/jars/english/silentflashppc.jar"
if (jarPath.length) {
netscape.softupdate.Trigger.StartSoftwareUpdate(jarPath,
netscape.softupdate.Trigger.FORCE_MODE);
document.cookie='StartedShockwaveInstall;path=/;'
setTimeout("checkForShockwave()", 1000);
}
}
//-->
</SCRIPT>
L'implentation des codes : Il faut imbriquer le EMBED et le SCRIPT dans l'OBJECT comme ceci. Si le navigateur est Netscape il ne verra pas l'Object et si c'est IE il ne verra pas le EMBED. Comme c'est brillant ;-)


<OBJECT...
     <SCRIPT...
     .../SCRIPT>

     <EMBED...
     ... /EMBED>
.../OBJECT>

Le hockey cosom du YMCA Hochelaga-Maisonneuve

jeanjoly@hotmail.com

1