begin process at 2010 03 18 06:27:27
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Tutoriaux

 > INTÉGRER UNE POLICE SPÉCIALE DANS UNE ANIMATION

INTÉGRER UNE POLICE SPÉCIALE DANS UNE ANIMATION


 Information sur le tutoriel

Note :
8,08 / 10 - par 12 personnes
8,08 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

 Description

Tout le monde en parle, tout le monde sait que c'est faisable...mais manquait une référence sur ce site! Ce sera chose faite!

Tutorial

Salut,

Alors je me permets de reprendre une réponse de michto sur le forum qui m'a vraiment aidé à une époque et depuis j'ai croisé pas mal de gens ayant le même soucis que moi. Alors au lieu de les rediriger vers un post sur le forum (fallait que je le recherche à chaque fois! lol), je le reprends ici.

Extrait de http://www.flashkod.com/forum.v2.aspx?ID=482125

***************************** EXTRAIT *******************************

- D'abord dans la bibliothéque, dans le menu :  "New Font" (Nouvelle Police).
- Dans la fenêtre tu choisis ta police et tu la nomme (peu importe le nom).
=> Dans la bibliothèque, ta police apparait (icône A).
- Clic droit sur la police, dans le menu volant : "Linkage" (Liaison)
- Coche "Export  pour Action Script" (laisse la derniére case cochée qui s'affiche automatiquement).
- Donne un identifiant. Celui-là est IMPORTANT ex : MaPolice (tu va le réutiliser dans ton code).
... voila pour la préparation de la police.

- Dans ton code :
monChampTxt.embedFonts = true;
monChampTxt.text = "Avec FlashKOD mes anims, elles ont un beau poil !!";
var formTxt:TextFormat = new TextFormat();
formTxt.font = "MaPolice";
monChampTxt.setTextFormat(formTxt);

Tu dois appliquer le format de texte à tous les textes que tu souhaiteslisser !!! (c'est pas automatique). J'ai testé avec des caractéresspéciaux (þ±ß...etc) et ça marche trés bien.

*************************** FIN EXTRAIT ******************************

...dans le post d'origine, il était question d'un problème sous MAC, ...si certains d'entre vous veulent tester...n'hésitez pas à faire des commentaires!

@+! Samy

 Historique

14 avril 2006 16:53:57 :
Correction d'une faute d'orthographe! ;)

Commentaires

Commentaire de on_drag_on le 14/04/2006 16:25:01

Raaaaaah, je passe par hasard et tombe sur ce sujet ^^! j'avais bien galérer là-dessus.
http://www.flashkod.com/infomsg/INTEGRATION-POLICE-0_597973.aspx
:-)
A+!
P.S.: monChampTxt.embebFonts = true;   (petite correction: embed...)
comme quoi encore une fois copier-coller sans regarder c'est le meilleur moyen de se planter ! ;-D

Commentaire de goldenboy68 le 14/04/2006 16:53:00

...pourtant j'avais corrigé quelques fautes de français! lol

Commentaire de goldenboy68 le 14/05/2006 21:03:04

Si le voteur pouvait expliquer son 3/10...y a-t-il une erreur dans le tuto?

Commentaire de on_drag_on le 15/05/2006 14:21:07

?? ça m'est aussi arrivé. apparemment y'a des petits malins qui passent leurs temps à faire ch*** sans explications. du coup quand je cherche qq-chose moi la note je m'en fout, je lis les comments ;-)
Je mets un 10, parce que c'est un tuto somme toute simple mais ô combien utile.

Commentaire de goldenboy68 le 15/05/2006 14:45:11

Merci...

je suis pas contre la critique, mais faut-il encore qu'elle soit justifiée! :)

@+! Samy

Commentaire de nem51 le 18/09/2006 12:05:06

bonjour,
j'ai fait la manip mais il y a quelque chose qui ne marche  pas pour la tester je prend mon anim et la lis sur un autre ordinateur qui na pas la police et sans la manip c vrai sa ne marche pas du tout et mon anim fait 87ko après la manip mon anim fait 467ko mais je vois tjs pas la police la zone reste blanche.
Mon animation comporte un champ de texte dynamique qui se rempli en chargeant un fichier XML j'ai copier le code j'ai juste enlever cette ligne
monChampTxt.text = "Avec FlashKOD mes anims, elles ont un beau poil !!";
Si vous comprenez merci de m'expliquer

Commentaire de nem51 le 18/09/2006 12:18:20

En fait j'ai trouvé donc si sa peut aidé kkun verifier bien que l'ordi sur lequel vous tester l'animation possède bien la même version du lecteur flash de votre animation ;)

Commentaire de max_snsn le 18/10/2006 14:13:53

hello
mon bléme est de comprendre ou est ce qu'il faut placer le code
merci pour votre aide

Commentaire de goldenboy68 le 18/10/2006 14:25:20

Salut,

Tu peux le mettre sur la première image directement (clic sur la 1ère image, puis code à coller dans le panneau "Actions").
Ensuite, il suffit de modifier les chemins jusqu'à ton champ texte pour qu'il corresponde bien.

@+! Samy

Commentaire de jeremy7327 le 31/10/2006 22:43:32

je ne sui pas capable.
je place le code a la première image et dan la sone se texte je met le nom de la police comme variable.

si ce n'ai pas sa qu'il fau faire dite le moi.
sinon quelqu'un a un fichier fla pour que je le fai a partir de.

Commentaire de goldenboy68 le 01/11/2006 12:40:59

C'est pas la variable de la zone de texte qu'il faut définir, mais le nom de la zone de texte.

@+! Samy

Commentaire de attaoui_01 le 23/11/2006 01:16:36

Merci

Commentaire de van2301 le 25/04/2007 19:09:07

Hello.

Je viens d'intégrer ce code dans mon anim, et effectivement cela fonctionne.
Je rencontre toutefois un problème.

Mon texte est un fichier .txt externe, chargé dynamiquement dans une zone de texte dynamique.
J'ai mis des balises de type <b> ou <i> ou encore <font>, mais ces balises gêne le bon chargement du texte.
Si quelqu'un peut m'aider…

Merci d'avance.

Commentaire de goldenboy68 le 26/04/2007 13:42:30

Pour afficher un texte formaté avec des balises HTML, il faut utiliser:
tonChampTexte.htmlText ="...";

@+! Samy

Commentaire de recco le 19/05/2007 22:27:25

Bonjour. Si mon texte est statique, ai-je besoin de tout ce code ou est-ce que mettre la police dans la bibliothèque suffit ? Merci.

Commentaire de goldenboy68 le 21/05/2007 08:29:36

Non, si le texte est statique tu ne devrais pas avoir besoin de tout ce code (ni même d'intégrer la police dans la bibliothèque).

=> à tester quand même

Si ça marche pas, tu peux cliquer sur "Intégrer des caractères" dans les "Propriétés" et au pire, tu fais 2 fois Ctrl+B pour convertir ton texte statique en image (là plus aucun problème de police! Mais à voir au niveau du poids de l'anim!)

@+! Samy

Commentaire de mouahaha le 10/06/2007 12:27:51

Exactement ce qu'il ma fallait, je savais intégrer des caractères, mais pas utiliser une police intégrée depuis le code...
Il me manquait le embedFonts en fait.
Merci beaucoup.

Commentaire de ademus le 24/10/2007 17:25:24

variante :

On créer une champ texte en dur (eventuellement masqué) et on clique sur "Intégrer" dans le panel propriété.
La police de ce champ devient incorporée à l anim flash et peut même être appelée par du script.

Plus besoin de créer une police dans la bibliothéque.

Commentaire de goldenboy68 le 24/10/2007 19:34:29

Mouais, suis pas sûr que tous les caractères soient intégrés de cette manière. Et si tu sais pas quels types de caractères vont être utiles dans ton champ, c'est pas forcément une bonne façon de faire.

Commentaire de jak645 le 01/01/2008 23:56:32

Serais pas plus simple avec flash tu cree un texte et tu choisi le fonts plus bas tu cree ton fonts avec un logitiel et tu exporte de windows fonts et tu va chercher avec flash 8 non ;p

Commentaire de goldenboy68 le 03/01/2008 08:33:21

La méthode expliquée dans ce tutoriel est l'intégration par ActionScript. Il est possible d'intégrer une police dans la partie "Propriétés" d'une zone de texte, mais la méthode ne me plaît pas trop :
- quelqu'un qui ne le sait pas ne verra pas forcément que des caractères ont été intégrés
- si c'est pour de la création dynamique de champs textes t'es quand même obligé de bidouiller et d'avoir un champ posé sur la scène
- et enfin si tu changes de PC, en recompilant avec la police dans la bibliothèque il me semble que ça marche alors qu'en intégrant dans "Propriétés" je suis pas si sûr...m'enfin ça c'est à vérifier.

@+! Samy

Commentaire de crewstyle le 29/04/2008 15:54:03

Salut Samy :)
C'est juste pour te dire merci ^^

Donc, merci :)
++


PS (tant que j'y suis) :
- comment faire fonctionner ceci : formTxt.bold = true;
(j'ai beau mettre ceci, la police ne se graisse pas :s
En vous remerciant d'avance)

Commentaire de goldenboy68 le 29/04/2008 16:02:44

Alors de mémoire y'a souvent des problèmes si tu veux mettre différents types de caractères dans une même zone de texte.

Si le gras fonctionne pas, c'est sans doute qu'il n'est pas embarqué dans la police, il doit y avoir une 2ème police pour le gras...mais par contre pour faire cohabiter le gras et le non-gras...j'ai jamais testé à vrai dire.

Sinon, il me semble qu'en sélectionnant "Gras" au niveau des propriétés de la zone de texte, ça t'embarques le Gras, mais pas sûr que tu puisses avoir du gras et du non-gras comme dit.

...à tester !

@+! Samy

Commentaire de crewstyle le 29/04/2008 16:05:28

Tu te casse la tête pour rien l'ami :) (ou alors me suis mal exprimé ^^) :
Je veux juste faire apparaitre mon champ dynamique en gras.

Et effectivement, tu dois avoir raison sur le fait que la police n'embarque pas le gras.
Merci pour tes lumières :)


(perso, je te mets 11/10 ^^)

Commentaire de healdegarde le 29/05/2008 19:03:55

salut tout le monde je débute en AS et quelque question me vienne

monChampTxt.embedFonts = true;
monChampTxt.text = "Avec FlashKOD mes anims, elles ont un beau poil !!";
var formTxt:TextFormat = new TextFormat();
formTxt.font = "MaPolice";
monChampTxt.setTextFormat(formTxt);

Je dois changer monChampTxt. par quelque chose ? ou bien ne pas toucher a sa et changer uniquement le "MaPolice" par le nom de la police que j'ai défini bien avant ?

Car pour le moment j'ai changer le MaPolice par le nom de ma police et sa ne modifie pas la police sur un autre pc
faut il mettre le code sur l'action du texte et sa pour tous les texte ou seulement sur la 1 scène dans le calque actions la ou je met tous mes code de mon site ?

Commentaire de goldenboy68 le 29/05/2008 22:59:31

c'est juste la structure qui est décrite, faut adapter à ton projet après.

monChampTxt faut remplacer par le nom d'occurence de ton champ texte dynamique

MaPolice c'est le nom que tu as donné à ta police une fois importée dans la bibliothèque

Ensuite ça devrait être bon...enfin si tu débutes, tu vas faire quelques p'tites perles, mais bon, c'est en se plantant qu'on apprend aussi.

@+! Samy

Commentaire de zacopol le 23/06/2008 21:28:46

Oh!
Merci ! merci !
jusqu'a présent je résolvais ce problème en créant un champ de texte sur ma scène et en lui ajoutant les polices dans les propriétés (et effectivement en changeant de pc ça pose un problème si la police n'est pas installée, il ne la trouvera pas);
et donc je ne peux que saluer bien bas (et ajouter dans les favoris au passage ;) )

10/10 ^^

Commentaire de bousty le 14/08/2008 17:29:53

Merci beaucoup
Encore une fois je trouve ma réponse ici, simple et efficace encore merci

Commentaire de Ezeel le 23/09/2009 21:48:33

Vraiment super, j'en avais besoin pour utiliser une police précise pour faire mon preloader pour mon site.
Nickel :)

Commentaire de chadock1 le 01/10/2009 15:57:59

Merci pour ce tutorial.

Mais j'ai remarqué que ce bout de code ne fonctionnait pas toujours bien et j'ai pu découvrir au bout de nombreuses heures pour quel raison.

En effet, j'ai du intégrer une police pour un site flash réalisé en AS3. J'ai donc créé plusieurs classes et intégré ce bout de code pour des textes dynamiques.
Malheureusement la police ne s'affichait pas, laissant à la place un grand vide.

Et voilà ce que j'ai du transformer :

monChampTxt.embedFonts = true;
monChampTxt.text = "Avec FlashKOD mes anims, elles ont un beau poil !!";
var formTxt:TextFormat = new TextFormat();
var myFont:MaPolice = new MaPolice();              // Et oui il manquait la déclaration de la variable
formTxt.font = myFont.fontName;                    // sans oublier de transformer l'affectation de formTxt.font
monChampTxt.setTextFormat(formTxt);


J'espère que ca pourra aider

Salutation et encore merci

Commentaire de goldenboy68 le 01/10/2009 23:03:12

C'était pour la version 7 de Flash je crois le tutorial ! AS3 n'existait pas encore ;) Faudra que je modifie un jour pour rester à la page !

@+!

Commentaire de fattiflleur le 10/11/2009 13:49:35

salut à tous vraiment j'ai bcp besoin de votre aide,j'ai besoin de Réaliser des simulateurs réseaux avec flash,j'ai aucun aider pour faire ça.ou bien c'est la réalisation de l'acheminement des
packets UDP/IP .

Commentaire de philich le 17/12/2009 00:35:44

Merci pour ce tuto (et merci à tous pour ce site).
Cependant j'ai une question.
Si je charge un .txt externe (en local par exemple) qui contient un enrichissement de type HTML. Sauriez vous m'expliquer pourquoi je ne parviens pas à afficher ces enrichissement une fois la typo "embedée" ? Tout se passe bien sans l'embed mais sinon tout reste en "plain", pas de gras ni d'ital.
J'imagine bien qu'il faudrait intégrer aussi les différentes variante de cette typo mais je ne vois pas comment déclarer plusieurs style à une même zone de texte.

Voici le code de la frame :

NewDates = new LoadVars();
NewDates.onLoad = function() {
concerts_txt.html = true
concerts_txt.embedFonts = true
concerts_txt.font = "georgia"
concerts_txt.htmlText = this.texte;
};
NewDates.load("fichiers/dates.txt");
stop ();


J'espère m'exprimer assez clairement..
pour une fois google n'a pas été mon ami.. ;)

Merci à tous,
Phll


Commentaire de goldenboy68 le 17/12/2009 10:16:19

Salut,

Ca fait un moment que j'ai pas remis les pieds sur Flash, quelques petites modifs à peine. Par contre je me souviens avoir eu des problèmes en voulant changer l'enrichissement d'une zone de texte d'un composant avec un paramètre...et j'ai finalement abandonné et splitté le composant en 2 !
A mon avis c'est le TextFormat appliqué qui fige tout. A tester...et si tu trouves la solution, n'hésites pas j'essaierai de prendre le temps de compléter le tuto (d'ailleurs faudrait que je mette à jour pour AS3 !).

Au fait, t'as testé l'enrichissement html sans l'intégration de police ? Car les balises sont spéciales, ce ne sont pas les mêmes qu'en HTML simple.

@+! Samy

Commentaire de philich le 17/12/2009 13:02:33

Salut ! et merci pour ta réactivité !
En fait oui, l'enrichissement HTML du texte externe (balises de base du genre <b></b>) s'affiche très bien avec une typo non incorporée. C'est dès que j'embed que cela ne s'affiche plus.
Je pense effectivement que je dois aussi incorporer les variantes gras et italique par exemple de la typo en question mais c'est là que je coince.
J'ai trouvé ça sur internet : http://kb2.adobe.com/cps/160/tn_16054.html
Sauf que dès que je change l'aspect d'un mot du texte comme ils l'expliquent, j'ai toute ma ligne qui change et qu'une fois publié, le swf ne prend en compte que la variante integrée..

J'ai bien essayé un : concerts_txt.font = "georgia, georgia bold" (une fois les deux mises dans ma biblio avec liaison actionscript), mais ça ne marche pas non plus, il me prend que la "regular"..

Donc je sais pas si qq saurais régler ce problème.. sinon au pire je laisserai ma liste sans enrichissement jusqu'à Flash CS12 :)

Merci encore
Phll

Commentaire de goldenboy68 le 17/12/2009 15:27:37

Re-salut,

J'ai fait qq recherches, mais sans Flash j'ai rien pu tester !
Première idée, mettre la ligne ".embed = true" après la ligne ".htmlText = ..."
Seconde idée, déclarer tes fonts (georgia, georgia_bold, ...) et ensuite dans tes balises utiliser une truc du type '<font face="georgia_bold">My text</font> la suite du texte.'
=> si ça marche, à voir si tu peux définir une police georgia principale par exemple et utiliser la balise <font> que quand tu as besoin du bold.

Tiens-moi au courant, ça m'intéresse de savoir si un des deux trucs marche au moins !

@+! Samy

Commentaire de philich le 17/12/2009 15:43:33

Ah yes, bonnes idées ça !
J'essaye tout ça ce soir et jte tiens au jus.
Jme sauve recup le pti à l'école ;)

Merci pour tout
Phil

Commentaire de philich le 17/12/2009 18:49:26

Ben écoute génial ! Ta deuxième idée fonctionne parfaitement, j'ai bien ma georgia_bold et _ital qui se déclarent dans la balise <font> et qui s'affichent correctement.
Pour récapituler, la fonte de base est ma georgia "regular", et si je veux des ital ou des bold je le précise dans les balises de fichier txt externe, une fois le tout bien déclaré dans ma bibliothèque.

Jvais quand même des test sur d'autres postes..

Merci encore pour tout Samy !

Commentaire de philich le 17/12/2009 21:08:22

Une dernière petite note, j'avais un autre soucis d'affichage de texte dynamique (sur un player mp3 xml) dans mon anim. Malgré tout mes essais et re-essais, rien ne s'affichait..une ou deux heure plus tard, je m'apercevais que mon bloc de texte dynamique était réglé en transparent..
Ou comment perdre son temps ;)

Merci encore pour l'aide !
Et bonne soirée

Phll

Commentaire de goldenboy68 le 18/12/2009 19:54:26

Content que ça ait marché !

Commentaire de stanymi le 21/12/2009 16:51:27

Merci pour ce tuto que je cherche depuis un petit moment, travaillant toujours avec Flash MX 2004.
Je ne comprends pas là où je me plante mais ça ne fonctionne pas chez moi en attendant :(

J'ai un champs de texte dynamique nommé "Auteur"
J'ai importé une police que j'ai nommée "roxane"

Et mon code est :

Auteur.embedFonts = true;
Auteur.text = "test blabla";
var formTxt:TextFormat = new TextFormat();
formTxt.font = "roxane";
Auteur.setTextFormat(formTxt);

Je me gourre où au juste ?! Ca me donne mal au crâne cette affaire ^^

Merci de ta patience et de ton aide !

Commentaire de goldenboy68 le 22/12/2009 00:10:09

tout est expliqué dans le tuto et ça devrait marcher !
Le code est bon, donc à mon avis y'aurait un souci soit avec ton champ texte qui n'est pas au même niveau que ton code, ou alors dans le nom de liaison de ta police.

@+! Samy

Commentaire de goldenboy68 le 24/12/2009 09:59:39

Je viens de voir ton FLA, il suffit de mettre "MaPolice" dans le champ "identifiant" et laisser le champ "Classe" vide (clic droit sur la police importée dans la bibliothèque - Liaison).

@+! Samy

Commentaire de stanymi le 24/12/2009 11:22:51

Honte sur moi........................
Je te remercie vraiment de ton aide et te souhaite de passer d'excellentes fêtes de fin d'année.

Commentaire de synepuffy le 15/02/2010 15:06:51

Bonjour je m'excuse mais j'ai pris note de vos commentaires et j'ai essayé de l'intégrer mais ça ne passe pas voici mon code, s'il vous plaît aidez-moi je vous en supllie c'est un texte dynamique vide avec un fichier externe xml que j'ai mais une erreur avec" var myFont:Segoe UI* = new Segoe UI*();  " pour le code suivant:
charge1 = new XML();
charge1.load("xml/texte_vision.xml");
charge1.ignoreWhite = true;
charge1.onLoad = function  (succes)
{
if(succes)
{

texteVision_inst.htmlText.embedFonts = true;
texteVision_inst.htmlText = "xml/texte_vision.xml";
var formTxt:TextFormat = new TextFormat();
var myFont:Segoe UI* = new Segoe UI*();              // Et oui il manquait la déclaration de la variable
formTxt.font = myFont.fontName;                    // sans oublier de transformer l'affectation de formTxt.font
texteVision_inst.setTextFormat(formTxt);

fenetreVision.texteVision_inst.htmlText = charge1.firstChild;

}

}

fenetreVision.bt_haut.onPress = function  ()
{
this.onEnterFrame = function  ()
{
fenetreVision.texteVision_inst.scroll--;
}
}

fenetreVision.bt_bas.onPress= function  ()
{
this.onEnterFrame = function  ()
{
fenetreVision.texteVision_inst.scroll++;
}
}

fenetreVision.bt_haut.onMouseUp = function  ()
{
delete this.onEnterFrame;
}

fenetreVision.bt_bas.onMouseUp = function  ()
{
delete this.onEnterFrame;
}

Commentaire de goldenboy68 le 15/02/2010 15:14:01

Salut,

Le nom de ta classe Segoe UI me laisse perplexe, je commencerai par vérifier si en ne mettant pas d'espace ça ne résoud pas ton problème.
Sinon indique-nous sous quelle version tu développes.

@+! Samy

Commentaire de synepuffy le 16/02/2010 00:57:40

Please y il a t il une solution pour moi s'il vous plaît? dites moi quelques choses, je suis toujours bloqué et je ne trouve pas de solution s'ils vous plaît

 Ajouter un commentaire




Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,109 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales