[size=200:1of9zpj5][b:1of9zpj5]Partie II : Utilisez vos propres images[/b:1of9zpj5][/size:1of9zpj5]






[b:1of9zpj5]Etape 1 - Importation des images[/b:1of9zpj5]

Faîtes clic-droit, enregistrez sous... pour ces deux images :

[img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/image_canif&#46;png[/img:1of9zpj5]   [img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/image_rose&#46;png[/img:1of9zpj5]

Fermez la fenêtre Action. Le bloc en bas à  droite de l'écran est la bibliothèque ; elle contient quatre fichiers.

[img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/9&#46;png[/img:1of9zpj5]

Supprimez-les tous, sans exception.

Réimportons à  présent les deux images. Pour ce faire, deux méthodes :

- Faîtes glisser &quot;image_lame.png&quot; et &quot;image_rose.bmp&quot; dans la fenêtre Bibliothèque à  partir de l'explorateur Windows. 
- Fichier &gt; Importer &gt; Importer dans la Bibliothèque.






[b:1of9zpj5]Etape 2 - Conversion en clip[/b:1of9zpj5]

Telle quelles, ces images ne sont pas exploitables : il faut les convertir en &quot;clip&quot; pour qu'elles le deviennent. Voici comment procéder.

- Faîtes glisser &quot;image_lame&quot; de la bibliothèque vers la zone de travail centrale
- Clic droit sur la nouvelle image, puis &quot;Convertir en symbole&quot;.
- Dans la case &quot;Nom&quot;, tapez &quot;lame&quot;.
- Cliquez au besoin sur &quot;Avancé&quot;, et cochez &quot;Exporter pour ActionScript&quot;.

[img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/10&#46;png[/img:1of9zpj5]

- Le nom &quot;lame&quot; est apparu dans la case &quot;Identifiant&quot;. C'est ce nom qui sera utilisé dans le code.
- Cliquez sur OK.
- Supprimez finalement l'image de la zone de travail (touche &quot;Suppr&quot;, ou Clic droit - &quot;Couper&quot;).

Un clip nommé &quot;lame&quot; est apparu dans la bibliothèque : c'est tout ce dont nous avons besoin.






[b:1of9zpj5]Etape 3 - Découpe de forme[/b:1of9zpj5]

Pour la rose, c'est plus délicat : il faut préalablement supprimer le fond noir de l'image. Cette étape est indispensable, [u:1of9zpj5]même[/u:1of9zpj5] si le fond est déjà  transparent : sans cela, on détectera les collisions avec le cadre de l'image, et non avec l'image elle-même.

- Faîtes glisser &quot;image_rose&quot; de la bibliothèque vers la zone de travail.
- Faîtes &quot;Ctrl + B&quot;.
- Dans la boîte à  outil (gauche de l'écran), cliquez sur l'outil &quot;lasso&quot;.
- Cela fait apparaître deux &quot;baguettes magiques&quot; plus bas. Cliquez sur celle de droite.

[img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/11&#46;png[/img:1of9zpj5]

- Réglez &quot;Seuil&quot; à  150, et mettez &quot;Pixels&quot; pour &quot;Lissage&quot; (si ce n'est déjà  fait).
- Faîtes OK.

[img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/12&#46;png[/img:1of9zpj5]

- Cliquez dans la zone noire de la rose.
- Une baguette magique apparaît. Cliquez à  nouveau : seule la zone noire est sélectionnée.
- Faîtes Ctrl + X pour la supprimer.

[img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/13&#46;png[/img:1of9zpj5]

Il ne vous reste plus qu'à  convertir la rose restante en clip, comme précédemment. 






[b:1of9zpj5]Etape 4 - Point d'ancrage[/b:1of9zpj5]

Pour finir, réglons le &quot;point d'ancrage&quot; de la rose. C'est le pixel qui servira à  repérer ses coordonnées, et autour duquel elle tournera. Par défaut, c'est le pixel haut-gauche.

- Dans la bibliothèque, double-cliquez sur l'icône bleue du clip &quot;rose&quot;.
- Déplacez la rose jusqu'à  ce que la croix (point d'ancrage) soit en son centre.

[img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/14&#46;png[/img:1of9zpj5]

- Vous pouvez également régler ce point numériquement, dans les cases X et Y (en bas de l'écran).
- [u:1of9zpj5]Retournez[/u:1of9zpj5] à  la zone de travail en cliquant sur &quot;Scène 1&quot; (si vous ne le faites pas, je ne réponds plus de rien).

[img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/15&#46;png[/img:1of9zpj5]

Nous avons à  présent tout remis en place. Pour vérifier que tout baigne, ouvrez la fenêtre Action, copiez-collez le code de l'Etape 11, et testez.






[b:1of9zpj5]Etape 5 - Lissage[/b:1of9zpj5]

Dans la bibliothèque, cliquez-droit sur image_rose (le fichier Bitmap), et faites &quot;Propriétés&quot;. Cochez &quot;Autoriser le lissage&quot; : cela floutera l'image lors des déplacements et rotations, ce qui est bien plus agréable à  l'oeil qu'une odieuse pixellisation.

[img:1of9zpj5]http&#58;//img166&#46;imageshack&#46;us/img166/5421/17lm9&#46;png[/img:1of9zpj5]

Si, par le futur, vous rencontrez des problèmes de découpe, vérifiez également que le format de compression est bien .PNG ; n'utilisez les formats compressés que pour les images purement décoratives.






[b:1of9zpj5]Etape 6 - Paramètres du document[/b:1of9zpj5]

En bas de l'écran doit se trouver un onglet &quot;Propriétés&quot;. S'il n'y est pas, faites &quot;Fenêtre &gt; Propriétés &gt; Propriétés&quot;. Vous pouvez y régler....

- La taille de la fenêtre de jeu. Laissez-là  à  640x480, si vous voulez héberger sur ImageShack.
- La cadence, ou nombre d'itérations par seconde (cf. partie précédente). 120 est la valeur maximale, qui garantit la meilleure fluidité.

[img:1of9zpj5]http&#58;//borv&#46;free&#46;fr/flash/16&#46;png[/img:1of9zpj5]

Enfin, si vous faites &quot;Clic droit &gt; Propriétés&quot; dans la zone de travail, vous pourrez régler la couleur d'arrière-plan.






[b:1of9zpj5]Etape 7 - Héberger votre jeu sur ImageShack[/b:1of9zpj5]

Rien de plus enfantin. A chaque fois que vous testez votre jeu, un fichier &quot;tutoflash.swf&quot; est généré dans le même répertoire que &quot;tutoflash.fla&quot;.

- Rendez-vous sur <!-- m --><a class="postlink" href="http://imageshack.us/">http://imageshack.us/</a><!-- m -->
- Faites &quot;Parcourir&quot; et allez chercher ce fichier &quot;.swf&quot;.
- Cliquez sur &quot;Host it&quot;, Patientez.
- Copiez le lien en bas de la page qui s'affiche, et collez-le dans la barre d'adresse.
- Votre jeu s'affiche, vous devrez juste cliquer dans sa fenêtre pour que les commandes fonctionnent.






[b:1of9zpj5]Etape 8 - Allez, et flashez[/b:1of9zpj5]

Vous êtes maintenant à  même de produire votre première oeuvre flashéenne, ce que je vous enjoins à  faire (et à  poster fièrement sur le présent topic).

Juste un détail : si vous essayez de créer directement un nouveau projet, vous vous heurterez à  moultes problèmes de configuration. Je vous conseille donc vivement de copier le fichier &quot;tutoflash.fla&quot;, le renommer et l'ouvrir pour entamer quelque chose de neuf.