...retourner au « Guide des menus » ?
Détails de la sortie¶
Il n'y a pas vraiment d'autre façon d'écrire à ce sujet qu'en plongeant directement dans le code de sortie et en devenant un peu technique. Il n'y a pas vraiment moyen d'y échapper, alors entrons dans le vif du sujet.
Le but de cette section est de donner une description juste de l'outfile(s). Il existe plusieurs façons de sauvegarder une page web ou un programme. Tout sera en vanilla, et si vous le souhaitez, il est très facile de tout garder dans un format single-file également.
Style de sauvegarde¶
Niveaux en tant que fichiers¶
Nous pouvons configurer le programme pour que notre structure de niveaux représente des fichiers. C'est une assez bonne option. C'est essentiellement votre option principale/par défaut. Chaque niveau peut alors avoir son propre title/filename, description text, header, footer, et background colour. Il reçoit tous les essentials dont chaque fichier a besoin. Je suppose que je devrais le standardiser pour qu'il soit plutôt en YAML. Je n'en suis pas encore là.
Niveaux en tant que plans visibles¶
L'autre mode que nous pouvons considérer est que ces niveaux représentent en fait une structure de visibilité dans un seul fichier sortant. Si nous choisissons cette voie, il est important de savoir que dans l'outfile, nous allons avoir accès à des fonctionnalités supplémentaires qui traiteront du fading in et du fading out, le tout sur une base par niveau. C'est une approche très raisonnable à utiliser, et pour faire ce choix, nous devons savoir où trouver le bouton à cliquer qui fait la différence.
Trouver l'option dans l'onglet V¶
Dans la barre latérale de l'onglet V, cherchez le bouton 'use all levels' qui se trouve en haut. C'est en fait un bouton qui change la manière de notre sauvegarde. C'est un bouton très important. Lorsqu'il est activé, nous avons une correspondance très étroite entre notre expérience d'utilisation des niveaux dans le programme, et nos niveaux tels qu'ils seront utilisables dans le fichier sortant. C'est donc une option forte pour le type de sortie programme single-file. Le style à adopter sera grandement décidé par vos objectifs.
Considérations¶
Une considération particulière qui devrait être faite, et que je vais souligner, est que si vous utilisez tous les niveaux et que vous les condensez en un seul fichier dans la sortie, vous devrez considérer que tout 'style block' que vous avez inclus n'est en réalité simulé que dans une seule portion du programme de rédaction HTML. N'est-ce pas ? Vous ne testez réellement l'effet de votre inclusion CSS que sur un seul niveau. Donc, sachant cela, prenez soin de tester l'outfile en utilisant MAJ + ENTRÉE. Vous savez, juste au cas où vous auriez croisé les lignes d'une manière ou d'une autre. Je n'y avais pas vraiment pensé jusqu'à maintenant... Je ne sais pas trop quoi vous dire.
Code dans l'outfile¶
J'ai préparé du code préparatoire qui est livré avec chaque fichier sortant. Ma vision de la situation est qu'il vaut mieux avoir tout un tas de code prêt à l'emploi, avec n'importe quel code dont vous pourriez avoir besoin pour construire le reste de votre site web/programme. La logique ici est « si vous n'en vouliez pas, vous pouvez toujours le supprimer ». Le revers de la médaille est qu'il aurait été long et fastidieux de le construire vous-même pour chaque fichier sauvegardé. C'est donc automatiquement là à chaque fois.
Ouvrez la console et tapez 'go.'¶
Je pourrais donner la même sortie que celle que vous trouveriez de cette façon, mais pourquoi s'embêter. Si vous ouvrez simplement la console, puis tapez 'go.', vous verrez que tout est branché à partir de ce nom d'objet unique.
go
.fadeIn(input)
.fadeOut(input)
.show(input)
.hide(input)
.style(prop,value,input)
Lorsqu'ils sont appelés sans l'argument input, ceux-ci agiront sur toutes les parties du document.
L'input est sous la forme d'un tableau (array). Le tableau doit contenir des element ids ou des numéros de niveaux entre guillemets. Le tableau peut être mixte.
La préférence sera de définir les tableaux d'éléments comme des variables :
go.group = {};
go.group.a = [1,2,"element_a1", "element_a2"];
go.group.b = [1,2,"element_b1", "element_b2"];
De cette façon, les tableaux peuvent être réutilisés.
Exemple d'utilisation directe¶
En supposant que vous utilisez les single-levels comme single files, vous n'aurez pas la possibilité d'utiliser les numéros de niveaux simples dans le tableau. Gardez cela en tête si vous essayez ces exemples.
go.fadeOut();
go.fadeOut([1,2,"element_a1","element_a2"]);
go.fadeOut(go.group.a);
go.style("background-color","red");
go.style("background-color","red",go.group.a);
C'est suffisant pour définir l'usage de ces fonctions.
Une fonction pour l'audio¶
Le nommage d'un audio n'est pas automatique, car cela aurait pu entraîner des conflits selon les conventions de nommage utilisées dans votre système de fichiers.
Étape 1 : Nommez vos pièces par ID.
L'audio peut être utilisé avec une petite fonction d'aide comme celle-ci :
go.playAudio("audioID");
Trucs d'animation¶
Je n'écrirai pas trop sur les fonctions d'animation. À la place, je vais simplement les signaler. Leur fonctionnement est assez évident, et si vous avez lu les entrées du manuel à ce sujet, alors vous saurez qu'il est conçu pour permettre des fonctions conflictuelles simultanément dans le but d'effets spéciaux.
Typiquement, vous n'utiliserez qu'un seul type d'animation, et non toutes. Il est facile d'éviter de tout taper manuellement, mais vous pourriez vouloir façonner vos propres fonctions comme interface à ce qui est donné dans l'outfile.
Vous pouvez déterminer la base à partir de la console en utilisant les routes suivantes :
go.anim.all
go.anim.grp
go.anim.each
Exemple d'utilisation¶
go.anim.all.loop.cycl();
go.anim.grp.groupId.loop.rev();
go.anim.each.grp.loop.fwd();
Il est facile d'imaginer ce qu'ils font. Je le réitère, ceux-ci entreront en conflit et donneront un aspect étrange. Ils n'ont pas tous besoin de boucler ou de faire des animations. Ils ont également d'autres fonctions par méthode. Je vais lister le tableau de la fonction générale :
pause
resume
stop
set
reset
next
prev
rate
rate.set
rate.incr
rate.decr
now
now.set
now.incr
now.decr
skip
skip.start
skip.rev
skip.fwd
skip.end
play
play.fwd
play.rev
loop
loop.fwd
loop.rev
loop.cycl
Testez-les pour leur disponibilité. Certains pourraient ne pas fonctionner partout, je ne suis pas sûr. Cela n'a pas été testé de manière approfondie. De plus, certains points ne sont pas des « points d'accès utilisateur ». Loop, next, prev, sont probablement bons.
JSON¶
Tout JSON/notes que vous avez inclus deviendra accessible sur
go.dat.json
go.dat.notes
Autre chose ?¶
La plupart des informations pour tout ce que je n'ai pas déclaré directement ici peuvent être vues/découvertes simplement en ouvrant la console et en tapant :
go.
Ce qui a été donné ici explicitement ne doit pas être considéré comme étant la liste complète, et n'importe quel/tout élément pourrait être modifié d'ici à ce que vous lisiez cette documentation. Donc, le mieux est de jeter un coup d'œil par vous-même, de tester des choses, et d'essayer de passer un bon moment pendant que vous bricolez.