Comment faire pour créer un livre interactif

Livres interactifs sont un excellent moyen de faire participer les lecteurs à travers un cadre de livres non traditionnels. Ils peuvent être utilisés comme des jeux, ajoutés à des sites Web, ou tout simplement partagés entre amis. Ils peuvent être aussi simple que juste une page avec un bouton pour aller de l'avant et un bouton pour revenir en arrière. Cet article va parler de la façon de faire un livre interactif de base dans Flash 8 en utilisant ActionScript 2.0. Comme vous obtenez plus à l'aise avec le code mentionné ci-dessous, vous pouvez faire des livres interactifs plus complexes.

Choses que vous devez

  • Flash 8

Instructions

  1. Créez un nouveau document Flash et modifier la taille du document à 600 x 400 px.

  2. Changez le nom de la couche à "Contexte."

  3. Créer un rectangle avec l'outil Rectangle. Faites également 600 x 400 px et changer la couleur de remplissage à #FFFCC, et la couleur de la course à # FFCC33. Assurez-vous également l'5pt de course d'épaisseur. Réglez le rectangle pour X: -1.0 et Y: -1.0 * Remarque: Vous pouvez créer des couleurs personnalisées dans votre teinte souhaitée.

  4. Utilisez l'outil de ligne de faire une ligne 400px de hauteur. Réglez la position X: 300,0 et Y: 0,0 à placer dans le milieu du rectangle et donner l'apparence des pages gauche et droite. Changez sa couleur sur # FFCC33.

  5. Créez un nouveau calque et nommez- "Texte."

  6. Utilisez l'outil de texte et commencer à placer le texte.

  7. Créez un nouveau calque pour les boutons.

  8. Utilisez l'outil de texte et tapez sur Suivant. droit; cliquez sur cette zone de texte et aller à Convertir en symbole et le convertir en un bouton. Placez ce bouton en bas à droite de la page de droite.

  9. Faites un clic droit sur le bouton Suivant et sélectionnez Actions pour ouvrir l'onglet actions et placer ce code à l'intérieur:




    on (release) {

    gotoAndPlay (_root._currentFrame + 1)

    }

  10. Créez un nouveau calque et nommez- "Actions." droit; cliquez sur la première image de cette couche et le type dans ce code:

    Arrêtez ();

  11. Cliquez sur l'image suivante pour que l'un et maintenez la touche Maj tout en cliquant sur le deuxième cadre dans la couche de fond. Vous devriez avoir tous les cadres dans la deuxième colonne sombre. droit; cliquez dans l'une de ces images sombres et sélectionnez "Insérer une image-clé." Vous trouverez tout ce à partir de la première colonne de cadres a été copié dans la nouvelle colonne de cadres, sauf le code dans la couche d'action et les boutons.

  12. droit; cliquez sur la seconde image du calque Actions et saisissez le code suivant:

    Arrêtez ();

  13. Cliquez sur la deuxième image dans le calque Boutons. Cela permet de sélectionner le bouton Suivant, qui vous devriez désélectionner.

  14. Utilisez l'outil de texte et tapez précédente, et le convertir en un bouton comme vous avez fait avec Suivant.

  15. Faites un clic droit sur le bouton Précédent et sélectionnez Actions et modifier le code pour:




    on (release) {

    gotoAndPlay (_root._currentFrame - 1)

    }

  16. Déplacez le bouton Précédent pour bas à gauche de la page de gauche.

  17. droit; cliquez sur ce nouveau bouton Suivant et placer le code original.

  18. Modifier le texte de ces nouvelles pages.

  19. Copiez cette colonne en cliquant sur le cadre supérieur de la troisième colonne, tenant changement, et en cliquant sur le châssis inférieur de la troisième colonne. droit; souris et choisissez Insérer une image-clé à nouveau. Comme avant, tout de la deuxième colonne du châssis a copié sur le script, sauf dans le calque Actions et boutons.

  20. Changez le texte et répétez cette étape pour cependant beaucoup de pages que vous avez. * Remarque: Ne pas oublier le code pour les boutons et d'action couche ne sera pas copié sur, et vous aurez besoin de remplacer manuellement le code.

  21. Supprimer le bouton Suivant lorsque vous arrivez à votre dernière page, mais gardez le bouton Précédent afin que les gens peuvent se déplacer à travers l'histoire.

  22. Aller dans Fichier et sélectionnez Publier. Publier le document Flash dans le format que vous avez besoin pour être à vos fins. Par exemple, vous pouvez le publier en tant que document HTML à ajouter à votre site Web.

» » » » Comment faire pour créer un livre interactif