MegaZine 3 – PageFlip en Actionscript 3 et XML !

Bonjour à tous !

Aujourd’hui, j’ai cherché une solution de pageflip open-source écrite en actionscript 3.0. Google renvoie de nombreux résultats, mais tous pointe vers des solutions ancestrales comme PageFlip ou FlipBook, avec du code dépassé et des techniques d’ajout de pages pas vraiment top. Je veux dire, qu’elle est l’utilité de créer chaque page dans Flash en tant que MovieClip ?! Imaginez une solution en xml, voir même lié à une base de données ! Le rêve :-) .

Mais rien n’y fit. Mais voici que je tombe sur MegaZine. Une solution open-source de Florian Nücke, entièrement configurable en xml. Et avec une gestion native de différentes langues !

Quelques lignes de l’xml en question:

<book bgcolor="0xCCCC99" pageheight="600" pagewidth="400" lang="en,de">
    <chapter>
        <page stiff="true" anchor="cover">
            <img src="src/cover_front.jpg" aa="true" width="400" height="600"/>
        </page>
        <page>
            <img src="src/cover_front_in.jpg" aa="true" width="400" height="600"/>
        </page>

Pour ajouter des liens au sein d’une page (sommaire par exemple):

<page>
    <img width="400" height="600">
        <src lang="en">src/en/contents.jpg</src>
        <src lang="de">src/de/contents.jpg</src>
    </img>
    <nav align="center" color="#423e21" hover="#5e5934" width="325" left="25" top="200">
        <lnk url="anchor:download"><![CDATA[<font face="serif" size="24">Download</font>]]></lnk>
        <lnk url="anchor:prologue"><![CDATA[<font face="serif" size="24">Prologue</font>]]></lnk>
        <lnk url="anchor:chapter1"><![CDATA[<font face="serif" size="24">Chapter I - Features</font>]]></lnk>
        <lnk url="anchor:chapter2"><![CDATA[<font face="serif" size="24">Chapter II - Elements</font>]]></lnk>
        <lnk url="anchor:references"><![CDATA[<font face="serif" size="24">References</font>]]></lnk>
        <lnk url="anchor:epilogue"><![CDATA[<font face="serif" size="24">Epilogue</font>]]></lnk>

Ajouter du son:

<page foldfx="0">
    <img src="src/page05.jpg" width="400" height="600"/>
    <snd src="src/waves.mp3"/>
</page>

Voici la page de téléchargement. Amusez-vous !

Note: pour en faire un usage commercial, il existe une licence payante ! Mais pour tester, ou un usage personnel, lachez-vous.

- Wouter

9 Responses to “MegaZine 3 – PageFlip en Actionscript 3 et XML !”

  1. Je me demande quand même si ce “magazine” n’en fait pas trop: intégration des langues, de swfaddress, de types de contenu pas forcément nécessaire, etc…
    Ce serait cool d’avoir une version “magazine-only” pour l’intégration dans des sites qui gèrent déjà tout le reste.
    enfin… juste un avis…

  2. @Sitron
    Salut Sitron,
    Peut-être, mais avouons que le concept semble bien pensé. Et on y gagne en flexibilité (à mon avis). Je n’ai pas encore jeté un coup d’oeuil au code source (la flemme), mais je trouve que la démo est très convaincante. Encore faut-il que le code suive ;-) . Mais en comparant à PageFlip en AS 1/2, ça devrait être plus efficace.
    J’ai également entendu parler d’un composant Flex pour créer des FlipBooks il y a quelques années de ça (Flex Book). Peut-être c’est plus simple ?

    - Wouter

  3. je crois que le composant marche bien. Mais il est plus orienté “intégration d’un magazine dans un site html” que “composant flash” (pour des dév. flash). J’adorerais voir ce projet scindé en plusieurs parties (style plugin) que tu pourrais activer à ta guise… (laissé un mot dans ce sens sur le forum… jamais eu de réponse :)

  4. Je vois ce que tu veux dire. T’as raison, c’est effectivement plus orienté dans ce sens là. Pour ce qui est d’un fonctionnement avec des “plugins”, il me semble que la version 2 va intégrer ça (si j’ai bien compris les commentaires sur le forum…peut-être que ton post les a fait réfléchir ;-) ). Par contre je ne sais plus dans quelle rubrique j’ai vu cette nouvelle.
    Mais, en ayant accès aux sources, peut-être c’est assez simple de l’adapter pour d’autres besoins. J’espère avoir un peu de temps pour pouvoir jouer avec, mais je suis très occupé ces temps :-) . On verra.

    - Wouter

  5. la version 2 est sortie. Séparée en plugin!
    nice!!

  6. Bonsoir, je suis infirmier et je n’y connais pas grand chose en programmation, mais bon, je bricole un peu et je n’ arrive pas à mettre une image de fond derrière le livre. Merci de me donner un petit coup de main. Bonne soirée, bonne année 2010.
    Cezede

  7. @Sitron
    J’ai vite jeté un coup d’oeuil, ça a l’air très performant avec les plugins;-)! Là je suis en vacances, pas de Flash installé à la maison, donc je ne peux pas vraiment tester. Mais j’ai hâte de pouvoir le faire.
    @Cezede
    Comme dit précédemment, je suis en vacances, donc je n’ai pas Flash installé. Mais en utilisant la version disponible sur le site, on dirait qu’on peut définir un arrière-plan comme suit:

    <book>
        <pagebackground>
            <box width="pagew" height="pageh" background="image(data/prepage.jpg)"/>
        </pagebackground>
        <page>
            contenu...
            <img width="..." height="..." src="..." />
        </page>
    </book>

    Sinon, ils ont mis à jour leur Wiki on dirait. Va y jeter un coup d’oeuil si jamais. Wiki Megazine

    - Wouter

  8. Salut à tous;
    j’ai telecharger megazine, mais je ne vois pas le fichier xml qui permet de remplir les pages.
    Du moins, je ne sais comment utiliser megazine.
    Aidez-moi SVP

  9. Salut,
    En fait, ces petits malins ont renommé “megazine.xml” en “megazine.mz3″. C’est un XML, juste une extension perso :-) .

    N’oublie pas non plus le wiki

    - Wouter

Leave a Comment