Construire un HTML5 réactif avec Tumult Hype 3 Pro

1. 01 À propos de ce cours: bonjour et bienvenue à ce cours sur To Mull Type Now to mull type est un animateur HTML cinq qui vous permet de construire des interactions. Html cinq Interactions qui pourraient être utilisées pour les bannières Web. Vous pourriez être utilisé pour l'apprentissage E pour iBooks, widgets auteur Ah, beaucoup d'applications différentes que vous pouvez réellement aller et utiliser pour le type mull, car il est très facile à utiliser. Il est aussi très réactif. Vous pouvez créer des sites web réactifs, des bannières réactives qui s'adapteront à la taille de l'écran ou à tout appareil que l'utilisateur utilise. Et donc c'est une application très amusante et c'est très Robustas Eh bien, alors nous allons entrer et nous allons vraiment plonger et jeter un oeil à ce que vous pouvez faire avec le type taupe Maintenant, tout d' abord, allons de l'avant et côté et parler de quelle version de battage médiatique et aussi de ce que vous pouvez réellement construire en utilisant battage médiatique. Nous allons jeter un coup d'oeil à quelques exemples avant d'entrer dans l'outil et de commencer utiliser l'outil pour construire des éléments. Ces types de HTML cinq interactions. Donc, la première chose est, allons à mue dot com, on va aller à multi points com. Ok, donc une menace de mue point com va de l'avant et vers le haut. Cliquez sur Hype Pro. Maintenant, en revenant à High Pro. Cela vous donnera un peu d'informations sur le battage médiatique, pro et le genre de choses que vous pouvez faire avec. Mais ce que je veux me concentrer, c'est la galerie ici. Si je clique sur la galerie et puis descend, vous remarquerez beaucoup d'exemples différents utilisés dans deux malts ou utilisés pour construire ah, beaucoup d'exemples différents qui ont été réellement construits en utilisant battage médiatique. Donc on va aller de l'avant et jeter un coup d'oeil à certains d'entre eux Maintenant, j'ai déjà quelques de ces pullup dans mon onglet ici, j'ai déjà quelques de ces pullup dans mon onglet ici, donc je vais juste passer par lui et nous allons en parler, et ensuite nous allons entrer dans le cours réel sur la façon de construire ce genre de choses. Donc la première chose est ce vaisseau fusée, donc vous remarquerez quelques choses différentes. Ah, dans cette fusée. Donc, vous remarquez tout d'abord comment il commence à secouer, puis comme il commence à fumer commence à sortir et puis il commence Teoh commence à aller et soulever dans l'air et tout, donc c'est utiliser Pour mull type. Vous pouvez utiliser certaines des fonctionnalités d'animation. Vous pouvez également utiliser des symboles pour créer vos propres animations imbriquées. Tu peux faire grandir les choses. Vous pouvez faire en sorte que les choses deviennent plus petites. Ce sont les types de choses que vous pouvez utiliser avec le type tamal. Voici un autre exemple. Laisse-moi retourner ici. C' est celui du château. Maintenant, cela utilise quelque chose qui n'est disponible que dans tumult, pro et ou high pro. Et c'est la physique. Laissez-moi recommencer. Donc, vous remarquerez dans la physique ici sur le Cannonball et le Cannonball interagit avec différentes briques sur le château. Et puis ces briques tombent en morceaux. Et c'est en utilisant la physique à l'intérieur du tumult, type deux multi pro. C' est pourquoi nous voulons rester dans cette session dont nous allons parler. Ou dans ce cours, nous allons parler de la visite sont l'application hyper pro. Donc en voici une autre que j'aime, et c'est une infographie. Donc, si vous parlez de, hum, si vous voulez construire quelque chose de plus interactif. C' est un graphique que les utilisateurs vont réellement dans, et ils cliquent sur Teoh Afficher des informations différentes. Eh bien, battage médiatique est une excellente application pour construire ces types de choses afin que vous puissiez cliquer sur cet élément ici et vous remarquerez le surlignement violet qui vient sur. Et au fur et à mesure que je viens, je pense commencer à changer et à commencer à bouger sur ces airs, différentes choses que vous pouvez faire dans des délais différents de type mull. Ok, donc voici un autre exemple Maintenant, c'est intégré dans un site Web. Donc ici, dès que je viens sur ce site, les sites Web, un site normal. Mais vous remarquerez cette animation qui commence à animer les différentes parties. Hum, et je peux y aller, et je peux cliquer sur ces différents éléments ici. Maintenant. Cette partie est faite à l'intérieur de Tumult. Dunn est fait à l'intérieur de battage médiatique afin que vous puissiez le prendre, et vous pouvez construire juste des éléments différents à l'intérieur de battage médiatique, puis l'intégrer avec votre site Web actuel, votre WordPress ou un HTML régulier. Ou vous pouvez même prendre ces types d'interactions et le mettre à l'intérieur de l'auteur iBooks et rendre votre livre un peu plus interactif ainsi. Maintenant celui-ci est un peu plus complexe. Vous verrez un monde ici. Nous avons beaucoup d'éléments animés différents. Nous avons cet avion qui vole. Nous avons ces montagnes russes, euh, ou ce désolé, ce camion qui passe dans différentes rues et tout ce train qui passe par, Ah, Ah, ces moulins à vent, beaucoup de différents éléments qui se passent ici et ce sont en fait des éléments interactifs. Lorsque vous cliquez sur différentes choses, puis ils zooment sur différentes scènes, puis vous pouvez cliquer sur différents éléments là aussi. Donc, c'est beaucoup d'animations imbriquées à l'intérieur de battage médiatique. Hum, et beaucoup de différence a des scènes qui sont dites, C'est comme ça que vous entrez dans la partie zoom est dans les scènes ici. Voici donc une bannière interactive. Maintenant, nous avons tous vu ces types de bannières, généralement dans le passé. Ils ont été construits avec adobe flash, mais depuis ah, beaucoup de navigateurs air ne supportant pas flash. Tout battage médiatique est-il grille application pour construire ces types de bannières et vous remarquerez qu'il est réactif. Alors que je commence à redimensionner mon écran, il s'adaptera automatiquement à la nouvelle taille. Et c'est une fonctionnalité qui est battage médiatique nous donne maintenant. Voici une autre bannière. Allons-y et cliquez dessus. Celui-ci est un peu plus interactif. Il vous permet en fait de tirer différentes choses. Donc nous avons notre arme ici. Ah, et ensuite on peut y aller et cliquer sur un autre objet. Tirez dessus. Et puis cette petite bannière apparaît à la fin. Donc il y a une autre bannière que je dois cliquer sur cette icône plus, vous pourriez voir. Voici une petite différence de physique qu'il fait et différentes animations qui viendront à différents moments. Alors maintenant, tu dois interagir avec lui ? Vous pouvez voir. Comme je l'ai glissé vers la gauche ici, Ah sous menu va réellement apparaître, et maintenant je peux cliquer sur différents éléments ici qui vous permet juste de. Ou cela montre la possibilité d'ajouter le glissement et basé sur le glissement à différents éléments l'intérieur de votre animation. Là. Maintenant, celui-ci que j'aime vraiment parce qu'il a, ah, animation cool de la carte qui est pliée et donc vous pouvez voir que vous pouvez faire ces types d' animations ici Et maintenant tous ces échantillons sur le site de types, vous pouvez télécharger notre plupart d'entre eux. Vous pouvez télécharger où dit ce document battage médiatique et vous pouvez réellement l'ouvrir et vous pouvez voir exactement comment ils l'ont construit. Ils veulent donc partager comment ces différents fichiers exemples et partager comment ils l'ont construit afin que vous puissiez le télécharger et le vérifier. Celle-ci que j'aime vraiment parce que, euh, vous pouvez réellement cliquer sur l'usine, ce pouvoir, et ça va soulever différents symboles. C' est un symbole imbriqué qui anime les testaments. Vous pouvez également cliquer sur Fly Solo et qui va animer un plan et ensuite animer l' autre plan au milieu. Vous avez beaucoup de différentes ces icônes de nuage et tout ce qui se passe. Il y a donc beaucoup d'éléments différents avec lesquels vous travaillez ici. Maintenant voici ah, OVNI un où vous pouvez effectivement cliquer sur le mouton et cet OVNI va entrer. Et puis j'aime canard ce mouton et vous pouvez cliquer sur un autre élément ici. Et peu importe où cet OVNI est que partout où vous cliquez sur va réellement aller à ce mouton sur lequel vous venez de cliquer. Donc, et c'est utiliser beaucoup de lignes de temps et les animations et des trucs comme ça que vous avez mis place dans un battage médiatique. Et c'est ce sont les types de choses que vous pouvez construire un type. Et donc on va t'apprendre les bases de cette classe comment tu peux commencer. Je peux utiliser les, différents calendriers, les différentes animations et comment vous pouvez créer vos interactions réactives et donc ils vont s'adapter aux différentes tailles d'écran et tout. Donc on va parler de ce genre de choses. Mais tout d'abord, allons de l'avant et commençons avec comment télécharger le battage médiatique et comment commencer à les utiliser. 2. 02 Comment devenir Hype: d' accord. Il y a deux façons différentes d'obtenir un vieux type. Si vous allez à Moult Dot Com et que vous venez ici et encore, nous allons parler de cette séance, nous allons parler d'hyper pro. On va cliquer sur hyper pro, et ça nous donne la possibilité de télécharger un essai gratuit. Si vous voulez l'essayer gratuitement. Et si vous cliquez sur l'essai gratuit ici ou vous pouvez mettre à niveau de type tumult. Si vous avez déjà acheté une version antérieure de battage médiatique, vous pouvez réellement mettre à niveau pour seulement 49$ ou vous pouvez l'acheter complète pour seulement 99$. Et c'est tout. Une fois, euh, et tu sais, et après toute mise à jour, si c'est dans la même version, comme maintenant, c'est tumulte. Type trois. S' ils vont à quatre, cela peut être une mise à niveau payante, mais s'ils vont 3.5, c'est généralement une mise à niveau gratuite. Donc, vous n'avez pas à vous soucier de dépenser de l'argent tous avec chaque mise à niveau qu'ils font ici. Donc d'accord, donc si vous cliquez sur l'essai gratuit ou si vous cliquez sur maintenant, C'est une option de télécharger réellement le type tumult. L' autre option est de passer par l'App Store via l'Apple App Store. Maintenant, le type Tamal est un Mac basé sur l'application Lee. Vous devez donc avoir un Mac pour le télécharger. Hum, mais je vais entrer ici et je vais juste dans la boîte de recherche. Je veux taper le battage médiatique et dès que je mais il est là, juste là. Hype trois. Hum et maintenant ça surgit avec le battage médiatique trois. Et puis je clique sur ce Hype trois, puis je l'achète là-bas. Maintenant, cependant, Hype trois ici n'est que la version de base de battage médiatique. Donc, vous êtes fondamentalement juste l'acheter via l'App Store, la version plus petite, Mais alors vous pouvez le mettre à niveau, et puis c'est la version complète. Mais vous devez télécharger les achats à celui-ci, puis acheter la mise à niveau après. Donc c'est à vous de décider. Si vous voulez le faire, toutes les mises à jour ou toutes les mises à jour que plusieurs sortent avec, ils passeront automatiquement par l'App Store. Donc, si vous aimez gérer tous vos APS et toutes les mises à jour via l'APP Store. Cela pourrait être un bon moyen, et c'est aussi facile, assez facile si vous allez sur un autre Mac pour vraiment venir dans votre zone d'achat et télécharger de nouvelles versions de votre APS fondamentalement et obtenir votre Mac déjà pour aller avec tous les APS que vous avez déjà achetés. C' est donc une bonne façon de vous assurer que vous avez toutes vos applications en un seul endroit. Ok, donc une fois que j'ai téléchargé l'essai gratuit tout d'ici, il va télécharger sur l'application soit pourrait téléchargements ou mon bureau. Et puis je dois juste faire glisser ça dans mon dossier Applications, et c'est tout. Une fois qu'il est dans mon dossier d'applications, alors je peux venir ici et je peux juste cliquer sur Hype trois juste là. Et donc, dès que le battage médiatique est lancé, c'est le premier écran que vous verrez, donc il vous démarre avec le projet Blink. Vous avez votre écran blanc ici, vous avez vos différents éléments, votre inspecteur, vos scènes sur le côté gauche, et maintenant vous pouvez commencer à créer vos cours afin que nous puissions entrer dans la prochaine démarrer un projet et travailler avec les fichiers 3. 03 Commencer un nouveau projet: Très bien, donc une fois que vous avez battu et en cours d'exécution, la première chose que vous devez faire est de sauvegarder votre projet. De cette façon, vous savez exactement où est votre projet. Vous pouvez ouvrir plus tard, puis vous avez juste à appuyer sur la commande s chaque fois que vous voulez enregistrer une nouvelle version de celui-ci ou enregistrer la version mise à jour de celui-ci. Donc on va aller de l'avant et juste appuyer sur la commande s ici, ou vous pouvez aller au dossier et ensuite descendre pour sauver les deux façons fonctionne. Et maintenant ça me demande de sauver ce projet dans une certaine zone. Donc je vais aller de l'avant et juste enregistrer ça sur mon bureau pour l'instant. Et on va appeler cet échantillon dès que je l'appellerai. Échantillon touché. Entrez. Maintenant, si je viens sur mon bureau et que je vais de l'avant et que je ferme ça maintenant, si je viens sur mon bureau, alors nous avons cet exemple de projet. Maintenant, cet exemple de projet. Si je devais fermer ce hyper projet ici et juste double-cliquer sur cet exemple de projet qui ouvrira ce projet exactement comment j'ai enregistré un intérieur de battage médiatique et ensuite je peux y aller , et c'est vraiment un, euh, ouvert. Tu ne le fais pas vraiment. Ça ne prend pas beaucoup de temps. Vous pouvez simplement aller de l'avant et double-cliquer dessus, télécharger, um, ou double-cliquer dessus. Ouvrez-le et commencez à travailler avec. Maintenant, chaque fois que vous apportez des fichiers audio que vous apportez dans des images ou quoi que ce soit, il le garde en fait à l'intérieur de votre dossier de ressource est de sorte que vous pouvez cliquer sur sur le côté droit. Vous pouvez cliquer sur votre ressource est dossier et vous pouvez accéder à tous ces fichiers. Donc, vraiment, quand vous gardez une trace de ces fichiers, vous voudrez peut-être en garder une copie quelque part. Mais vraiment, la chose la plus importante est ce fichier de projet pour vous assurer que vous avez ce fichier de projet et que vous conservez ce fichier de projet même après que vous ayez publié votre projet afin mettre à jour de nouvelles versions de votre projet ou si vous en avez besoin pour apporter une modification rapidement, vous ouvrez le fichier de projet, puis publiez votre projet, puis téléchargez à partir de là . C' est donc le processus consistant à conserver ce fichier de projet, à mettre à jour cette publication de la sortie de ce projet, puis à télécharger ce projet sur le site Web ou à importer à l'intérieur. iBooks, Auteur, quelle que soit la méthode que vous allez réellement livrer cette application médiatique ici. Donc, c'est comme ça que vous entrez et comment vous commencez un nouveau projet et comment vous enregistrez le projet dans façon dont vous ouvrez le projet, mon garçon, à un moment ultérieur. 4. 04 Explorer l'interface utilisateur: Bon maintenant, allons de l'avant et explorons un peu l'interface utilisateur. Nous allons nous familiariser avec où tout est ça. Et donc, lorsque nous commençons à construire, ces projets étaient familiers avec l'endroit où aller à tout. Donc, la première chose que vous voyez lorsque vous démarrez un nouveau projet et que vous avez enregistré le projet est vos scènes sur le côté gauche. Maintenant, les scènes sont ah, belle façon de séparer votre contenu. Donc, si vous allez aimer que nous avons vu dans cette carte interactive sur la première vidéo, si vous voulez avoir la carte comme scène principale et ensuite vous allez faire un zoom dans des parties de cette carte, eh bien, vous arriverez et vous créez de nouvelles scènes pour ceux qui ont fait un zoom dans certaines parties de la carte. Et c'est ainsi que vous pouvez également séparer le contenu. Si vous construisez, disons que vous construisez sur des éléments d'apprentissage interactifs, et que cet élément d'apprentissage interactif a différents onglets ou informations différentes Will. Vous pouvez utiliser les différentes scènes pour accéder à ces différents éléments dans les différentes informations, juste en venant et en cliquant sur l'icône plus qui vous permettra de créer de nouvelles scènes . Nous allons approfondir les scènes plus tard. Mais la prochaine chose est les mises en page. Maintenant, les mises en page ne sont pas mises en surbrillance par défaut. Mais si je viens ici et que je clique dessus, alors il s'ouvrira avec les mises en page et nous parlerons des mises en page plus en profondeur. Mais c'est juste un moyen de créer différents points de rupture sur Ben. Ajustez votre contenu en fonction de ces points de rupture. Donc, si vous voulez que quelque chose soit complètement différent sur un téléphone qu'il fait une tablette, vous créeriez une mise en page différente, puis vous utiliseriez cette mise en page pour créer ces éléments là, Um, et réorganiser ces et différemment sur les différents appareils dans différents points de rupture. Maintenant, en passant par le haut, nous allons entrer dans la section Eléments. Si je sélectionne la liste déroulante dans la section Eléments, nous avons quelques choses différentes. Nous avons nos éléments de texte où nous pouvons insérer des boutons de texte, boutons texturés, des images , des vidéos, audiophiles, widgets html afin que nous puissions apporter HTML externe, um, à l'intérieur d'un battage médiatique et l'utiliser pour intégrer à l'intérieur de battage médiatique. Et puis nous pouvons créer notre propre forme pour que nous puissions faire des rectangles, rectangles arrondis et des ellipses ou des cercles, des cercles, et ensuite, nous avons des symboles. Maintenant, nous allons parler des symboles plus en profondeur, mais leur façon de créer des calendriers imbriqués pour que vous puissiez même savoir. Disons que votre chronologie principale est suspendue. Vous pouvez toujours avoir quelque chose de sorte de tourner indépendamment de votre chronologie principale. Et encore une fois, nous avons vu cela sur la carte où nous avions les différents trains qui passaient et nous avions différents , comme le carrousel qui circulait et autour. Ceux-ci étaient tous imbriqués sont des symboles différents, essentiellement avec ses propres calendriers exécutant ceux différents aux animations sur leurs propres calendriers. Et tu as une tasse. Vous avez deux options différentes maintenant. L' un est le nouveau symbole et l'autre est un nouveau symbole persistant. Ah, nous en parlerons plus en profondeur, mais le symbole persistant. Si vous avez plusieurs scènes et que vous créez un symbole, il va juste être ajouté à l'une de ces scènes. Un symbole persistant l'ajoutera automatiquement à chaque scène C'est donc bien si vous avez un arrière-plan ou quelque chose et que vous ne voulez pas le copier et le coller dans chaque scène. Nous ajouterons en tant que symbole persistant sur elle sera automatiquement sur chaque scène. Je vais être prudent avec ça au cas où tu veux te cacher et montrer des choses différentes. Mais si vous vouliez l'avoir sur chaque scène automatiquement, c'est comme ça que vous le feriez. Donc l'autre élément est le groupe que nous avons non soigné que nous avons apporté à l'avant ramener à l'arrière ces applications normales de l'air ou des éléments normaux que vous pouvez utiliser et à peu près tous les outils. Zoom avant et nous avons aussi un aperçu. Maintenant, l'aperçu utilisera la valeur par défaut ou autre. Votre navigateur par défaut est le safari moins. Mais si vos navigateurs par défaut chroment ou quelque chose, vous pouvez voir un symbole chromé là. Cependant, vous pouvez également à la meilleure pratique pour tester cela et ce nombre de navigateurs que vous pouvez. Ah, et vous pouvez toujours voir cette liste déroulante. Et cette liste déroulante me permet de le tester dans d'autres navigateurs que j'ai installés sur cet ordinateur. Donc, par exemple, Firefox et Chrome, hum, et je pourrais le faire. Je peux simplement sélectionner la liste déroulante, puis sélectionner Fire boxer chrome, et il va prévisualiser mon projet à l'intérieur de là. Maintenant, une touche courte est Thekla manned inter symbole ou commande Entrée touche. Et si vous sélectionnez cela sans même sélectionner venir ici et en cliquant sur ce bouton, il affichera un aperçu de votre cours afin que je puisse appuyer sur commande, entrer et puis il apparaîtra. Je l'ai sur mon autre fenêtre ici, mais il va s'ouvrir avec l'aperçu et on y va. Donc maintenant, je peux juste appuyer sur commande enter à nouveau et il va rafraîchir chaque fois que j'ai ouvert là-bas. La prochaine chose est mon inspecteur, si j'éteins et sur mon inspecteur, c'est ce panneau de droite et il y a beaucoup d'éléments et d'inspecteurs différents dont nous allons parler plus en profondeur. Alors, inspecteur des documents. Ah, c'est là que j'ajoute des actions. C' est là que j'utilise la physique sur ce point que j'ajoute sur différentes étiquettes donner à mes différents éléments sur la scène. C' est aussi là que je rende les choses flexibles et réactives et ajoute la taille de la justice pour ma scène et tout. Donc c'est quelque chose avec qui tu vas travailler beaucoup et qui va plus mourir avec ça maintenant. L' autre élément sur la partie supérieure ici est la ressource est que ce n'est pas mis en évidence par défaut. Mais si je sélectionne dessus, cela me donnera une liste de toutes mes ressources est donc chaque fois que j'apporte une image, chaque fois que j'apporte un fichier audio, chaque fois que j'apporte un fichier vidéo, ils seront tous placés à l'intérieur de ma ressource est un dossier et puis je pourrais juste prendre ces éléments ici, glisser et le déposer sur cette scène et les utiliser encore et encore sur plusieurs scènes différentes ou quelque chose comme ça. C' est aussi là que je peux entrer et créer du travail. Un script fonctionne. Donc, si je voulais aller plus en profondeur, um, avec la capacité, ce battage médiatique vient par défaut et je voulais ajouter sur JavaScript et d'autres éléments différents, je peux créer une fonction ici, puis Je pourrais exécuter cette fonction sur n'importe quelle autre action n'importe quel autre déclencheur ou quoi que ce soit du genre. Je peux créer la fonction ici et ensuite le faire. Maintenant, l'ajout d'un fichier me permet également d'apporter des éléments de script Java externes. Oh, donc si je voulais utiliser Green Sock,par exemple, par exemple, ou si je voulais apporter d'autres types de JavaScript, bibliothèques Jake Worry. Je pourrais le faire à l'intérieur d'ici et joindre ces fichiers ici et ensuite profiter de ceux ici aussi. Maintenant, je ne peux pas ajouter de polices. Si j'ai des polices personnalisées que je veux faire, je peux le faire. À l'intérieur de la ressource est l'élément suivant est le temps réel ou la scène elle-même ici. Donc, cette zone blanche est ce qui va être visible pour l'utilisateur final. Donc, vous voulez ajouter votre élément. Vous le réarrangeriez et le conceviez à l'intérieur d'ici. Vous pouvez également cliquer sur le jeu, et vous pouvez cliquer sur l'enregistrement et les différents éléments directement à partir de la chronologie. Hum, maintenant, au-dessus de ça, gagnez la zone de scène, mais vous pouvez faire glisser des barres de différence si vous voulez obtenir un positionnement exact et obtenir différents guides intelligents et tout. Tout ce que vous avez à faire est de venir à la règle, cliquez dessus, faites-la glisser vers le bas, et cela vous fournira les guides pour que vous puissiez organiser les choses une ligne, les choses exactement comme vous le voulez maintenant ici à la ligne de temps à nouveau, nous avons notre jeu. Nous avons notre dossier, et nous parlerons d'enregistrement une fois que nous entrerons dans les animations. Ah, vous avez la possibilité de modifier la timeline réelle pour pouvoir zoomer sur la timeline et obtenir vraiment en profondeur avec vos animations et vos images clés. Vous avez aussi des éléments différents. Une fois que vous commencez à insérer des choses, vous commencez à ajouter différents cercles et carrés et d'autres choses que vous allez animer . Vous pouvez sélectionner ces différentes choses le long de la ligne de temps, puis en dessous de ce sont les propriétés. Maintenant, les propriétés sont fondamentalement les éléments que vous pouvez anime une fois que vous avez quelque chose sélectionné. Donc, si je sélectionne quelque chose sur ma chronologie, je vais aller de l'avant et juste créer un élément ici pour que je puisse vous montrer comment créer un rectangle sur ma chronologie, Um, ou sur ma scène ici, et vous peut voir que si je ne l'ai pas sélectionné, heu, rien ne s'affiche dans mes propriétés. Maintenant, il y a un rectangle dans mon calque de timeline. Cependant, je dois sélectionner sur ce rectangle afin de voir les propriétés que je peux animer en dessous. Maintenant, une fois que j'ai choisi ça, je peux venir ici et animer l'opacité. Je peux animer la gauche, le haut de la taille avec. Mais je peux également sélectionner cette liste déroulante, puis anime. Ah, tout un tas d'autres propriétés. Ici, nous avons le contraste, la luminosité, d'autres choses. Ce sont tous des éléments que vous pouvez ennemis, et vous devez avoir l'image ou l'objet sélectionné pour afficher ces propriétés . Maintenant, ici, je peux également basculer la visibilité afin de pouvoir l'éteindre et l'allumer. Si je veux juste me concentrer sur certains éléments, je peux cacher tout le reste. Ensuite, je peux aussi le verrouiller pour ne pas le sélectionner accidentellement et le déplacer si je l'ai à l' endroit exact que je veux. Donc ces différents éléments d'air que vous pourriez faire avec votre chronologie. C' est juste un aperçu de base de l'interface utilisateur réelle. Intérieur du tumulte, type 5. 05 Prévisualiser votre contenu sur mobile: d' accord. Nous avons brièvement parlé de la façon de parler ou de sortir de l'aperçu de votre projet dans la vidéo précédente, mais nous allons parler un peu plus en profondeur sur la façon de le faire. Donc ici, je peux venir à la section d'aperçu. Je peux cliquer sur ce symbole safari. Puisque safari est mon navigateur par défaut, je peux déposer ici l'option pour prévisualiser au lieu de Firefox ou l'option pour prévisualiser à l'intérieur d'un chrome. Maintenant, quelques autres choses que je peux faire est si j'ai l'application de réflexion de type tumult sur mon téléphone, que vous pouvez obtenir à travers le magasin APP. Vous pouvez réellement envoyer les informations sur votre téléphone directement. Donc, si je viens ici et que je sélectionne la liste déroulante, ce que je dois faire c'est d'abord, être sur le même sans fil. Et maintenant, je suis sur le réseau sans fil. Mon téléphone est sur le même réseau sans fil que mon ordinateur. Et donc puisque je l'ai ici et que j'ai l'application tirée ici, le type tumulte reflète. Um, c'est une application gratuite. Une fois que je l'ai ici, alors j'ai l'option. Une fois que j'ai sélectionné l'aperçu pour réellement prévisualiser sur cet appareil afin que je puisse avoir cette même application de réflexion sur mon iPad. Et si je voulais tester ça, je peux le faire. Mais ici, je vais aller de l'avant et juste cliquer sur Jeff chauves-souris iPhone et puis il enverra cette information. Vous pouvez voir qu'il est juste mis à jour automatiquement, et , euh, il est là. Avoir mon érection. Je sais que c'est un peu difficile à voir là-bas, mais j'ai mon rectangle là, et je peux vraiment tout tester sur mon téléphone directement. Et c'est tout ce que j'ai à faire est de sélectionner cette boîte déroulante, avoir l'application en place, puis cela fonctionne automatiquement. Et puis il pourrait commencer à le tester sans avoir à mettre cela sur un site Web quelque part ou téléchargé, puis aller à la navigation Teoh u R l ou quelque chose avec mon appareil, puis testé . C' est beaucoup plus facile d'avoir l'application, qui est que l'application de réflexion hype téléchargé sur vos différents appareils, et puis vous pouvez le tester à partir de là 6. 06 Zoomer à l'aide et à la sortie: lorsque vous travaillez avec le type tumult et que vous voulez zoomer sur différentes parties et que vous voulez vraiment entrer dans les détails de vos animations, ce qui arrive beaucoup. Vous voulez utiliser l'outil de zoom que vous remarquerez si vous arrivez au zoom vers le haut sur la barre supérieure et sélectionnez la liste déroulante. Ici, vous aurez beaucoup d'options prédéfinies différentes. Donc, je consomme dans 25 50 75 ah 1 25 tout le chemin jusqu'à 3200%. Ah, et cela vous permet de l'obtenir vraiment détaillé et dit Human sur certains éléments de votre animation réelle. Ou si je viens et dit ou faites défiler un peu plus Ah, je peux voir que le zoom avant et zoom arrière a une petite touche de raccourci, qui est la commande et que le signe le plus grand ou le moins, um, le moins de signe. Donc, si je viens ici sur ma commande de frappe de la zone de scène et puis juste un plus grand ou moins que ce qu'il va zoomer maintenant j'ai Ceux-là est déclenché est autre chose. Et donc ça allait tirer quelque chose d'autre. Je devrais ajuster les touches de raccourci et les touches de raccourci de mes préférences à l'intérieur de mes préférences système pour m'assurer qu'aucune autre application n'utilise les touches de raccourci. Donc c'est une chose à garder à l'esprit. Mais pour l'instant, je peux aller de l'avant et simplement utiliser la liste déroulante pour zoomer sur les différents éléments. Et maintenant, une fois que j'ai ceci, je peux entrer et juste faire défiler, utiliser ma souris pour faire défiler et voir ces différents éléments ici. Donc, c'est une façon de zoomer pour vraiment obtenir un détail raffiné. Quelqu' un examine un peu plus. Euh, vous pouvez voir que je pourrais entrer directement dans la forme et voir exactement comment modifier cette forme ou C. Ok, qu'est-ce qui se passe avec cette forme ? Et je peux y aller et l'ajuster, en zoomant ainsi. Et puis je pourrais faire un zoom arrière. Juste entrer dans votre retour à 100% me ramènera à la taille réelle de son Maintenant. Je n'ai pas créé de réactivité ou quoi que ce soit du genre, mais nous en parlerons plus tard . Alors quoi ? Je suis en fait vu ici va être la taille des animations une fois que je le publie. C' est ainsi que vous effectuez un zoom avant et que vous utilisez votre bouche sur votre projet. 7. 07 Travailler avec les formes: d' accord. Dans cette vidéo, nous allons parler des différents types de formes que vous pouvez utiliser à l'intérieur de type tamal . Et il y a essentiellement trois types de formes différentes. Il y a un rectangle, un rectangle arrondi ou un outil d'ellipse ou un outil de cercle. Fondamentalement, maintenant, de ces outils, vous pouvez ensuite entrer et vous pouvez manipuler. Vous pouvez ensuite y aller et ajouter vos propres couleurs et d'autres choses. Mais ce sont les trois outils de base, vous pouvez donc l'utiliser pour des arrière-plans transparents. Vous pouvez l'utiliser pour ah Grady en couleur, fond envoyé ou tout autre type de forme que vous voulez à l'intérieur du type tumult. Donc, la façon dont vous ajoutez, um, une forme à l'intérieur du type tumult est en entrant dans le panneau des éléments et en descendant sous cette ligne. Ici, sur la liste déroulante, il y a un rectangle arrondi dans un tabouret à lèvres. On va aller de l'avant et ajouter juste un outil de rectangle. Maintenant, avec cet outil de rectangle sélectionné, vous remarquerez quelques choses en bas. Nous avons nos propriétés maintenant. Ceux-ci diffusent les propriétés qui sont affectées que vous pouvez appliquer avec l'animation sur l'objet que vous avez sélectif, dont l'objet que nous avons sélectionné actuellement est l'outil rectangle. Maintenant, si je viens sur le côté droit, qui est la fenêtre Thean Specter, c'est là que j'ai différents éléments que je peux changer sur le rectangle. Maintenant, vous devez vous assurer que vous avez ce rectangle sélectionné, mais vous remarquerez cette forme une, qui est les éléments, inspecteur, inspecteur, Um, et cet inspecteur d'élément vous permet d'affecter la forme de l'objet que vous avez sélectionné sur la couleur des différents éléments, les propriétés de cette forme. Donc, la première chose que vous voyez est l'arrière-plan. Maintenant, cela me permet de sélectionner la liste déroulante de Color Teoh Radiance ou à l'image si j' ai un motif. Si je voulais, comme un motif en bois ou quelque chose comme ça, eh bien, vous pouvez aller trouver une image en bois et ensuite venir à l' image ici et puis sélectionner quelle image je veux réellement remplacer ou répéter ou quelque chose comme ça. La couleur est une couleur unie, ou si je suis crédible, il m'aura. La couleur est une couleur unie, ou si je suis crédible, Ah, il faudra des couleurs qui me permettront d'avoir une couleur supérieure, puis une couleur inférieure. Et puis je peux ajuster la rotation de cet int Grady aussi. Juste acheter entrer dans le numéro ici ou juste prendre ce petit cercle là-dessus, prendre le cadran et ajuster le Diallo, donc je vais juste rester avec une couleur normale. Je vais sélectionner le sélecteur de couleur, et c'est un sélecteur de couleur pomme standard afin que je puisse venir ici et ajuster différents éléments à ce sujet si je voulais entrer dans la valeur hexadécimale. Si j'ai une couleur spécifique que je veux utiliser, je peux juste entrer ici et entrer dans la valeur hexadécimale juste là. Et la prochaine chose est la frontière. La bordure me permet d'ajuster le fondamentalement la barre qui va autour du trait qui va autour de la forme et je ne l'ai pas sélectionné afin que je puisse voir cela un peu mieux. Et vous pouvez voir que c'est juste une sorte de couleur gris clair et plus foncé. Je vais aller de l'avant et je vais en augmenter la largeur jusqu'à l'événement avec. Maintenant, il pouvait le voir un peu mieux. Je pouvais voir cette bordure autour de la forme. Cela me permet d'aller et d'ajuster cette forme ou simplement de tracer la forme. Fondamentalement Maintenant, si je voulais ajuster le rayon de cette bordure, je peux entrer ici et je pourrais monter le rayon, et ainsi ça commence à faire une petite courbe arrondie. Mais ça n'affecte que le rayon. Si je voulais aussi affecter la frontière, eh bien, bien, c'est là que je devrais entrer et ajouter des rectangles arrondis. Ça affecte juste le rayon de la frontière elle-même. C' est quelque chose à garder à l'esprit maintenant. Si je voulais juste avoir certains coins arrondis sur certains objets ou certains côtés du rectangle réel, voulez-vous juste décocher ici de cette façon, il aura juste, um, um, certaines zones et se battre vérifier ici et puis je peux ajuster le rayon. Je suis juste dans cette zone pour que vous puissiez voir que j'ai pris le rayon en haut à droite . J' ai ramené le rayon à zéro. Maintenant que c'est à zéro, tout le reste a un coin arrondi. Sauf pour ce côté. Cet un côté a juste un coin carré peut être fauchée alors maintenant, je vais venir ici. Hum, et je peux ajuster la couleur de la bordure réelle en sélectionnant cette couleur ici. Euh, en fait, laisse-moi juste revenir à tout. Tu dois changer cet orteil arrière tout le milieu ici, et je vais changer la couleur de la bordure juste en sélectionnant que c'est la même boîte déroulante . Allons de l'avant et jusqu'à une couleur plus foncée et qui va monter la couleur là-bas. Maintenant, en utilisant vos propres formes au lieu d'essayer, comme, comme, recréer des formes à l'intérieur du type tamal Au lieu d'apporter des images de photo shop ou quelque chose comme ça, nous allons aider avec la taille du fichier. Donc, si vous voulez le rendre un peu plus petit, essayez d'utiliser des formes et des couleurs juste sur le côté d'ici. Et surtout avec le bouton cela si vous pouviez essayer d'affecter les boutons à l'intérieur du type tumult , vous obtenez toujours toutes les fonctionnalités des boutons, l'état survolant sur l'état bas et tout. Donc je vais venir ici et maintenant tu peux changer l'opacité d'un objet si tu voulais rendre ça Ah, un peu transparent. Je ne peux pas vraiment le dire maintenant, mais si je viens ici, c'est en fait reproduire la forme. Et vous pouvez le voir maintenant que j'ai dupliqué, si j'ai ou sur une autre forme, c'est là que je peux voir ça. Oui, il y a quelqu'un passivement. Si je prends l'opacité un peu plus bas, vous remarquerez qu'elle disparaît presque là. Maintenant gardez à l'esprit qu'il ya tout battage médiatique, en fait, faites-vous quelque chose qui signifie, ne fonctionne pas dans certains navigateurs. HaiF vous avertira à ce sujet. Il y a donc ce petit symbole jaune juste au-dessus de l'opacité. Allons de l'avant et cliquez sur cela maintenant il nous dit dans AII huit. L' opacité ne sera pas affichée quand il y a Ah, coin arrondi. Ah, fond radieux ou une ombre de boîte appliquée. Maintenant, c'est que j'ai mangé. Donc si vous êtes préoccupé par tous les huit, si c'est quelque chose que vous savez que vous essayez d'aborder, vous essayez de cibler um, je e e huit et en dessous. Vous voudrez peut-être que les orteils prennent cela en considération. Si vous savez que vous allez juste vous inquiéter à savoir neuf et au-dessus duquel je reçois neuf a beaucoup plus de soutien pour les trucs. Eh bien, alors, ignorez juste que vous pouvez juste aller de l'avant et frapper le rejet, et certains ils vont toujours montrer cet avertissement. Mais c'est juste quelque chose que le battage médiatique essaie de te faire savoir que dire, Hey, ça ne fonctionnera pas complètement à l'intérieur de I e 8 Si tu essayes de te concentrer sur ça, accord, donc la prochaine chose est l'ombre. Allons de l'avant et débarrassons de l'une de ces formes. On va rester avec un pour l'instant. Je vais remonter l'opacité à 100 % et je vais prendre l'ombre. Je vais changer des éléments différents. Maintenant, il y a deux choses différentes que je pourrais faire avec ça. Je peux prendre ce petit cercle juste au milieu ici, et je peux ajuster ça juste en faisant glisser ça et vous remarquerez que ça crée cette ombre. Plus je vais loin, l'ombre est loin, la distance entre ce carré et l'ombre va réellement. Donc, cela me permet d'ajuster visuellement Dragon drop ou il peut venir ici et juste entrer dans certains nombres. Si je veux un certain nombre, je vais aller de l'avant et dire, Faisons trois x et faisons un peu de flou que nous voulons avoir. La chose avec l'ombre est oui, c'est essentiellement la création d'une forme en double. Nous voulons avoir un peu de flou, parce que c' est typiquement ce que sont les ombres. Quelqu' un a eu un cinq, et puis je vais venir ici et en ajouter trois pour le pourquoi. Et maintenant, quand vous entrez dans la couleur, maintenant la couleur, je vais ajuster. En ce moment, c'est vraiment sombre. C' est vraiment noir, donc je vais aller de l'avant et juste ça pour être un peu plus léger. Je veux que l'ombre soit juste un effet de lumière, et donc, en ajustant la légèreté de l'ombre, cela le rend ainsi. Ce n'est pas une ombre si dure. Maintenant, je peux venir ici, et je peux ajuster certains des effets de filtre maintenant dans n'importe lequel de ces types d'effets. Gardez à l'esprit qu'une fois que nous entrons dans la section animation de battage médiatique, vous pouvez animer ces différents éléments afin que vous puissiez animer une ombre qui se déplace à travers. Si vous vouliez simuler un fils, et que le soleil bouge, les ombres des différents objets se déplacent aussi. Eh bien, tu peux animer ça avec battage médiatique. Même chose avec ces filtres. Si vous vouliez animer le flou si vous vouliez animer la sépia, la saturation, la teinte, luminosité, contraste. Ce sont toutes des propriétés différentes que vous pouvez ennemi à l'intérieur de type tumulte. Et donc c'est juste une chose à garder à l'esprit quand vous réglez ce truc que vous vouliez animer, inanimer comme l'opacité. C' est ce qui va à ces différents éléments, c'est ce que vous animez. Ok, pour que je puisse m'ajuster. Ces différents objets joueront avec ceux plus tard. Mais si je suis totalement hors de contrôle et que je gâche tout comme j'essaie d'affecter cela tout au lieu d'essayer de me rappeler ce que les éléments par défaut de différence où je pourrais simplement cliquer sur réinitialiser les filtres par défaut et cela reviendra à la valeur par défaut filtre lui-même et puis nous avons quelques autres éléments différents La section suivante est la réflexion qui nous permet d' ajouter sur un reflet de n'importe quel objet que nous avons sélectionné. Je peux faire la profondeur et ensuite je peux faire le décalage. Ah, à quelle distance est la réflexion réelle ? Donc si vous vouliez faire croire que c'était sur une certaine surface, et alors cette surface était réfléchissante et vous vouliez le faire. Et la réflexion sur le type tumulte vous permet de le faire, qui encore une fois, aussi, vous pouvez animer la réflexion afin que vous puissiez avoir cet ennemi en animer et faire différentes choses comme cela certains. Très bien, donc ce sont des formes. Sachez tout ce dont nous avons parlé avec des rectangles et arrondi dirigeant nos applique aux rectangles arrondis. Tout ce dont nous avons parlé s'applique également à l'Ellipse Tal. Maintenant, l'outil Ellipse ne nous donne pas l'option. La seule chose qui soit différente ne nous donne pas la possibilité d'ajuster le rayon parce que ce sont les injustices du cercle sur la quantité de rayon qu'il est. Alors maintenant. Si je voulais ajuster les formes, je peux aller de l'avant et juste m'étirer sur les barres de poignée, et je pourrais faire ça aussi loin que possible, Um, et ensuite je peux aussi, si je voulais garder les proportions de celui-ci, je maintiens juste le bouton de changement de vitesse enfoncé, puis saisir l'un des coins et juste traîné cela dehors. Maintenant, dès que j'ai fait ça, maintenant il redimensionne est en proportion et garde son, Ah, Ah, sur mon garde un proportionnel, fondamentalement, peu importe quelle taille il est, et je peux faire exactement la taille exacte que je veux quelque chose avec l'Ellipse. Si je voulais l'attraper et le rendre un peu plus grand, je pourrais le faire aussi. Maintenant, vous pouvez faire ces types de formes. Vous pouvez accrocher certains d'entre eux. Vous pouvez les manipuler pour obtenir le type de forme que vous voulez. Gardez cela à l'esprit et gardez également à l'esprit comme je l'ai mentionné précédemment que plus vous utilisez de formes et moins vous apportez d'images, plus la taille du fichier sera petite. C' est l'un des avantages d'essayer d'utiliser des formes I, au lieu d'apporter vos propres images pour tout ce qui y est. Donc, mais nous avons toujours tous les autres éléments. Quand il s'agit de lèvres, selles et de rectangles arrondis, il nous permet de garder tout cela à peu près la même chose. Ils vont bien. C' est ainsi que vous créez des formes à l'intérieur de tamal, tapez 8. 08 Organiser des objets: d' accord. Donc, lorsque vous avez ces différentes formes sur votre scène et que vous voulez les réorganiser, il y a quelques options différentes que vous pouvez faire à l'intérieur du type tumulte. La première option consiste à sélectionner ces différents éléments. Allons de l'avant à Nestlé juste pour qu'on puisse faire la différence ici. Je vais changer la couleur, changer ce cercle pour lire. Je veux changer ce rectangle arrondi en un peu vert, et nous garderons le rectangle derrière lui, la même forme. Donc d'accord, donc vous pouvez voir que le cercle rouge est en face de tout le reste et nous avons le rectangle vert arrondi qui est au milieu, et ensuite nous avons le grand rectangle qui est derrière tout le reste. Donc, si je voulais apporter ce tour ou c'est un rectangle, le grand rectangle devant tout maintenant il y a un raccourci que je peux prendre sans avoir à descendre à la ligne de temps et faire glisser cela au-dessus de tout. Je peux le faire si tu le voulais. Cependant, en haut il y a ce bouton avant, et que de Button prendra n'importe quel objet que vous avez sélectionné et l'apportera automatiquement à l' avant. Donc en sélectionnant qu'il l'a amené devant le cercle. Il est placé devant le rectangle arrondi, et maintenant c'est en haut de la ligne de temps. Donc, sur la chronologie ici, nous avons ce rectangle là-haut. Maintenant, la même chose avec le ramener à l'arrière est que vous pouvez réellement voir ce que cet objet a sélectionné. Vous pouvez juste frapper là-bas, et nous allons le faire jusqu'à l'arrière derrière chaque objet. Donc, si vous avez une ligne de temps qui est assez grande et que vous avez plusieurs couches différentes. Eh bien, en utilisant ces boutons, si vous vouliez prendre un élément que vous vouliez l'amener à l'avant, modifiez-le et puis apportez-le à l'arrière. C' est une excellente option pour vous de pouvoir t Il suffit de réorganiser ces différents éléments. Maintenant, il n'y a pas qu'une avance. Une fois le printemps en avant, un autre et tout comme ça est juste ces deux boutons vont juste le faire avancer tout le chemin ou le ramener tout le chemin. Si vous vouliez simplement faire un calque à la fois, c'est là qu'il suffit de revenir à la timeline elle-même et de le faire glisser et de le repositionner. Tu prends ça et tu le bouges. Nous l'organisons dans cet ordre où je le voulais. Là, cela fonctionne un peu mieux, mais c'est comme ça que vous arrangez votre élément si c'est une image. S' il s'agit d'une vidéo de ses fichiers audio, c'est ainsi que vous organisez votre timeline, amenez des choses à l'avant, emmenez des choses à l'arrière ou simplement réarrangez certaines couches à la fois. 9. 09 Groupage de rassemblement: d' accord. Donc, si j'ai des objets différents que je veux regrouper afin de déplacer ces objets ou de cacher tous ces objets à un moment donné, donc je n'ai pas à passer par ah, bouton qui a plusieurs calques et se cacher individuellement. Si je voulais juste me concentrer sur un élément, je veux les cacher individuellement. Ils peuvent juste prendre ce groupe, et ensuite je peux le cacher de là sans avoir à créer un symbole. Maintenant, le symbole est une autre façon de le faire. Mais un symbole crée juste une ligne de temps complètement nouvelle. Je ne veux pas faire ça avec ça. Je veux juste entrer et regrouper certains éléments ensemble. Donc je vais venir ici et sélectionner différents éléments sur la scène. Donc je veux sélectionner mon rectangle arrondi et je vais entrer ici, et c'est comme le grand rectangle, et ensuite je vais venir et cliquer sur Groupe. Maintenant, il faudra ces différents éléments que j'ai sélectionnés à l'intérieur de ma chronologie, et il le mettra dans le côté d'un dossier. Maintenant, je peux double-cliquer sur ce dossier, et je peux changer tout ce que je veux. Disons que c'est l'arrière-plan et que je vais avoir cet arrière-plan ici et maintenant je peux prendre la petite chose tournante sur le côté du menu ou à l'intérieur du dossier, et je pourrais sélectionner ça. Et puis il va tout tourner vers le bas pour que je puisse toujours voir tous les différents éléments à l'intérieur d'ici. Mais cela me permet au moins de réorganiser l'arrière-plan simplement en faisant glisser et déposer cet élément. Et il y a tout ce qui est dans ce groupe. Ce sont donc les différents éléments. Si je le voulais, je peux aussi venir ici et prendre d'autres choses. Si je voulais l'ajouter à l'intérieur d'un groupe plus tard, je peux saisir ceci comme cette forme d'ellipse. Si je voulais ajouter cela à l'intérieur de l'arrière-plan, laissez-moi juste saisir cela, passez le curseur sur l'arrière-plan et puis lâchez-le. Et maintenant que l'outil Ellipse est maintenant dans le groupe. Si je voulais alors des trucs de groupe de l'ONU. Si je décide OK, cela ne fonctionne pas. Allons de l'avant et sur le groupe et avons les différents éléments montrant pourquoi peut sélectionner ce calque d' arrière-plan venir en haut, puis cliquez sur le groupe. Et puis nous allons juste prendre ce dossier, prendre tous les éléments dans ce dossier, puis un groupe dans un centre commercial, et maintenant vous pouvez l'utiliser à l'intérieur de notre. Maintenant, ils ne sont que des couches séparées à l'intérieur de votre projet de type tumult ici. C' est ainsi que vous retirez différents éléments et que vous regroupez, hum, ne les mettez pas à l'intérieur des symboles, mais comment vous regroupez, puis comment vous ajoutez d'autres choses au groupe, puis comment vous annulez le groupe à un moment ultérieur. 10. 10 Travailler avec le texte: Bon, maintenant on va parler de nous avons parlé de la façon de construire des formes, comment utiliser des rectangles, des rectangles arrondis et comment utiliser vos lèvres. Il y avait un groupe qui les arrangeaient et des choses différentes comme ça. Maintenant, le regroupement dans l'arrangement s'applique à tous les différents éléments que vous pouvez utiliser sur la scène. Donc, si vous utilisez du texte, si vous utilisez une vidéo, si vous utilisez un audio ou quelque chose comme ça, tout cela s'appliquera, et ce sera le même. Maintenant, nous allons parler de la prochaine, comment utiliser du texte ou puis nous allons parler de l'audio et de la vidéo et de différentes choses comme ça. Donc, allons de l'avant et concentrons-nous d'abord sur le texte sur la façon d'insérer du texte, comment utiliser le texte sur la façon de mettre à jour le texte. Donc, je veux entrer dans la section des éléments. Je vais aller de l'avant et cliquer sur Miss Drop box, puis sélectionner le texte, et cela ajoutera un élément de texte à ma scène et vraiment tout à partir d'ici. Tout ce qu'ils ont à faire est de commencer à taper. Donc je vais juste insérer du texte. C' est un exemple de texte, et il prendra automatiquement ce texte. Tout ce que vous commencez à taper et l'étirera à la longueur du texte. Maintenant, si je voulais si je viens dans le texte dans le bon um, je voulais étendre une certaine partie de ce texte. Je peux le faire aussi. Maintenant, la différence entre le simple laisser se remplir automatiquement et prendre cela avec est maintenant le je viens ici ou prendre le avec et le dimensionnement automatique à cela. Maintenant, quand je viens ici et je commence à taper automatiquement redimensionner une fois que j'ai frappé, entrez à cette taille là de sorte que la taille automatique sera tout comme vous commencez à taper. C' est le avec de la taille réelle. Si vous spécifiez la taille du rectangle avant de commencer à taper ou du carré, quel qu'il soit et de votre texte, alors il ne prendra que cette taille. Et puis il peut que pendant que vous tapez, cela peut sembler prendre plus de temps, mais dès que vous entrez, alors il va simplement prendre cela et le prendre à la ligne suivante aussi. Donc je vais aller de l'avant et supprimer ça pour l'instant. Mais comme je tapais. Il y a aussi quelque chose d'autre qui est venu. Si je viens ici, on se débarrassera de ce texan à un nouveau texte. C' est un exemple de texte, et comme je tapais ici, vous remarquerez. Juste en dessous de ce texte se trouve un petit crayon. Maintenant, ce crayon, si je clique sur, va ouvrir un peu pop, une petite fenêtre ouverte et il semble à peu près la même chose a le même texte. Alors tu te demandes pourquoi, quelle est la différence ? Pourquoi je ne le taperais pas sur scène ? Eh bien, la différence est, avec cette petite fenêtre pop-up, vous pouvez réellement insérer des balises HTML à l'intérieur d'ici, et cela utilisera l'attaque. Donc, si je voulais étiqueter ou en gras, par exemple, c'est, disons que nous voulions ajouter qu'au lieu de balises fortes, je vais aller de l'avant et taper une taxe forte avant cela, puis taper à la fin de c' est ça. On va aller de l'avant et fermer l'étiquette forte et tu le remarqueras maintenant sur le texte. C' est un peu plus difficile à voir à l'écran, mais il dit que c'est en boulon maintenant. Il peut venir ici et nous allons juste ajouter une petite pause. Donc je vais ajouter br slash et puis je vais mettre fin à ça et vous remarquez que même automatiquement savoir à l'intérieur de cette petite fenêtre pop-up, ça n'a pas fait de différence. Mais au lieu du texte lui-même, le rendu qu'il a apporté qui a ajouté une pause. Et donc ça a amené cette ligne. Um, qu'entre le tout après que casser le br, il l'a amené à la ligne suivante. Et maintenant, il a en fait qu'à l'intérieur ici, vous pouvez ajouter vos propres balises HTML et construire votre propre HD ou utiliser vos propres balises HTML à l'intérieur de ce type de symbole. C' est une fonctionnalité énorme et agréable pour être en mesure de le faire afin que vous puissiez style I certains éléments. Si vous vouliez juste que certains textes soient une certaine couleur. Elle voulait que certaines taxes soient audacieuses. Vous pouvez le faire à l'intérieur d'ici Maintenant, vous pouvez également entrer en sélectionnant le texte. Ici, vous pouvez entrer dans la typographie, Inspecteur, l'inspecteur de typographie vous permet de changer différents éléments sur le texte. Donc, si vous voulez venir ici et en gras et juste certains éléments si vous n'êtes pas aise avec HTML. Et vous êtes à l'aise avec juste changer la fenêtre de l'inspecteur. Ils ont raison. La plupart des gens sont bien, vous pouvez simplement sélectionner les différents éléments du texte, et vous pouvez venir ici et cliquer en gras italique, souligner et faire différentes choses. Mais ce que vous ne pouvez pas dio, c'est que vous ne pouvez pas ajouter comme, um, sur la liste de commandes afin que vous puissiez avoir, comme, un élément de liste à puces comme html normal. Quand tu fais ça, tu es l tag, um, um, ou Ally Tag ou quelque chose comme ça. Vous ne pouvez pas faire ça ou cette étiquette de Br entière qu'on avait un, hum, vous ne pouviez pas faire ça étiquette de Br entière qu'on avait un, hum,vous ne pouviez pas faire ça à l'intérieur de l'inspecteur. C' est là que l'avantage de pouvoir éditer HTML entre en jeu parce que vous pouvez le faire place de la petite fenêtre pop-up que vous alliez Kansteiner à l'intérieur en sélectionnant les taxes et venant à l'inspecteur de typographie. Mais vous ne pouvez pas ajouter d'autres taxes HTML. Ce sont quelques-uns des autres éléments que vous pouvez éditer à l'intérieur de la typographie, Inspector est la famille Thea Font. Donc, je peux venir ici peut changer la famille de polices, quelle que soit l'option que j'ai sélectionnée ici comme nous l'avons appris auparavant. Si vous vouliez ajouter vos propres polices, vous devrez réellement entrer dans la ressource, descendre à l'icône plus, descendre à la police. Et une fois que vous avez ajouté les polices, il devrait apparaître dans cette fenêtre ici. Mais je peux ajuster la taille que je peux entrer dans une taille spécifique des fonds que je voulais. Je peux aussi venir ici et choisir une taille là. Ou je pourrais juste venir ici et juste sélectionner ce petit curseur, et cela va simplement simplement le faire glisser vers le haut et le rendre plus grand que vous faites glisser vers le haut ou le rendre plus petit que vous faites glisser vers le bas. Alors je pourrais venir ici, faire ton italique. Vous pouvez également venir dans la couleur. Voici l'ajouter plus de polices où il peut entrer et il me permet Teoh, c' est Ah, appuyez sur Annuler pour l'instant, et nous allons venir ici et cliquer sur Ajouter plus de fonds et maintenant il est me fait ajouter mon propre client. Je pourrais passer par les polices Google. Je peux ajouter n'importe quel type de police Google, ou je peux cliquer sur CSS personnalisé. Maintenant, il y a beaucoup de polices différentes sur les fonds Google. Ou s'il y a des polices cette année que la société utilise qui sont des fonds spécifiques, vous pouvez probablement trouver quelque chose de similaire sur les polices Google et ensuite apporter cela là dedans. Et si je clique sur, venons ici et celui-là juste ici. Et si je clique sur Ajouter Funt, alors cette police a maintenant été ajoutée. Et donc je ne me souviens pas où je pense est celle-là ou entendre ce Martel. Et c'est donc celui que je viens d'ajouter. C' est maintenant dans ma sélection. Si je viens dans ma ressource est là, il est juste là. Ma police a été ajoutée à mon projet, et certaines je peux l'utiliser dans le cadre de la sélection là-bas. C' est comme ça que vous aviez des polices personnalisées là-bas. Ou vous pouvez également entrer et sous la liste déroulante à Custom CSS, Et cela vous permet d'attacher le CSS pour toutes les autres polices. C' est une polices très spécifiques que vous voulez utiliser dans le lit. HTML. Vous pouvez faire avec qui sont intégrés tête html pour insérer cela, et c'est ainsi que vous ajoutez votre propre fonds personnalisé. Maintenant, vous pouvez faire les alignements, vous pouvez basculer les alignements de gauche alignés à juste centre. Vous pouvez aussi faire à gauche. Vous avez raison, justifié ou justifié de bloquer également. Si vous voulez chronométrer le bloc de texte, vous pouvez également faire l'espacement des lettres. Disons que vous vouliez un espacement entre les différentes lettres, et ce sont les différentes lettres des mots, pas seulement les mots eux-mêmes. Vous pouvez également ajouter l'espacement des mots, donc il y aura plus d'espacement entre les mots, et vous pouvez également ajouter la hauteur de la ligne. Quelle est la hauteur entre la ligne au-dessus d'elle par rapport à la ligne en dessous ? Vous pouvez également ajuster cela. Maintenant, c'est pratique. Si vous réglez la taille Thea du bouton, vous devrez peut-être positionner l'étiquette de texte réelle du bouton. On en parlera une fois qu'on aura des boutons. Nous devrons peut-être ajuster cela et changer cela avec votre bouton aussi. Et puis, comme nous l'avons fait avec notre panneau Eléments, où nous avons pu ajuster l'ombre des différents objets que nous avions sélectionnés, nous pouvons également ajouter une ombre à nos objets à nos lettres. Donc, je peux le faire en cliquant sur cette icône de petit cercle et en faisant glisser ça. Je peux aussi ajuster le flou. Je peux ajuster la couleur si je voulais avoir peu de contraste avec la couleur, euh, et ajuster cela maintenant si je ne veux pas qu'il y ait une ombre et juste ramener cela à zéro tous ces différents éléments à zéro et cette ombre a ont été retirés. Mais c'est ainsi que vous ajoutez du texte, hum, et inséré à l'intérieur de votre projet. Maintenant, avec ce texte sélectionné, vous pouvez alors animer le texte. Vous pouvez le fondre en fondu. Vous pouvez le déplacer si vous vouliez des points de balle pour voler à certains moments. Vous pouvez le faire aussi et a dit que tous ces éléments qui s'appliquent aux formes et s'appliquent aux images s'appliqueront également au texte. Et donc vous avez juste orteil faire ça une fois que nous entrons dans la section animation. Mais c'est ainsi que pour l'instant, comment vous modifiez votre texte, comment vous modifiez certains du HTML, certains des différents éléments, comment vous ajoutez vos propres polices personnalisées et tout ce qui est à l'intérieur de tumult, tapez 11. 11 boutons: d' accord. Ensuite, on va parler de comment travailler avec des boutons à l'intérieur d'un battage médiatique. Maintenant, vous pouvez apporter vos propres images si vous le vouliez, mais dans l'isme utilisé comme des boutons et ajouter des actions et des choses différentes comme ça. Mais battage médiatique a quelques boutons par défaut qui ont des états survolants et des états vers le bas et tout. Donc, si vous entrez dans les éléments, les panneaux sélectionnent sur les éléments qui descendent au bouton. Cela ajoutera le bouton à l'intérieur de votre zone de scène. Maintenant, vous pouvez voir qu'il y a juste comme le texte. Il y a un crayon comme sur. Si je sélectionne cette icône de crayon, je pourrais réellement formater ce bouton de n'importe quelle façon que je veux l'étiquette de texte dans ce bouton juste en double-cliquant dessus et je peux ajouter sur mes propres balises HTML, comme nous l'avons fait avec notre texte. Mais si je l'ai sélectionné, vous remarquerez quelque chose qui est un peu différent de ce que nous avons vu avec leur texte, c'est nous avons 100 états opprimés huit et ensuite nous avons un état normal. Maintenant, avec ces différents éléments sélectionnés, je peux changer les couleurs et je peux changer les différents éléments sur ce que je suis dans ces différents états, et cela s'affichera quand je plane et plus ou à chaque fois que je suis J'appuie. Maintenant, quand vous êtes sur mobile, j'aime si vous êtes sur un iPad ou si vous êtes sur Android ou quelque chose comme ça. Ah, le vol stationnaire ne se montrera pas. Le vol stationnaire ne sera pas même visible. À ce stade, seul le pressé s'affichera une fois que vous l'avez pressé. Il est donc important de mettre à jour les trois états différents pour le vol stationnaire et la presse et les cadeaux, les utilisateurs, un type d'indication que quelque chose a été sélectionné. Donc je vais venir ici sous l'état normal. Je vais changer ces deux éléments différents dont on a déjà parlé. Un élément du premier élément était juste l'inspecteur des éléments, ce qui nous permet de changer les couleurs des formes et des bordures et différentes choses comme ça. Eh bien, c'est la même chose avec un bouton est fondamentalement que nous travaillons avec une forme combinée ah, un rectangle et un texte combiné éléments, et vous pouvez changer au sein de l'inspecteur. Vous pouvez changer les éléments, inspecteur, inspecteur, et vous pouvez changer les informations de l'inspecteur de typographie pour mettre à jour et faire le bouton peu près. Ecoute, peu importe ce que tu veux que ça regarde donc je veux entrer dans la section Elements d'abord, quand c'est comme la couleur déroulante et que ça va aller de l'avant et que ça change juste en couleur verte et je vais entrer comme on l'a appris avec leurs formes. Je vais enlever la frontière. Je ne veux pas que la frontière soit là. Je veux prendre la largeur de la frontière juste en haut. Amenez-le à zéro maintenant. Il pourrait aussi juste prendre ce style si je voulais avoir un style, tandis que solide double ou quelque chose comme ça, je pourrais changer cela à zéro Les deux façons fonctionnent si vous voulez juste appuyer sur la flèche vers le bas pour zéro ou sélectionner la liste déroulante et sélectionnez aucune façon ne fonctionne. Donc, je veux entrer dans la typographie et j'aime que j'aime les blancs sur le fond de couleur . Donc je vais aller de l'avant et changer l'arrière-plan où la typographie est une étiquette blanche . Et donc avec cette étiquette blanche maintenant je peux entrer en fait semble un peu floue pour mon point de vue. Mais on va le garder comme ça pour l'instant. Mais si je clique sur l'état du vol stationnaire, vous remarquerez que tout ce que je viens de changer dans l'état normal passe également au vol stationnaire et à la date de presse. Ce que je dois faire, c'est qu'ils doivent différencier, différencier ce qui va être différent avec l'état de la presse. Donc, avec les états de vol stationnaire sélectionnés, je vais revenir à mon panneau d'éléments. Je changerais la couleur ici. Je vais juste le rendre un peu plus sombre. Et de cette façon, quand il est en train de planer, vous pouvez voir qu'il est un peu plus sombre, et quand il est pressé, je vais faire la même chose ou en fait rendre encore un peu plus sombre que ça. Donc, quand vous entrez dans la section pressée, changé sur la couleur ou sélectionnez la couleur, puis juste rendre encore plus sombre que ce qu'il était à l'intérieur du hover. Maintenant, si je retourne en arrière et que je vérifie mon vol stationnaire, vous pouvez voir que l'état du vol stationnaire est toujours il y a la même couleur que je viens de sélectionner . Mon état normal est de la même couleur qu'avant. Donc encore une fois, tout ce que vous changez au lieu de l'état normal va juste en cascade dans le plané dans la presse juste au cas où. Mais si vous vouliez avoir un autre élément survolé, impressionné pendant que vous pouvez aller dans le survol, vous pouvez changer, aller dans la presse et changer les éléments de différence dans les éléments, inspecteur. Ou vous pouvez entrer et changer les différents éléments à l'intérieur de la typographie. Et si vous voulez que le texte change, disons que quand il est planté, je veux que le texte soit un peu en gras. Donc je vais entrer dans le vol stationnaire et je vais entrer et styliser le boulon. Et maintenant, survolez le texte devient un peu gras. Mais si je reviens ici, le texte n'est pas gras. Donc, il est fondamentalement me permet de différencier ce que je veux là-bas. Maintenant, si je viens ici et que j'insère, euh, si je voulais insérer un peu plus de texte, je peux venir ici et changer l'étiquette et ensuite avoir le texte au-delà. Je peux même faire changer les chèques quand je survole. Euh, tout ce que vous vouliez faire là-bas. Donc, c'est comme ça que vous entrez et ajoutez un bouton et dit, Changer les différents éléments dans le bouton. Mais je peux aussi faire la même chose avec mon bouton texturé. La seule différence avec mon bouton de texture est que je peux venir ici et au lieu d'une couleur régulière . C' est en fait une Grady en couleur. Et maintenant je peux changer les différents éléments. Ah, les INT Grady à l'intérieur de mon bouton ici. Donc, quand un changement de la première couleur pour un peu plus clair vert deuxième couleur à un vert légèrement plus foncé. Et maintenant je vais changer aussi le 10 la typographie en, ah, étiquette blanche. Et débarrassons donc de la frontière. Nous avons une bordure là-bas, donc quand vous changez la largeur à zéro et nous y allons. Alors maintenant, je peux passer à l'état stationnaire et prendre ces deux éléments de l'État du port sur le briquet. Quoi ? Je vais juste prendre ça un peu plus sombre et plus sombre. Un. Je vais faire un peu plus sombre que ça. Et on y va. Donc maintenant, si je viens ici mon vol stationnaire et mon pressé, il y a une légère différence. J' ai probablement besoin de le rendre un peu plus drastique, mais il y a une légère différence avec mon vol stationnaire et ma presse là-bas. Disons maintenant que je voulais une forme très spécifique ou moins. Je voulais une image et je voulais que dit avoir différents états de vol stationnaire et de presse ainsi. Eh bien, avec un objet sélectionné. Nous n'avons pas encore parlé d'images, mais avec un bouton, l'objet sélectionné. Je peux vraiment entrer ici, et je peux venir au menu d'édition et descendre pour afficher les commandes de boutons. Lorsque je clique sur ce bouton de contrôle, il s'ouvrira avec mon état normal, mon survol et mon état de presse avec cette forme. Donc ce n'est pas exactement un bouton, mais ça l'est. Il a toujours un état survolé et oppress que je peux activer, puis il peut venir ici et changer les différents éléments de la forme pour activer le survol et pour activer la presse sur n'importe quelle forme que je veux, ou toute image qui Je veux aussi. Je peux aussi venir ici, et si je ne vois pas les éléments HTML, je peux entrer dans l'édition et je peux cliquer sur, um à elle des éléments HTML internes et cette boîte papa que nous avons vu auparavant avec les étiquettes et ce que le texte apparaît maintenant sur le texture afin que je puisse réellement entrer ici et sur ma forme, je peux insérer du texte dans cette forme. Cela signifie donc que je peux fondamentalement ajouter des balises HTML, et je peux ajouter d'autres éléments. Je peux même faire un cadre oculaire ou n'importe quel type de code incorporé ou quelque chose comme ça à l'intérieur de ce HTML, et vous pouvez le faire avec n'importe quel objet sur la scène. Vous pouvez éditer le mâle HC dans leur et encore c'est en allant dans les modifications, puis en allant soit dans ah, afficher les contrôles de bouton ou masquer les contrôles de bouton ou en allant dans les éléments d'édition dans notre HTML et vous permet d'obtenir ces deux éléments avec lesquels nous avons déjà travaillé à la fois avec le bouton et avec le texte. C' est ainsi que vous insérez à la fois le bouton normal et le bouton texturé et comment vous prenez un peu n'importe quelle forme et le convertissez en un bouton à l'intérieur d'un type tumulte 12. 12 images: On a parlé de formes. Nous avons parlé de pouvoir insérer des boutons et du texte et tout sur le côté du type tumult. Mais nous n'avons pas parlé fait eu un travail avec différentes images que vous avez construit l'extérieur, comme dans photo shopper, Adobe Illustrator ou quelque chose comme ça. Donc, dans celui-ci, nous allons parler de ça, comment apporter une image. Et c'est dans la même section des éléments que nous avons travaillé avec. On va entrer dans les éléments, allait sélectionner la liste déroulante, et ensuite je vais entrer et sélectionner l'image ici. Maintenant, tout ce qu'ils ont à faire est d'aller chercher cette image. Je peux venir ici et sur mon bureau. J' ai Ah, vignette ici. Je vais juste sélectionner « ouvrir ». Et vous pouvez voir que cela a été introduit sur ma scène. Maintenant, avec cette sélection, je peux venir ici et juste le glisser vers l'endroit où je voulais être. C' est un J peg. Je peux apporter des cadeaux à John. Je peux apporter des fichiers PNG différents fichiers image, et je veux. Maintenant, à partir d'ici, je peux entrer et changer les différents éléments que vous remarquerez dans l'arrière-plan de l'image qu'il est réellement défini. C' est comme une forme. Mais au lieu que le style de remplissage soit comme une couleur ou des ingrédients, c'est en fait juste une image. Et puis nous avons une autre option à l'échelle. Pour ajuster les répétitions, répétez verticalement ou répétez horizontalement. Si je voulais avoir un motif ou un type d'arrière-plan comme vous le faites normalement à l'intérieur, HTML était juste une sorte d'échelle pour s'adapter. Qu' est-ce qui correspond réellement à l'intérieur de ma zone de scène ? Et puis ce n'est pas répété et ce que cet objet a sélectionné si je voulais l'échanger à moment donné, je peux cliquer sur Choisir, et puis je peux venir ici et disons, Disons que je n'ai pas mis à jour J Peg ou PNG mis à jour. Je peux y entrer, sélectionner cet objet et l'échanger aussi. Je peux également ajuster l'opacité des bordures si je descends à l'opacité, ajuster l'ombre, le flou et tout. Même chose que vous avez fait avec les différentes formes qui disent les mêmes éléments là-bas. Maintenant, l'autre chose agréable est, je pourrais travailler avec SPG. De la neige. SPG est que si vous êtes connu sur La différence entre J Pegs, P et G est quand vous prenez un J peg et PNG et que vous l'étirez, vous allez en fait obtenir un peu de pixel ization. Si l'image a été rendue très petite et que vous commencez à l'étirer, vous allez obtenir un peu de pixel ization. Ça va sembler floue. Ça va avoir l'air déformé ou quelque chose comme ça. Maintenant, avec SPG es, vous pouvez réellement prendre cela et le rendre aussi grand que vous voulez ou un petit que vous voulez. Et tu n'auras aucun type de distorsion. Donc, si vous travaillez avec Illustrator, vous pouvez l'enregistrer. Comme SPG es. Si vous travaillez avec la boutique photo, il faut une approche un peu différente ou un peu différente pour travailler avec S. P. G là. Mais je vais entrer ici et je vais cliquer sur le panneau Eléments, aller dans l'image et ensuite entrer dans la forme. SPG est le fichier que j'ai sur mon bureau, et je vais aller de l'avant et cliquer sur ouvrir. Maintenant, il y a ma forme, et ce que je peux dio avec le SPG, c'est que je pourrais rendre cette forme vraiment grande et vous pouvez voir qu'il n'y a pas de pixel ization quoi que ce soit. Et c'est la bonne chose à propos de ah, enregistrer vos fichiers. Si vous travaillez avec Illustrator vous recommandant fortement d'enregistrer ses S P G si vous voulez animer ces choses quantité inanimée, cela prend un peu plus de taille de fichier. Donc, si vous ne voulez pas les animer, les rendre plus petits, quelque chose comme ça, alors juste sauver les paquets P et G ou J gâchis sera très bien là. Mais gardez à l'esprit que tout ce que vous faites n'importe quel type de J. Peg ou A P et G que vous voulez prendre utilise les mêmes pratiques que le développement Web normal, donc vous voulez vous assurer que vous les enregistrez pour le Web. Vous dites, optimisez-les autant que possible. Et donc là Cette taille de fichier est beaucoup plus petite parce que n'importe quoi, n'importe quelle image comme ça si c'est une très grande image et que vous l'apportez et définissez bien le type de symbole , ça va rendre votre projet élevé encore beaucoup plus grand. Donc, vous voulez faire une petite taille de fichier aussi petite que possible, et vous le faites généralement dans Photoshop ou illustrator ou quelque chose comme ça, euh Et puis amenez-le à l'intérieur du type tumulte. Et puis si je viens dans la ressource est que j'ai alors mon Vous pouvez voir ici j'ai mon spg là-bas. J' ai mon J peg. puis Etpuisj'ai aussi la possibilité de faire des fichiers de référence ou de référence de la rétine. Si je voulais avoir un écran de rétine. Donc, si je travaille sur iPad ou iPhone et que je veux obtenir un affichage un peu plus net, je peux le faire aussi. Mais gardez également à l'esprit que cela augmente la taille de votre fichier pour l'ensemble de votre projet Web là-bas. Mais si je viens ici et que je n'ai pas encore de rétine et que je voulais bien ajouter une rétine, avec cette vignette sélectionnée, je peux aussi entrer dans la rétine parfois, aussi entrer dans la rétine parfois, et je peux entrer et ajouter le fichier source. Et c'est là que j'ajouterais la source de ce pouce. Maintenant, maintenant ces vignettes déjà grandes, je ne suis pas sûr de ce qui est même appelé pouce maintenant, honnêtement, hum, mais c'est déjà grand pour commencer, donc je n'ai pas vraiment besoin d'une rétine. Mais si je voulais avoir des éléments différents quand il est sur un écran de rétine. Il sait automatiquement tirer dans cela et certains. Alors j'ajoute juste la source là. Et on y va. Maintenant qu'il a l'air plus croustillant, plus propre sur un iPhone ou iPad ou très grande résolution. Ah, ordinateur. Alors, voilà. C' est comme ça que vous insérez des images, comment vous répondez à SPG es comment vous l'échangez. Vous pouvez également entrer ici et sélectionner sur l'objet que vous pouvez sélectionner. C' était, dit supprimer. Lorsque la référence ne supprime plus l'objet pour aider à accélérer votre code, il va pré-charger cette image. Et donc, avant l'interaction, notre animation commence même à jouer jusqu'à ce qu'elle soit préchargée et peut prendre un peu plus de charge des orteils . Hum, et puis il a également automatiquement optimisé lors de l'exportation. Donc, si vous vouliez optimiser, Mais si vous trouvez que le vent est optimisé, il le fera. En fait, vous n'aimez pas la distorsion que vous obtenez avec ça. Voulez-vous simplement décocher cela ici et puis chaque fois que vous pouvez remplacer une image sans affecter quoi que ce soit que j'ai fait sur mon animation ? Disons que j'ai utilisé ça et que j'ai animé tout son propre endroit, et je suis genre, Oh, mon Dieu. J' ai besoin de mettre à jour cette image sans affecter cette image là. Je pourrais juste venir ici et remplacer ah, télécharger une nouvelle image, et puis il va mettre à jour ça Eh bien, je l'ai fait sur la mauvaise forme. Je l'ai fait sur la forme SPG à la place. Quand une sélection ici, cliquez sur remplacer Go Thumbnail ici et puis vous pouvez voir clignoter pendant une seconde parce que mis à jour l'image partout où il a été utilisé tout au long du projet. Et c'est tout ce que j'avais à faire. J' allais juste là-bas, le remplacer là. Um, maintenant dans ma référence d'orteil une autre chose à l'intérieur de ma ressource est, c'est que je peux aussi venir ici et avoir filtrer ça si je voulais chercher juste des images. Si je voulais chercher juste des vidéos, fichiers audio, fonctions, des polices, quelque chose comme ça, je peux le faire juste en entrant ici ou juste si ma ressource est devenue vraiment grande, je pourrait simplement commencer à taper dans le Minch, trouver cette image, puis la remplacer à partir de là. C' est ainsi que vous travaillez avec les images. SPG archive les cadeaux de P et G, J. Paige ou quelque chose comme ça à l'intérieur. Petit type 13. 13 Audio: Nous avons travaillé avec des images. Nous avons travaillé avec les formes que nous avons travaillées avec le texte. Maintenant, allons dans le fichier audio et ensuite nous allons parler de vidéo. Donc, afin de répondre à l'audio à l'intérieur de votre projet de type temple, vous venez juste dans les éléments. PanAm descend à l'audio, puis, avec cet audio sélectionné, je peux ensuite trouver l'audio sur mon bureau, dont j'ai un exemple de fichier ici Azaz point audio mp trois. Je vais cliquer sur ouvrir et a dit que traits automatiquement un bouton pour moi. Maintenant, ce bouton audio convertit alors cet audio en ou ne pas convertir. Mais pour lire l'audio, si vous voulez vous assurer qu'il joue sur tous les appareils, vous pouvez voir qu'il est placé ici. À l'intérieur de ma ressource est Folder, un dossier audio qui a une référence au point audio MP trois. Eh bien, il y a quelques autres choses à nouveau pour jouer sur plusieurs appareils différents que je voudrais probablement convertir ou tirer ou convertir le fichier audio en un point org ou point whv fichier éloigné. Et donc vous pouvez faire comme Adobe Edge ou une audition Adobe désolé. Et pour convertir cela, vous pouvez également dio audace et exporter cela vers les différents éléments dans le fichier Ogi ou le fichier de façon. Et puis une fois que vous avez fait ça pour, vous savez, ne pas perturber le projet parce que pour l'instant je n'ai pas besoin de ces fichiers. Maintenant, je peux vraiment travailler avec ceux qui peuvent, hum, les insérer et utiliser l'audio quand je veux, mais pour le faire avant, je voudrais le faire avant de publier ceci pour l'avoir, assurez-vous que cela fonctionne sur tous les appareils. Eh bien, je voudrais m'assurer qu'il vient ici et sur ma ressource est de sélectionner la barre oblique audio o g, puis de venir dans la source d'annonces et puis de trouver ce fichier Ogi de cette façon. Il sait que c'est le même fichier audio, mais c'est la version Ogi ou c'est le même audiophile dans sa version w, la version de façon. Mais je n'ai pas encore besoin de les avoir pour le développement. Je veux juste m'assurer que je reçois ceux avant de publier le montant. Maintenant, une fois que l'audio est en place, il crée automatiquement un bouton parce que l'audio a besoin de quelque chose pour pouvoir se déclencher. Donc je vais venir ici et donc entrer dans mes actions. Nous n'avons pas encore parlé de ça, mais en ce moment, c'est théâtral dans est prêt à jouer du son. Et ce son va être le fichier audio. Et je peux aussi c'est un endroit où je peux lier ma version MP trois ma version O G. A, ou ma version wave si je le voulais. Même endroit. Et si je ne fais pas cela, vous voyez ces avertissements qui dit OK, Firefox 3.64 point 5.0 et au-dessus d'un nog ou ondes sources audio nécessaires pour la lecture. Donc, puisque ces avertissements le sont, je ne peux ni avoir un nog ni un fichier loin mon Disney ni un. Donc si j'ai un moyen de classer, alors je pourrais juste lier ça. Et puis cet avertissement disparaîtra probablement après ça. À ce moment-là, si je voulais que ça joue automatiquement, je peux venir ici et dans ma scène, inspecteur, quelle est la scène ? Hum, la scène initiale. Quand je viens dans cette page, pourquoi peut entrer sur le chargement de la scène et sélectionner la liste déroulante, puis descendre pour jouer son. Et si je sélectionne le dans cette liste déroulante, quel est le son que je veux lire, sélectionnez le fichier audio là. Ensuite, il sélectionnera le Il va commencer à jouer le son sans que la personne ait réellement un déclencheur. Ce bouton. Si j'ai une image, disons, Laissez-moi aller de l'avant et insérez simplement mon image ici. Je vais juste ramener cette image l'image aléatoire et je viens ici et insérer 12 images de fichier disco. L' insérer cette image ici et puis je peux venir dans les actions, descendre à la souris, cliquer, sélectionner la liste déroulante pour jouer le son, puis sélectionner cela et dire, OK, il y a le fichier audio. Ça va jouer ce son. Ah, quand la personne clique sur l'image, donc ce n'est pas spécifiquement que vous ne pouvez pas jouer, suffit de lire l'audio. C' est juste que vous devez spécifier quand l'audio est en cours de lecture. Cependant, nous avons toujours un avertissement avec la charge vue. Vous remarquerez la liste déroulante. Il y a un autre avertissement qui est ah, pas spécifique à avoir le format Ogi ou le format away, il est dit ici. Android 2.3 et certains IOS um, éléments qui seront en fait à peu près tous les éléments IOS ne peuvent pas lire automatiquement l'audio sur appareils mobiles à moins que ce soit, ah, application Web de l'écran d' accueil. Donc, si c'est un flux web à la maison, il va jouer automatiquement. Cependant, IOS a besoin ou même certaines versions d'Android ont besoin de l'utilisateur pour initier le son ou initier quelque chose, puis le son se plaindre. Après cela, si c'est ah bouton de début où vous verrez généralement sur différents jeux ou interactions. Ah, bouton de début quand ils cliquent sur commencer Après cela, alors vous êtes OK pour initier différents sons et utiliser différents éléments. C' est juste qu'il doit y avoir un type d'entrée utilisateur pour vous permettre de le faire. Et je pense que c'est une restriction de Napoli qu'ils veulent que trois utilisateurs n'aient pas seulement ce que ces tous ces fichiers audio est en train de jouer au hasard. Ils veulent que l'utilisateur s'engage dans le fichier audio la même chose avec la vidéo que vous ne pouvez pas avoir sur appareils IOS vidéo juste jouer automatiquement leur utilisateur a besoin d'engager avec elle, et ils doivent appuyer sur le bouton de lecture et pour qu'il commence à jouer. C' est ainsi que vous entrez ici et insérez de l'audio et comment vous utilisez l'audio sur différents déclencheurs, que ce soit la charge de la scène pour démarrer automatiquement la lecture. Et encore une fois, je ne voudrais probablement pas le faire sur IOS, mais c'est comme ça que vous voudriez le faire si vous ciblez juste des ordinateurs de bureau ou quelque chose comme ça , mais aussi comment vous ajoutez sur l'audio pour commencer à jouer sur Ah L'image de Preston ou autre chose comme ça. C' est comme ça que vous travaillez avec l'audio. 14. 14 vidéo: Ensuite, nous allons parler de la façon d'insérer une vidéo à l'intérieur de votre projet. Donc je vais aller à la section des éléments, revenir à la vidéo, et quand je descends à la vidéo, je dois, euh, trouver ma vidéo, trouver ma vidéo, qui en ce moment j'ai cette vidéo de lapin tueur Monty Python tout comme cet exemple va cliquer sur ouvrir ici et ça va insérer la vidéo à l'intérieur de mon projet. Maintenant, en bas, vous remarquerez qu'il y a une piste vidéo. Si je vais dans mes propriétés, je dois m'assurer qu'il est sélectionné. Je vais étendre cette section de propriété et vous remarquez que je peux voir les différents éléments de cette vidéo ici. Maintenant, c'est bien, parce que alors je peux déclencher ou insérer des éléments de timeline orteil arriver à un certain point de la vidéo. Mais pour l' instant, en ce moment, par défaut, je n'ai pas encore parlé de ces déclencheurs, donc je ne vais pas m'inquiéter pour ça. Mais c'est juste quelque chose à garder à l'esprit. Maintenant, avec ce panneau Eléments sélectionné, hum, je veux venir ici et en fait, vous remarquerez quelques éléments différents avec ce panneau d' éléments sélectionné. La première chose est que la vidéo elle-même me donne un petit avertissement. Ici, A dit auto safari mobile. Um, jeux automatiques ignorés, donc pas la lecture automatique. Et puis il me dit les sources vidéo Fox sur feu nécessaires pour la lecture. Donc en fait besoin de ce fichier Oh, gv ou ce w ce fichier Web m. Donc, tout comme l'audio, je dois vraiment m'assurer que les trois formats différents pour les différents navigateurs afin de m'assurer que je prends mon projet fonctionne dans tous les navigateurs. Je ne me suis pas assuré que ces formats sont corrects sont formatés dans le bon format pour que je travaille avec l'intérieur du type tumult. Maintenant, encodeur Adobe Media vous permet d'encoder la vidéo pour que je puisse prendre cela. Et avant cela, je suis allé dans adobe media encoder puis converti dans les bons formats afin de l' utiliser à l'intérieur d'ici. Et puis j'ai quelques différences qui contrôlent ici. J' ai cette lecture automatique, mais encore une fois IOS ignorera cela. Et puis nous allons montrer un bouton de jeu. Ils doivent jouer si je voulais montrer les commandes ou non. Si je veux que l'utilisateur puisse le contrôler. Je peux le faire. Je voulais être mis en sourdine par défaut. Seiken sélectionne simplement en sourdine. Et si je voulais boucler une fois qu'il arrive à la fin de la vidéo, est-ce que cela revient au début de la vidéo et recommence ? Je peux le faire aussi. Donc si je voulais que ce soit, ah, une sorte de vidéo en boucle et que je voulais être mis en sourdine en arrière-plan, nous allons juste prendre cette vidéo, l' étendre à toute la scène ici et maintenant. Je pourrais juste avoir cette boucle, et ça va avoir une sorte de vidéo animée en arrière-plan comme vous l'avez vu sur des bannières Web là-bas. C' est une façon de le faire là-bas. Mais je vais revenir. Ramenez ça dans les contrôles ici. Et une chose que vous allez remarquer ici est que si je prévisualise cela dans différents appareils, c' est que cela dépend des contrôles dépendent de l'appareil ou du navigateur que vous utilisez réellement. Donc et, um, l'appareil à Donc si vous utilisez un iPad, il va utiliser les contrôles par défaut que vous voyez sur un iPad et un iPhone. Même chose avec mandroid, il va utiliser les contrôles du joueur par défaut pour cette même chose était loin. Il va utiliser les contrôles par défaut avec cela. Donc, si je viens ici, cliquez sur jouer ici, vous remarquerez qu'il y a les contrôles par défaut et j'ai remonter 30 secondes. J' ai aussi cela aller en plein écran afin qu'il puisse aller en plein écran. Et je peux également m'assurer que cela s'adapte à la lecture automatique ainsi. C' est ainsi que je vais ici et juste ajuster différents éléments dans ma vidéo en sélectionnant les différents objets ici et certains que je peux entrer et d'autres ont la lecture automatique. Je peux le contrôler, montrer les commandes. Je peux avoir un sourd. Je peux avoir une boucle dans différentes choses, mais c'est la base de l'utilisation de la vidéo à l'intérieur pour multi pichon aussi venir ici, hum, ennemi dans l'opacité. Je peux aussi animer Ah, la vidéo que je peux avoir une mouche dans si je voulais Teoh animer dans animé dehors. Donc beaucoup d'éléments différents, les mêmes éléments que vous utilisez avec des formes normales et la différence. Un fichiers texte et tout ce qui fonctionne toujours sur le côté des fichiers vidéo et audio, alors que pas audio mais les boutons qui ont des fichiers audio attachés à elle. C' est ainsi que vous travaillez avec la vidéo à l'intérieur de son type Immel. 15. 15 Widget HTML: la dernière chose d'élément dont nous allons parler à l'intérieur du type tumult est le widget html d' intégration herbal. Alors je vais entrer dans la section Eléments. Je veux descendre au widget HTML. Ce que cela fera, vous remarquerez sur l'étiquette ici, dit widget html dans Humo Wedge A est utilisé pour afficher HTML intégré dans votre scène ou incorporé dans mon cadre d'un objet Web différent tellement à peu près il nous donne juste la possibilité d'ajouter importe quoi code que nous voulons. Donc sur le dans les éléments, Inspecteur, nous avons ce widget HTML. Je peux cliquer sur cet extrait de code d'édition, et si je clique sur l'ajouter un extrait de code maintenant, cela devrait être familier. C' est ce que nous travaillons avant, où nous pouvons réellement taper le code que nous voulons. Code HTML Maintenant. Typiquement, nous faisions juste des fichiers texte différents ou des éléments de texte différents, mais je pouvais vraiment juste mettre une de ses balises qui une fois à l'intérieur ici juste garder à l'esprit. C' est juste quelque chose que, euh, quel que soit le code avec lequel vous travaillez réellement, vous devez juste vous assurer que si vous référentez différents objets, vous le référencez au bon endroit et tout. Donc, nous pouvons soit éditer le HTML juste à l'intérieur de là, ou nous pouvons réellement entrer ici et à l'intérieur des éléments. Inspecteur affaiblir. Juste un spécifier u R L que nous voulons utiliser cela sur intégrer et je cadre code à l'intérieur de là, donc c'est à peu près avec le widget HTML est que vous pouvez insérer un autre HTML. Vous pouvez créer un lien vers des sites Web ou ah, en apportant d'autres éléments comme ça, ou vous pouvez répondre dans votre propre HTML. Ajoutez dans votre propre cadre ou quelque chose comme ça à l'intérieur de ah à mull type. Maintenant, la seule chose agréable à ce sujet est, si vous êtes juste spécifié dans une certaine zone pour être ce HTML comme un Google Maps ou quelque chose comme ça, vous pouvez alors animer dans ces cartes à certains moments, et vous pouvez avoir ces seulement à certaines pages et tout. Mais c'est ainsi que vous utilisez le widget HTML. Intérieur du tumulte, type 16. 16 symboles de l'eau: D' accord. Donc la prochaine chose dont on parlera, c'est des symboles à l'intérieur. Petit type. Maintenant, les symboles sont vraiment belle fonctionnalité car il vous permet d'avoir des animations imbriquées. Si vous voulez avoir certains éléments. Supposons que vous utilisez votre chronologie pour passer à différents points. Mais vous vouliez avoir des éléments qui sont indépendants de votre timeline et qui peuvent toujours animer en continu même si vous avez arrêté votre timeline. Fondamentalement sur. Nous l'avons vu dès le début quand je montrais les différents exemples de la carte et vous avez vu la carte rester en un seul endroit. Mais vous avez vu les différents éléments, comme le carrousel ou le train qui continuait à boucler. Ce sont tous des calendriers imbriqués à l'intérieur de l'animation battante ici. Alors maintenant, je vais juste aimer penser, garder les choses basiques. Je ne vais pas construire quelque chose de très complexe ici. Et donc tu te demandes, OK, comment ai-je pu arriver à cet endroit pour commencer ? J' aime juste garder les choses avec différentes formes et différents éléments vraiment basiques. Donc nous avons appris le concept de base, puis dans d'autres tutoriels ou autres cours ou quelque chose comme ça après les bases, après que vous savez comment faire avec des formes normales, alors nous pouvons entrer dans les choses plus complexes, comme Ok, comment puis-je construire cette chose spécifique en sachant que les bases que je connais déjà, comment doe eyed, puis prendre ça et ensuite mettre en œuvre dans différents domaines et tout ce que nous allons entrer dans cela est juste à nouveau. Mon style est de simplement garder avec les bases, garder avec les formes de base. Donc vous ne vous demandez pas comment en est arrivé à un certain point ou quoi que ce soit une fois que j'ai mis en place un exemple de fichier ou quelque chose comme ça ? Bon, donc on va venir ici et cliquer sur un nouveau symbole. Vous avez deux options différentes. Vous pouvez simplement cliquer sur créer un symbole complètement nouveau, ou vous pouvez créer une forme qui va devenir un symbole. Donc, je vais entrer dans un rectangle, et je vais juste avec cela dit, rectangle sélectionné, va sélectionner ce symbole sur, dit nouveau symbole de la sélection. Donc, si j'avais plusieurs éléments qui vont être animés dans ce symbole, je voudrai peut-être sélectionner tous ces éléments et ensuite entrer dans un nouveau symbole de la sélection. Je vais cliquer sur le nouveau symbole de la sélection ici, et ça n'a vraiment pas beaucoup changé. Je vais cliquer sur le nouveau symbole de la sélection ici, Vous remarquerez au lieu de rectangle vers le bas à la timeline. Il dit maintenant symbole, se débarrasser de mon widget HTML là. Mais ça dit juste symbole et je pourrais le nommer comme je veux. Cependant, lorsque vous le souhaitez et que nous travaillions toujours avec la ligne de temps principale dans la zone principale , pas dans un symbole quelconque. Si je voulais entrer dans ce symbole et ensuite travailler avec cette ligne de temps, je peux le faire aussi. Mais pour avoir ce concept, je vais tout d'abord animer et nous n'avons pas encore parlé d'animation, mais nous allons faire juste un ennemi rapide qui que ce soit pour venir ici et juste animer. Donc je vais mettre ça à une position actuelle, et ensuite je vais à des animes. J' ai cliqué sur ce bouton rouge. Ça va enregistrer n'importe quel mouvement que j'ai fait. Maintenant, j'ai agité cet objet juste pour enregistrer que c'est l'état initial du bouton ou désolé du rectangle, et je vais déplacer mon curseur ou cette chronologie sur une seconde, et puis je peux étirer cela sur Teoh animer à la côté droit afin que vous remarquerez une chose et encore une fois nous allons aller en profondeur avec l'animation. Mais vous remarquerez cette ligne bleue qui est créée qui est théano mation sur la chronologie principale . Nous ne travaillons avec aucun symbole. Maintenant, si je voulais entrer dans ce symbole et animer quelque chose dans ce symbole qui est indépendant de la chronologie que je viens de créer pendant que je pourrais entrer dans, je vais juste m'assurer que je vais frapper stop record d'abord, mais je vais aller dans ce symbole pour aller dans le symbole, vous devez double-cliquer sur l' objet que le symbole lui-même. Donc je vais choisir un symbole et vous remarquerez. Maintenant, j'ai cette ligne violette qui apparaît sur ma chronologie. Cela me donne des miettes de pain pour me faire savoir où je suis parce que vous pouvez avoir un symbole dans un symbole dans un symbole, et vous pouvez nous amener profondément. Est-ce que vous voulez fondamentalement, et cela vous permet de juste garder une trace à propos de maintenant parce que je suis entré dans ce symbole avec le rectangle, hum, il n'a rien que je viens de faire sur la chronologie principale parce que c'est de ce que nous venons de faire à l'époque du Maine. Comme maintenant, je peux créer mes propres animations à ce stade qui vont continuellement boucler encore et encore même si la chronologie principale s'arrête. Je vais venir ici, cliquer sur le bouton d'enregistrement et quelqu'un à déplacer. Je vais vraiment m'étendre ici. On prend juste cette rotation et je vais venir à ma propriété Elements, et je suis et puis je vais passer à ma rotation. Pense à mon action de rotation. Ma rotation est dans mes métriques, inspecteur. Je vais entrer dans ma rotation, et je vais juste augmenter cette rotation pour être quelque chose comme, disons ah 3 60 Eh bien, ça fait en fait, euh, 73. On dirait qu'on est sur le coup et qu'on se rapproche un peu de 72. Probablement à 70. On y va. Je voulais juste le garder dans les mêmes limites que nous avions avant. Et, euh, maintenant, en fait, on doit commencer celui-là par zéro. Excusez-moi. Je dois déplacer ma chronologie. Rappelez-vous, nous allons en parler, et une fois que nous entrons dans la section animation où vous devez déplacer votre orteil une seconde ou aussi longtemps que vous voulez. Et maintenant, nous pouvons aller de l'avant et prendre cela une fois complètement. Et faisons juste un tout 3 60 là, on y va. Donc fondamentalement juste retourné sur une fois, tout le chemin à 360 degrés et certains C'est tout. Donc, mais nous devons faire Une chose de plus est que nous devons boucler la boucle orteil d'animation, l'animation dont nous avons réellement besoin pour ajouter un déclencheur. Et juste en cliquant sur l'icône plus à l'intérieur du diamant, nous pouvons ensuite passer à l'action et ensuite nous pouvons aller à Allons descendre pour commencer la chronologie et nous allons aller à la chronologie principale. Donc à l'intérieur. Et nous n'avons pas encore parlé de délais multiples. Mais à l'intérieur de chaque ligne de temps moyenne ou même symbole, vous avez des calendriers différents. Tu peux venir ici et tu peux le voir. ce moment. J' ai juste une chronologie principale, et cette chronologie principale va juste s'exécuter une fois par défaut. Mais ce que je veux faire, c'est que je veux qu'une boucle revienne à travers. Donc, mais tout ce que je fais ici est juste à l'intérieur de ce symbole sur. Donc, je bouclais juste l'animation, qui est la rotation ici et de sorte que la timeline principale ne devrait pas être affectée quoi que ce soit. Ok, donc une chose que nous n'avons pas réussi à faire jusqu'à présent, si je déteste l'aperçu, c'est que la chronologie imbriquée ne joue pas correctement automatiquement, comment puis-je l'obtenir pour démarrer l'avion ? Donc, une chose que je dois faire est en fait sur ma chronologie principale ou mon calque principal lui-même. Je dois venir ici et choisir ce symbole. Et puis je dois descendre aux propriétés et sous les actions des symboles. J' ai besoin de cliquer sur cette icône plus, puis et apparaît avec cette action de symbole. Et puis je sélectionne la liste déroulante pour démarrer la chronologie. Eh bien, ça va spécifier la chronologie sur, mais je vais avoir plusieurs calendriers ici. Et quand le nom c'est celui qui est là juste par défaut est la chronologie principale. Donc je vais m'assurer que c'est sélectionné, et c'est à peu près tout parce que je parle à la chronologie du symbole. Je ne parle pas du calendrier global du projet. Je parle juste à la chronologie du symbole, donc je veux aller un coup et frapper l'aperçu maintenant et vous remarquerez que la chronologie, la chronologie principale que nous avons arrêtée parce que nous ne bouclons pas celui-là, mais la rotation, un mot en boucle encore et encore et encore et encore. Il va continuer à s'animer, et de cette façon nous avons essentiellement la chronologie principale. Arrêter et indépendamment de cette ligne de temps est une autre ligne de temps qui continue à boucler encore et encore et encore comme ça. C' est donc la beauté des symboles. Maintenant, une autre différence, symboles persistants qui vous permet de prendre ce symbole et à peu près avoir un croisé toute nouvelle scène que vous créez réellement. On va en parler dans la prochaine vidéo. 17. 17 symboles persistants: dans la dernière vidéo, nous avons parlé de symboles. Dans cette vidéo, on va parler de symboles persistants. Maintenant. La différence est à peu près la même chose. Vous pouvez toujours avoir, hum, des animations fonctionnelles. Vous pouvez avoir des calendriers indépendants les uns des autres. Et donc, même si votre timeline elle-même est en cours, votre timeline elle-même est en cours d'exécution sur la ligne d'entre-temps et vous avez une autre chronologie qui est en boucle encore et encore. Oh, c'est la même chose. La seule différence avec les symboles persistants est le fait qu'il traverse toutes les scènes. Donc, si je viens ici et dans ma section de scène, allons de l'avant et juste ajouter une nouvelle scène. En cliquant sur cette icône plus, il va ajouter une scène complètement nouvelle. Je vais revenir en voir un, et disons que j'ai un fond qui va être similaire, empilé tous les objets de différence. Nous pouvons penser que OK peut venir ici, sélectionner le créer un cheveux rectangle et juste étirer cet article. Et maintenant ça va être mon expérience. Eh bien, je vais entrer dans le panneau des éléments, changer ça pour lire, et on y va. Maintenant. Si je voulais que ça parcoure toutes les scènes. Eh bien, je devrais juste copier ça et le coller dans toutes les scènes qui pourraient devenir un cauchemar . Et tu devrais passer beaucoup de temps là-dessus. Um, si vous vouliez essentiellement juste d'un seul coup, que dans toutes vos scènes différentes fera un symbole persistant. Donc je vais venir ici et sous le symbole. Je vais cliquer, faire un nouveau symbole persistant de la sélection, que j'ai sélectionné le rectangle. Et il va Teoh, donnez-moi la possibilité de voir ajouté à actuel vu ou ajouté orteil toutes les scènes. Eh bien, allons-y et ajoutez-le à toutes les scènes et vous remarquerez automatiquement et vu à elle a maintenant ce symbole persistant là. Je n'ai pas à créer. Je n'ai rien à faire. Donc si je crée une nouvelle scène, il y aura encore ce symbole persistant. Et donc c'est la bonne chose, c'est que je peux encore venir ici à cette ligne de temps ou à ce symbole, créer sur les animations que je veux. Il peut avoir un arrière-plan animé ayant différents objets traversant comme nous l'avons vu sur cette carte. Vous avez la vente des soins. Vous aviez les différents éléments animés indépendamment de la chronologie principale réelle. Vous pouvez le faire ici aussi, aussi, mais alors tout projet ou toute scène que vous créez qui a différents objets qui volent ou sortent a ce même symbole d'arrière-plan vraiment utile, fonctionnalité extrêmement utile que vous avez à l'intérieur. C' est un type de taupe que je n'ai pas vu un autre, um, des projets ou d'autres fichiers sont des applications comme celui-ci lui-même. Ok, donc, mais si vous le vouliez sur des scènes spécifiques, masquez ce symbole persistant, eh bien, vous l'avez dans votre chronologie. Pourtant, pour que vous puissiez juste cliquer sur le globe oculaire, oculaire, globe oculaire, et ça le cacherait de votre chronologie. Donc, ce n'est pas à l'intérieur de votre temps principal ou de cette ligne de temps, mais c'est une autre ligne de temps, même si je crée plus de calendriers. Les nouvelles lignes temporelles ont ce symbole, mais l'autre sur cette scène spécifique est cachée là maintenant. Des changements ? L' une des belles choses sur les symboles ou les symboles persistants ? Est-il à peu près tous les changements que vous apportez dans un domaine vont partout. Donc, si je viens ici et sous ce symbole persistant, double-cliquez dessus et changez la couleur en, disons, vert bien à travers tout le reste. Toutes mes scènes de différences. Ce projet est maintenant devenu ou c'est un arrière-plan qui a maintenant changé un vert. Si j'ai ajouté d'autres éléments allant dans ce symbole, puis en ajoutant d'autres éléments comme, disons, un élément de texte ici a maintenant ajouté cela à toutes les instances de ce symbole. Donc si je reviens dans l'air d'en voir un, eh bien, ils sont Innis, c'est là. Donc, je fais mon changement en un seul endroit. Et puis c'est une croix sur tous les éléments, et c'est la même chose avec juste des symboles normaux. Si vous voulez avoir un bouton qui va être assemblé, nous allons créer le bouton et ensuite mettre ce bouton et utiliser ce bouton et dans toutes vos scènes différentes. Et si vous devez apporter une modification à ce bouton, disons que vous devez mettre à jour les couleurs dont vous avez besoin, mettre à jour les étiquettes ou autre chose. Vous le changez à un seul endroit, et quand vous changez à un endroit, puis cascades à tous les différents éléments, c'est une autre caractéristique énorme de travailler avec des symboles à l'intérieur. C' est un type de taupe 18. 18 lignes de commande principales: On va parler des principaux délais à l'intérieur. C' est un type de taupe maintenant dans un nouveau projet. Si vous venez sur le côté gauche denté ici un fond, vous remarquerez. Si je sélectionne cette liste déroulante, il y a quelques erreurs qui me font savoir qu'il s'agit d'une boîte déroulante et je peux basculer entre les différents calendriers disponibles ici et je peux y aller. Et pour l'instant, je n'ai qu'une seule ligne de temps, qui est la chronologie principale. Mais je peux vraiment venir ici et cliquer sur de nouveaux calendriers ou aller modifier les calendriers. Une autre façon d'atteindre mes échéanciers est de venir voir mon inspecteur et de passer sur ma scène. Attendez-vous à cliquer sur la scène et puis je peux ajuster ou ADM ou chronologie en venant ici et en cliquant sur le plus. Ou je peux sélectionner la chronologie et supprimer cette chronologie également. Donc, l'une des choses à propos des timelines est que ce sont essentiellement des animations optionnelles qui peuvent se produire afin que vous puissiez sauter dans différentes scènes. Vous pouvez avoir un contenu différent, des couches différentes, et vous pouvez séparer votre contenu même avec des symboles et tout ce qui est du genre. Mais la chose à propos des timelines est que vous pouvez avoir ces animations facultatives, et c'est vraiment ce que les timelines, au moins comment je vois les timelines est une animation facultative. Donc, si quelqu'un clique sur ce bouton, il peut exécuter cette chronologie un. Ou si quelqu'un clique sur un autre chignon, il pourrait exécuter la chronologie vers et ainsi de suite. Donc, vous pouvez avoir ces choses de différence, fondamentalement, que ces calendriers, où ces options vont animer en fonction de ce qui est cliqué ou basé sur n'importe quel type de condition ou quoi que ce soit comme ça. Donc, ce ne sont pas des symboles persistants ou ne sont pas des symboles où vous avez une sorte d'animation en cours d' exécution sur sa propre ligne de temps, et c'est à l'intérieur d'une autre ligne de temps. C' est une chronologie complètement séparée où les choses peuvent complètement différentes. Les choses peuvent se produire en fonction de ce qui est cliqué et ce qui n'est pas collecté ou quoi qu' il arrive à ce moment. Encore une fois, c'est à vous de choisir. C' est si vous cliquez sur une option qui dit relatif ici, il va prendre l'objet de n'importe où il est à ce point, vous servir animé à Main Timeline un, puis vous cliquez sur le bouton qui va à la timeline à, par exemple, Ensuite, il prendrait où que cette ligne de temps principale était, puis animé à où il se trouve à l'intérieur d'une ligne de temps à. Donc, la meilleure option que je peux voir est fondamentalement, si vous vouliez que quelque chose aille dans un sens ou dans l'autre, et vous pouvez utiliser une ligne de temps pour l'animer d'une manière, puis utiliser une autre ligne de temps et animer l'animation dans l'autre sens. On va plonger Mawr dans les calendriers plus tard dans ce cours. Mais pour l'instant, c'est au moins une introduction. En ce moment, on va juste travailler avec la chronologie principale. Alors passons dans la vidéo suivante et commençons à animer certains objets. 19. 19 Timeline de Animaton: Maintenant, commençons à animer quelques objets sur notre scène. Maintenant, il y a deux façons différentes d'animer des objets sur cette scène à l'intérieur du type tumulte. Allons de l'avant et ajoutons un objet. Donc, je veux venir à mes éléments, descendre au rectangle et aller de l'avant et déplacer ce rectangle. Maintenant, je vais aller dans ma forme, Inspecteur ou mon élément, Inspecteur, je veux changer cette couleur juste pour que ce soit un peu plus évident. Avant c'était ce gris si peu mélangé dans le blanc. Mais maintenant que c'est là, je veux revenir à ma chronologie principale. Et quand un double clic sur cela pour aller de l'avant et renommer ceci et je vais juste dire l'objet un, allez-y et cliquez. Ok, maintenant, d'ici en bas, je vais allonger ça un peu plus pour qu'on puisse le voir. Mais vous pouvez voir si je viens ici et étire cette chronologie, je peux voir tous mes objets ici, mais ensuite je peux voir mes propriétés en bas. Maintenant, nous allons parler un peu plus de ce que sont les propriétés et ce que vous pouvez faire avec ça. Donc maintenant, pour l'instant, je vais juste aller de l'avant et descendre à mes propriétés et je peux cliquer sur plus pour l' origine gauche dans le haut de l'origine. Donc, c'est fondamentalement de gauche à droite. Ça va être à gauche. Si vous allez l'animer de gauche à droite ou même de droite à gauche , vous utilisez toujours cette option, et puis haut est, si vous voulez animer de bas en bas ou de bas en haut, alors, c'est de toute façon, vous allez essentiellement utiliser ces deux éléments. Donc, pour commencer un chronométrage pour commencer une image clé, alors je viens ici et je déplace ma chronologie ici. Cela en utilisant ce scrubber, et je vais le déplacer au point que je veux vraiment commencer cette animation. Donc je vais aller de l'avant et cliquer sur plus pour cette icône de diamant et ce sera le plus . Ok, je vais animer ma gauche et ensuite je vais aller de l'avant et frapper. De plus, pour Animate Top est bien, donc ça commence mon animation. C' est de là que ça va commencer. Alors maintenant, je vais aller de l'avant et bouger un peu mon cadre clé. Et maintenant, je peux déplacer mon objet vers un autre emplacement, puis cliquer sur plus à nouveau et puis plus encore. Maintenant, il ne s'anime pas automatiquement. Je dois en fait aller et m'assurer que cela arrive automatiquement. Vous pouvez voir ça. En fait, parfois quand je le fais de cette façon, il ne s'enregistre même pas que je l'ai déplacé ailleurs. Donc je dois y revenir et le replacer là où c'était avant. Maintenant, si je voulais obtenir les dimensions exactes, je pourrais entrer ici, entrer dans mes métriques, entrer dans la gauche et entrer dans la largeur venant en haut, arrivant à la hauteur. Et je pourrais en fait aller et obtenir ça exactement là où je veux qu'il soit positionné dès le début. Et puis si je voulais le déplacer jusqu'à la fin. Maintenant, je peux ajuster le placement de la fin aussi bien, sorte que crée automatiquement Cette ah Tween fondamentalement entre une trame clé et l'autre trame clé contre. Parfois, il n'enregistre pas la première image clé, donc vous devrez peut-être la remuer un peu sur la première image venue pour qu'elle s'inscrive, puis la déplacer, déplacer un peu votre scrubber, puis déplacer votre objet à l'endroit où vous voulez l' animer, aussi. Donc, si je vais de l'avant et appuie sur Play, vous pouvez voir qu'il s'arrête une seconde, puis il joue l'objet. Maintenant, au lieu d'avoir à insérer ces images clés pour chaque fois que je veux animer quelque chose, il y a un moyen plus facile. Et il y a ce bouton d'enregistrement. Donc je vais aller de l'avant et sélectionner cette chronologie ou cette animation pour gauche. Je vais appuyer sur supprimer, et elle a pu voir ça. Maintenant, il est juste comme le haut et le bas. Je veux aller de l'avant et sélectionner celui-ci aussi et appuyer, supprimer. Et maintenant, à ce stade, je n'ai aucune animation. Donc, la façon la plus simple de le faire est en fait de saisir le bouton d'enregistrement, cliquer sur le bouton d'enregistrement, puis de déplacer mon scrubber ici et vous pouvez voir que deux tout début de cela. C' est le tout début de la chronologie et donc je peux réellement déplacer ce point. OK, où est-ce que je veux que cette animation commence à l'avant de cette animation. Et puis je peux déplacer la laveuse. OK, où est-ce que je veux que ça finisse ? J' ai donc mis ces deux points. Et si dès que j'ai défini ces deux points, tout ce qu'ils ont à faire est de déplacer mon objet et vous pouvez voir que cela enregistre automatiquement l'image clé avant et la dernière image clé. Et il a cette animation dans le temps que j'ai commencé, cette image clé juste ici a commencé dans cette animation. Et quand j'ai fini, ce qui est là maintenant, je pourrais étendre ça. Je pourrais le rendre plus petit. Je peux le rendre plus grand aussi, mais c'est juste animer les mêmes propriétés qui vont d'un endroit au même endroit. Peu importe le temps qu'il faut pour le faire, il ne le fait pas automatiquement. La bonne chose à propos de l'enregistrement est juste le fait que je n'ai pas à cliquer sur l' image clé ajouter . Chaque fois que je voulais commencer. Donc je vais aller de l'avant et juste cliquer sur l'enregistrement de l'ONU ou arrêter l'enregistrement. Ensuite, quand je déplace mon curseur et que je vais cliquer sur le bouton d'enregistrement à nouveau Maintenant, je peux déplacer mon point de départ pour être ailleurs. Allons de l'avant et passons à trois secondes, et ensuite je vais déplacer mon laveur pour être à environ cinq secondes. Maintenant, si je bouge avec ceux en place maintenant, je peux aller de l'avant et déplacer mes objets ailleurs. Et vous pouvez voir qu'il s'arrête une seconde parce que j'ai commencé une nouvelle chronologie ou que j'ai commencé une nouvelle animation à trois secondes. Et puis j'ai terminé cette animation à cinq secondes. Et donc il le fait automatiquement pour moi afin que je puisse aller de l'avant et juste frapper, arrêter l'enregistrement à nouveau et ensuite faire la même chose. Donc, si je voulais redéplacer mon épurateur, je peux animer ça autant de fois que je le veux. Je peux venir ici à d'autres éléments, animer ces éléments aussi. C' est ainsi que je commence avec l'animation, fois le faire par moi-même dans les images clés, ou en utilisant le bouton d'enregistrement pour enregistrer mon animation aussi bien 20. 20 animations de facilité: Donc, dans la dernière vidéo, nous avons parlé de l'animation le long de votre timeline. Maintenant, j'ai déjà une animation ici pour commencer. Si je prends mon scrubber et que je veux prévisualiser cette animation, je pourrais juste la déplacer à gauche et à droite ici, et je pourrais voir qu'elle va de gauche à droite, une animation assez simple là. Si je ne vois pas mes propriétés en bas, je pourrais aller de l'avant et sélectionner cet objet, et maintenant je pourrais voir l'animation. La seule chose qui anime vraiment est la propriété de gauche, et elle va de gauche à droite maintenant. La bonne chose à ce sujet est que vous pouvez réellement ajouter à ce qu'on appelle l'easing, ce qui ajoute un démarrage réaliste, donc il ne reste pas la même vitesse tout le temps. Si vous avez du mal à l'intérieur, c'est penser à l'entrée et à la sortie comme début et fin. Donc, si j'ajoute dans l'East End, ça veut dire que ça va avoir cette facilité au tout début. Au début, si j'ajoute quelque chose qui dit qu'il est sorti, alors il va avoir cette facilité ou ce ralentissement à la toute fin parce que c'est facile sortir, donc il est dans les moyens commencer facilité moyen terminer maintenant. Si vous sélectionnez quelque chose qui dit qu'il est dedans et dehors, alors cela va à la fois faciliter au tout début, et cela va se soulager à la toute fin. Alors de quoi est-ce que je parle quand je dis « facilité » ? Eh bien, si vous vouliez sélectionner l'option, je peux aller de l'avant et sélectionner cette année. Je peux venir sur le côté droit et sélectionner cette option ici où dit qu'il est dans et dehors et cela me donnera une boîte pop-up de différentes choses que je peux réellement choisir ici ou une autre façon d'accéder à ce même menu est en double-cliquant sur le animation. Et si je voulais lier cela à un très spécifique que je peux double-cliquer dessus sur le côté droit appliquera effectivement cette même facilité à toutes les différentes propriétés qui sont animées. Donc, cela me permet d'être très précis avec eux. Donc si je viens ici, je peux choisir. Si je veux que ce soit instantané et que vous voyez qu'il n'y a pas de ralentissement, il n'y a pas de démarrage un peu lent et ensuite de plus en plus rapide. Ça arrive juste à la même vitesse tout le temps. Um et puis linéaire est en fait instantané arrive juste. Il n'y a aucune animation. Ça arrive juste instantanément. Il saute juste dans la nouvelle zone. Linear va fondamentalement dire juste OK, il reste la même vitesse au tout début et à la toute fin, facilité dans, disons Ok, Quelle que soit la facilité que j'applique va arriver au tout début. Mais cela n'arrivera pas à la fin. Il restera en quelque sorte le même et vous pouvez le voir avec le graphique. Ça reste le même vers la fin. La facilité de sortie restera la même au tout début. Mais alors un peu de ralentissement à la toute fin, il est dedans et dehors va ragoût les deux. Fondamentalement, il commencera lentement au tout début, et ensuite il ira lentement à la toute fin aussi bien. Alors j'ai des choses comme rebondir où vous pouvez voir que ça rebondit. Si je voulais obtenir un basket-ball et que je voulais que le basket-ball lui-même ressemble à rebondir, je peux faire ce genre élastique de dépassements de sa marque et puis revient à lui similaire à rebondir. Il rebondit juste en arrière et puis en arrière dit fondamentalement, Ok, ça va dépasser sa marque, mais puis revenir lentement aussi bien. Maintenant, la bonne chose à propos de l'une de ces options que je choisis, vous remarquerez que j'ai ces barres ici que je peux vraiment saisir. Et je peux ajuster cela comme je veux, afin que je puisse personnaliser ces facilités qui facilitent et facilitent de n'importe quelle façon que je veux. Maintenant quelques autres options que j'ai est que vous pouvez voir que si je sélectionne sur facilité, par exemple, je peux entrer et je peux choisir Cubic Quad Court, coing vu ou Expo ou Cirque. Maintenant, ces fondamentalement me donnent juste des options différentes. Donc, si je viens ici, je peux voir comment le graphique va changer, en fonction de ce que j'ai réellement sélectionné. Donc s'il y a quelque chose que j'aime un peu plus que je peux venir ici et cliquer sur Expo, je peux venir ici, cliquer sur Cirque ou quelque chose comme ça. Donc, c'est juste dire que Donc c'est vraiment une préférence, donc peu importe ce que vous voulez le plus, vous pouvez aller de l'avant et le tester. Hit play et vous pouvez voir qu'il a commencé très rapidement et puis juste un peu ralenti à la toute fin. Si c'est l'effet que je cherche super. C' est comme ça que je l'applique. Si je ne suis pas exactement ce que je cherche, que je peux revenir ici, double-cliquez sur cela et puis choisissez une option différente et obtenez quelque chose de mawr alliant à ce que je cherche là afin que vous puissiez voir que l'on est un peu plus lent et ça commence normal, et puis il devient juste un peu plus lent vers la fin. Donc, c'est comme ça que vous appliquez dans ce domaine, essentiellement l'une des propriétés que vous animez. Donc en ce moment, cela a été seulement appliqué Teoh l'origine gauche. Mais si vous avez des choses comme la taille, hauteur, la largeur ou quelque chose comme ça, vous pouvez appliquer cette facilité dans ou hors à l'une de ces animations de propriété 21. 21 Animer d'autres propriétés: jusqu' à ce point. Nous n'avons que des mouvements animés. Nous avons animé d'un côté de la scène à l'autre côté de la scène. Maintenant, nous allons parler d'animer d'autres propriétés pour que vous puissiez voir que j'ai déjà cette animation. Je pourrais venir ici et je pourrais en fait ajouter plus de propriétés. Ceux que j'ai des options. Les options que j'ai en ce moment sont l'opacité gauche, battage médiatique supérieur et le fouet. Il y a d'autres propriétés que je peux également ajuster à venir ici vers dit Propriétés. Je peux sélectionner cette liste déroulante, déplacer un peu ma souris vers le bas et vous pouvez voir qu'il y a beaucoup d'autres propriétés que je peux réellement ajuster. Je peux ajuster l'image de fond. Je peux animer l'image d'arrière-plan. Toutes ces options sont des choses que je peux animer afin que je puisse ajouter à mon animation. Je vais ajuster la luminosité de la taille de la police, la famille de polices. Vous pouvez changer la famille de polices animées d'un fonds à une autre police. C' est exactement ce que tu veux. Quel que soit le style que vous voulez, je peux animer la bordure. Je peux animer la couleur de bordure en bas sur la bordure de rayon de bordure gauche avec aussi bien . Si je voulais une bordure sur une certaine taille, je peux le faire aussi. Je peux animer l'audace, la couleur de fond. Je peux aussi animer tapotement si je voulais qu'il y ait plus de saturation de rembourrage. CPL. Euh, beaucoup de choses différentes. Ligne textile. Si je voulais aller du centre à gauche justifiée, c'est à vous la hauteur de la ligne html Inter aussi bien. Donc ce sont tous les différents types d'options d'enchères que je peux utiliser pour que je puisse venir ici et juste sélectionner celui que je veux, puis il pourrait aller de l'avant et l'animer à partir de là. Cependant, je vais juste rester avec ceux qui sont ici pour le moment. Alors je vais aller de l'avant et animons ça. Je veux que ça s'estompe donc ça va être l'opacité va être nulle pour commencer, et puis ça va s'animer en complètement transparent. Donc je vais ou puis ça va s'animer pour être pleinement, ils vont aller de l'avant et cliquer sur ajouter une image clé. Je veux venir à. D' accord. À ce stade, je voulais être pleinement là où j'avais une autre image clé qui va maintenant revenir ici et sélectionner cette image clé, puis je vais entrer ici et je vais changer l'opacité. Donc quand il vient dans les éléments, inspecteur ici et c'est là que j'ai changé la visibilité. Donc, je veux aller de l'avant et sélectionner cette visibilité à zéro. Je n'ai pas besoin que cela soit à la fin, car quand j'ai créé cette trame clé, l'opacité de cet objet était déjà définie à 200%, ce qui avait déjà ces propriétés. Mais maintenant que je l'ai animé depuis le tout début, vous pouvez voir qu'il est juste fondamentalement, comme je prends mon gommage, retirez-le de gauche à droite. Vous pouvez voir qu'il a complètement disparu au tout début, mais il commence à s'estomper à la toute fin de cela. Maintenant, je pourrais faire la même chose avec la hauteur, donc je vais aller de l'avant et sélectionner la hauteur, et je vais m'assurer de créer des images clés sur le battage médiatique construit au début et à la fin. Maintenant, ce que je vais faire avec la hauteur ne va pas aller de l'avant et juste étirer ça un peu et vous pouvez voir qu'il est automatiquement animé du début à la toute fin, et vous pouvez voir qu'il commence à grossir. Je pourrais faire la même chose avec le avec. Allons de l'avant et il suffit d'ajouter un cadre clé avec fouetté au début. Ajoutez un cadre clé à la fin pour la largeur et allons de l'avant et juste changer cela avec un peu aussi, sorte que vous pouvez voir qu'il commence comme une petite boîte et commence à grandir en une plus grande boîte. Je peux aussi le faire sur le compte rendu. Allons de l'avant et supprimons cela comme nous l'avons appris dans la dernière vidéo. Nous n'avons pas besoin de créer ces images clés que je pourrais vraiment enregistrer ici. Allez-y et nous allons juste faire le tour de ce que c'est. Allons de l'avant et passons à la toute fin de l'animation, puis je vais aller de l'avant et maintenez simplement le bouton Maj enfoncé. Étendez ceci et vous pouvez voir qu'il a automatiquement créé cette animation la taille de la hauteur et la taille de la largeur. Et donc maintenant, si je viens ici, vous pouvez voir qui se développe de plus en plus petit dans le bouton d'enregistrement. Fondamentalement, juste aider à gagner du temps, vous pouvez voir Ok, commencer à partir d'ici. Et puis à ce stade, et je veux que tu sois quelque chose de différent et que tu peux ajuster la couleur. Vous allez juste d'autres éléments. Allons de l'avant et appuyez simplement sur le bouton de couleur ou sur le bouton d'enregistrement. Viens ici et je vais changer la couleur de fond pour être un rouge pour voir que la couleur commence à changer. Donc ça commence au vert. Je sais que nous ne pouvons pas vraiment le voir avec des capacités, alors allons nous débarrasser de cette opacité pour l'instant. Et nous allons juste vers le haut dans les propriétés jusqu'à la capacité de sorte que vous pouvez voir au tout début qui commence à un vert. Mais il commence à changer de couleur, et à la toute fin, il se retourne pour lire. C' est ainsi que le simple fait d'appuyer automatiquement sur le bouton d'enregistrement venant sur mes propriétés a automatiquement ajouté cette propriété de couleur d'arrière-plan à mon animation. Et c'est là. Et maintenant je peux commencer. peu près tout ce qui est fini dans la section de propriété sur le côté droit est me permet de l'animer afin que je puisse commencer à une couleur. Les modifications apportées à une couleur différente ont commencé à une taille unique changent à une taille différente à l'animation . Cette ombre anime d'autres objets, comme le rayon de bordure ou les coins pour quelque chose. Si je voulais passer quelque chose d'un carré à un cercle, je peux l'animer aussi. Donc beaucoup de possibilités lointaines, différentes. Mais c'est au moins la façon dont vous ajoutez des propriétés supplémentaires et comment vous utilisez l'outil d'enregistrement pour pouvoir animer ces propriétés ou même l'outil d'image clé pour être en mesure d'animer ces propriétés. 22. 22 cadres clés changeants: Disons qu'après avoir animé quelque chose, j'ai besoin de revenir et j'ai besoin de Teoh une seule de ces propriétés ou tout autre pour ajuster un certain élément sur cette propriété ou l'image clé. Will. Vous pouvez entrer et sélectionner l'objet, puis revenir à mes propriétés et je peux sélectionner l'une de ces propriétés. Et si je déplace mon épurateur ici à un certain moment, je peux vraiment prendre et sélectionner. Si je sélectionne cet élément en haut, il sélectionnera toutes mes propriétés. Mais si je viens ici et que je ne sélectionne qu'une seule image clé, je peux ajuster cette image clé. Et je pourrais dire, OK, la taille va prendre un peu plus de temps, ce qui veut dire que toute l'animation va se passer juste là. Mais alors la taille va en fait continuer d'animer là. Je pourrais même venir ici et ajouter un cadre clé supplémentaire pour que je puisse déplacer mon épurateur au point que je veux l'avoir. Je vais aller de l'avant et sélectionner ça ici, puis je vais venir à ces diamants avec le plus, puis cliquer dessus et maintenant ça va être un nouveau cadre clé. La chose importante à garder à l'esprit avec les images clés est les images clés signifie que quelque chose différent va se produire maintenant l'interpolation ou l'animation allant d'un point à un autre point allant d'un point à un autre, quelque chose ressemble à un différence ou quelque chose regarde d'une certaine façon, puis aller à un autre cadre clé, ce qui signifie qu'il va maintenant regarder de cette façon. Ça va avoir une nouvelle hauteur. Il y a de nouveaux, avec ou quoi que ce soit et puis entre automatiquement anime correctement de ce comment il a regardé ici à comment il semble nouveau après la fin de cette animation afin que Tween se passe automatiquement. Maintenant, si je voulais ajouter des cadres clés supplémentaires et d'accord, à ce stade va sauter ici et à ce stade va sauter à leur nous pouvons venir ici et je peux ajouter ces cadres clés et vous pouvez voir ça sur la hauteur, rendons en fait un peu plus petit. Donc, à ce stade, ça va nous rendre un peu plus petit. Et puis dès qu'il frappe cette image clé, il va maintenant s'animer à la plus grande pour que je puisse avoir quelque chose d'animé en petit. Et puis dès qu'il frappe une certaine zone, alors je peux l'avoir ennemi ou m'étendre un peu plus longtemps aussi. Ah, beaucoup de possibilités différentes. Mais c'est comme ça que je peux entrer ici, et je peux animer cette image clé, et je peux même y aller et la faire glisser là où je veux. Je peux étirer ça. Si je voulais être un peu plus long, vous pouvez étirer cette image clé si je voulais que la première animation aille un peu vite sur la hauteur, puis un peu plus longtemps Après cette animation arrive. C' est à vous de décider. Mais c'est ainsi que vous insérez de nouvelles images clés, des images clés supplémentaires. Je pourrais venir ici et même sélectionner que c'est Ah point d'image clé et puis juste s'asseoir supprimer. Et puis il faudra cette image clé qui a commencé ou au milieu, et je vais juste la supprimer complètement. Et maintenant, il ne s'agit que d'animer de cette image clé à cette image clé à nouveau. Les cadres clés sont quand quelque chose de différence ou quelque chose de différent se produit ou qu'il semble différent à un certain moment, ou que certaines propriétés ont changé ou quelque chose comme ça. C' est un cadre clé. Et puis tout ce qui se passe entre les deux. Cette barre est essentiellement l'animation qui va de cette image clé de la façon dont elle regarde cette image clé à cette nouvelle image clé et comment elle regarde cette nouvelle image clé. Et nous attaquerons ce que cette propriété était au début, à l'animation ou à cette propriété, quoi elle ressemble à la fin, je n'ai pas à l'animer. Si je ne veux pas de Teoh, vous pouvez désactiver les animations, et donc il saute automatiquement à un certain point. Mais ce n'est vraiment pas animant. C' est fondamentalement changer les propriétés à un certain point. C' est ainsi que vous travaillez au moins avec les différentes images clés. Ajoutez de nouvelles images clés et ajustez également votre chronométrage de vos images clés 23. 23 animations doubles de double double emploi: une autre chose que vous voudrez peut-être faire. Elle peut vouloir copier l'animation que vous avez faite sur un objet et la coller dans un autre objet. Si je viens ici et ajoute un objet complètement nouveau, allons-y et ajoutons ce cercle ici. Je veux changer la couleur de fond pour être une couleur de différence ici. Et puis ce que je vais faire, c'est que je vais sélectionner cet objet sur la place, et je vais aller de l'avant et sélectionner l'animation. Si je veux toute l'animation, une copie sur une condition comme cette animation hit commande, voyez et puis venez ici et sélectionnez mon cercle, puis appuyez sur Commande V et cela va le coller . Mais la chose est, est anime à la même largeur et hauteur, la même origine qui est gauche et haut. Donc c'est vraiment derrière cet objet. Mais si j'en avais besoin, alors débarrassez-vous de la place. Je peux aller de l'avant et supprimer le carré ici, et vous pouvez voir que maintenant il est remplacé par le cercle, et parce que j'avais une couleur spécifique, il change aussi la couleur. Mais maintenant j'ai ce cercle automatiquement et je l'ai fait. Si j'avais besoin de changer l'objet, si j'avais besoin d'un changement, un certain élément, puis cette animation que j'ai pris le temps de créer. Sur cet élément, je viens de le copier et de le coller, ce qui est agréable. Si votre cadrage métallique et que vous n'avez pas encore exactement tous les visuels, vous pouvez aller de l'avant et mettre en place quelques cases seulement pour l'instant. Et puis. Une fois que vous obtenez les visuels, vous pouvez copier les visuels de cette boîte ou l'animation de cette boîte, puis vous pouvez payer dans le visuel que vous obtenez réellement. Vous pouvez également le faire sur certains éléments de ligne. Si je viens ici et que je sélectionne cet élément de ligne, je pourrais copier cette animation de ligne. Venez à un objet différent ici, et allons de l'avant et juste le rythme de cette animation de doublure. Donc, il n'a pas tout collé. Il a juste collé cette propriété que j'ai animée. Si je veux juste que la même animation dans cette animation est de gauche à droite. Si je voulais juste la même animation sur cet objet, je pourrais le faire aussi. Une autre option est que je pourrais venir ici, clic droit dessus, descendre à dupliquer, et cela dupliquera mes objets. Donc, c'est exactement le même objet, et toutes les animations se produiront ou resteront les mêmes. Mais vous pouvez le voir parce que je suis au tout début. Si je rends cet objet un peu plus petit, il va toujours s'animer à ce point d'image clé. Donc je ne pouvais pas déplacer ça un peu plus, et maintenant ça va prendre un peu plus de temps sur cette animation. C' est ainsi que vous copiez des animations que vous avez faites orteil un objet et collez-le dans un autre objet. 24. 24 voies de mouvement: Maintenant, une chose que je pourrais vouloir faire est, comme j'anime des objets, je peux vouloir ajuster la courbe de l'objet réel au lieu d'avoir juste un détenu de gauche à droite. Vous voudrez peut-être qu'il monte un peu, puis descend un peu aussi. Vous pouvez le faire avec un objet, quelqu'un pour venir ici et juste créer un nouveau rectangle que je vais entrer et sélectionner la couleur pour être une couleur différente. Et puis je vais aller de l'avant et animer ça. Je vais cliquer sur le bouton d'enregistrement. Passons ça à deux secondes, puis passons-le sur le côté droit. Maintenant, vous remarquez que comme je l'ai au-dessus de cette barre bleue, ça me permet en fait. Il met en évidence un peu et me laisse savoir que je pourrais sélectionner ceci et je peux ajouter fondamentalement un point qui va le courber afin que je puisse juste sélectionner cela ici et puis le déplacer un peu plus et ensuite me permet d'ajuster la courbe de cette animation, et cela me donne quelques guidons que je peux effectivement étirer cela un peu plus. Si je voulais être plus courbé sur le côté droit ou si je voulais être plus courbé sur le côté gauche, je pourrais le faire. Et puis je peux aussi incliner la courbe. Maintenant, cela me donne vraiment Ah, grand détail de comment ou de contrôle sur ces sur cette animation, je peux venir ici et eu d'autres points aussi bien. Donc, si je voulais avoir une sorte de courbe vers le haut et puis vers le bas sur une vague, je peux le faire automatiquement aussi. Donc, cela me donne juste la possibilité de créer cette courbe. Et maintenant, si je vais de l'avant et que je frappe le jeu, vous pourriez voir que cet objet s'anime le long de ce Kurt. Maintenant, une autre chose que vous voudrez peut-être faire est que vous voudrez peut-être avoir cet objet, Par exemple, si vous essayez d'animer un oiseau ou quelque chose, vous voudrez peut-être avoir cet objet suivi la courbe. Et donc la tête de cet objet, si c'est un oiseau, va en fait descendre et avoir plus de sens autre que le corps ou le ventre de l'oiseau. Descendez aussi. Vous pouvez donc vous aligner sur cette animation. Vous pouvez le faire à l'intérieur des propriétés en venant sur les propriétés ici, puis venant à la rotation et en cliquant sur la rotation suit Motion Path. Maintenant, sous cela, c'est sous les mesures, l'inspecteur descend à la section de rotation et juste en sélectionnant cette option. Vous pouvez voir maintenant si je viens et frappe jeu, c'est rectangle ou ce carré suivra fondamentalement le chemin. C' est un virage très serré, donc j'ai sauté un peu. Mais cela suivra le chemin de cette animation, et c'est tout ce qu'ils avaient à voir avec Select Us Now. Je pourrais animer que la rotation moi-même si je voulais et créer quelques points clés si je voulais obtenir vraiment détail de la façon dont c'est la rotation se passe, Mais dans ce cas, c'est assez bon pour que je puisse aller de l'avant et juste partir. Celui sélectionné à la rotation suit la trajectoire de mouvement, puis il suivra automatiquement cette trajectoire de mouvement. Et donc quand je prévisualise ceci, cet objet HTML animé est essentiellement animé le long de ce chemin, et c'est ainsi que je fais passer le mouvement à l'intérieur du tumult, tapez 25. 25 filtres CSS: maintenant, l' une des choses que vous pouvez vouloir anime est les filtres CSS. C' est un peu différent des filtres normaux ou des propriétés normales parce que parfois les filtres, cela dépend du navigateur qui est réellement vu un jour. Ces filtres ne fonctionnent pas réellement, mais ce que je veux dire par ceci est allons de l'avant et cliquez sur le bouton Enregistrer. Je vais aller de l'avant et déplacer mon laveur ici à deux secondes, et ensuite je vais aller de l'avant et je vais juste bouger ça. Un peu de mon bouton d'enregistrement a été annulé. Quelqu' un bouge ça, mais je vais entrer dans les éléments, Inspecteur, je vais faire défiler jusqu'à elle dit effets de filtre. Maintenant, c'est là que je peux ajuster le flou. Je peux ajuster l'IPC, mais je peux ajuster la saturation, Aiken juste la teinte et tout comme ça. Maintenant que c'est la même chose que nous animons déjà. Donc, le haut, la hauteur, la largeur et tout comme ça est à peu près le même. Cependant, une chose que vous verrez est sur le côté droit. Est-ce que c'est un avertissement ? Si je clique sur cet avertissement, il me le fera savoir. Hey, c'est CSS trois filtres et leur non supportés par les navigateurs, qui sont assez vieux navigateurs. Mais c'est juste quelque chose à garder à l'esprit. Si vous n'êtes pas préoccupé par ça, alors vous pouvez aller de l'avant et juste garder cette année. Mais un mot de prudence est de ne pas rendre cette animation cruciale pour votre application réelle que vous construisez ce site Web que vous construisez. Parce que si vous utilisez ceci et pour une raison quelconque vos utilisateurs sont sur l'un de ces navigateurs plus anciens , même je e. 11 ou quelque chose comme ça, alors cette animation ne fonctionnera pas exactement comme vous ne l'avez pas fait. Donc c'est juste une chose à garder à l'esprit. Teoh, sois au courant de cet avertissement. Jetez un oeil à cet avertissement et si vous êtes d'accord sans avertissement, alors vous pouvez aller de l'avant et continuer. Si ce n'est pas le cas, vous pouvez penser à animer quelque chose de différent ou à avoir un autre type de couleur de propriété. Tout ce que vous vouliez faire. Ah, que cela change bien, donc c'est comme ça qu'au moins un mot d'avertissement lorsque vous utilisez étaient animer des filtres CSS 26. 26 actions de l'ordre horaire: dans la dernière section. Nous avons parlé des animations dans cette section. Nous allons parler d'actions maintenant, actions sont un morceau de code ou un morceau de logique qui se produira à un certain moment de la chronologie. Ou cela peut arriver quand quelque chose est cliqué ou cela peut arriver à d'autres types de détermination à la rotation ou glisser ou quelque chose comme ça. Donc, nous allons couvrir comment créer ces actions et comment ajouter ces actions. Deux objets différents dans votre timeline. Donc, dans cette vidéo, nous allons d'abord parler des actions de la chronologie, les actions chronologie se produiront à un certain point à l'intérieur de la chronologie. Donc, une fois qu'il atteint cinq secondes ou une fois que vous atteignez deux secondes, vous pouvez exécuter un type d'exécution de code, un type de logique. Vous pouvez suspendre la chronologie. Vous pouvez continuer la chronologie lorsque vous cliquez sur quelque chose. Utkan. Fondamentalement, vous pouvez même contrôler la chronologie comme quelque chose est glissé ou beaucoup de possibilités différentes à choisir. Encore une fois, pour rester simple, nous ne allons pas vous montrer une chose complexe. Ils doivent comprendre comment il a été construit. Je vais juste le garder Des éléments simples explorent certaines de ces options que vous pouvez entrer et vous pouvez utiliser pour créer ces types d'actions. Donc, tout d' abord, afin de voir les différentes actions de chronologie que vous pouvez faire, je veux aller de l'avant et venir dans mon exemple de battage médiatique ici. Juste une toile vierge. Si vous vouliez juste commencer un nouveau projet, vous pouvez. Je vais aller de l'avant et ajouter un élément, juste un élément rectangle. Maintenant, je vais changer la couleur de fond de cette scène. Donc je suis sous les propriétés des scènes. Je vais revenir à l'arrière-plan, sélectionner la liste déroulante pour une couleur verte ici et aller de l'avant. Et animons ça comme nous l'avons appris dans notre dernière vidéo. Allez-y et cliquez sur le bouton Enregistrer et vous pouvez voir que nous avons la ligne de départ ici . Je peux déplacer cela là où je veux et puis sont également la ligne de fin. Allons-y et bougeons ces 23 secondes, puis je peux aller de l'avant et juste le faire glisser en maintenant le bouton de changement de vitesse vers le bas pour obtenir une ligne droite , et on va le faire glisser de l'autre côté de la scène. Maintenant, c'est la seule chose que je veux faire pour cette petite animation. Donc je vais aller de l'avant et juste décocher le bouton d'enregistrement. Et maintenant, nous avons notre animation qui va du côté sable gauche de la scène. Faites le côté droit de la scène. Maintenant. Ce que je veux faire, c'est que je veux ajouter un déclencheur de timeline ici. Donc, si au milieu de la chronologie ce qui va se passer, ça va interrompre la chronologie, donc ça ne va pas juste au milieu, et ça ne va pas continuer cette chronologie. Afin d'ajouter un déclencheur de chronologie, je viens sur le côté gauche, à droite où dit la chronologie principale et je vais de l'avant et je clique sur ce diamant qui a un plus au milieu C'est fondamentalement ajouter une trame clé ou, dans ce cas, une action chronologique dans ce code, comme cela arrivera dès que mon scrubber, qui est cette barre blanche. Je peux placer ça où je veux. C' est là que l'action se produira. Et je vais aller de l'avant et cliquer sur cette nouvelle action et ça va ouvrir cette action chronologique . Je peux aller de l'avant et sélectionner la liste déroulante Et puis c'est mes actions par défaut que je peux faire ici. Et il peut ne pas ressembler beaucoup, mais il y a certaines des actions que vous pouvez dio offrir beaucoup de flexibilité, comme courir, comme courir, conduire un script ou déclencher un comportement personnalisé, ou jouer du son ou démarrer une certaine chronologie ou quelque chose comme ça. Alors je vais venir ici. Je peux aussi sauter à une certaine scène. Je peux aller de l'avant et commencer la chronologie Timeline positive. Et je peux même spécifier quelle chronologie dans mon discours, parce que sur le côté droit dans mes propriétés de scène, vous vous souviendrez que nous pouvons avoir plusieurs calendriers différents, ce qui est fondamentalement plusieurs types différents de possibles animations. Et je peux déclencher ces animations possibles, en fonction de certaines logiques ou certains points de la chronologie qu'ils obtiennent deux ou la chronologie principale . Il y a donc beaucoup de possibilités. Donc je vais aller de l'avant et mettre la chronologie en pause, et je vais la laisser là où dit Timeline est la chronologie principale, et c'est à peu près lui. Donc, si j'ai besoin de revenir sur cela et de le modifier plus tard, tout ce qu'ils ont à faire est de double-cliquer sur ce diamant, et il s'ouvrira avec mon action de timeline que je peux modifier plus tard. Allons-y et prévisualisons ça. Alors je vais frapper, Save. Je vais appuyer sur la commande Entrée pour l'afficher en prévisualiser et vous pouvez voir que l'animation s'arrête juste au milieu donc cela ne me permet pas de continuer ou quoi que ce soit comme ça, même si je clique dessus. Si j'ai essayé de faire quoi que ce soit, ça ne va pas continuer. Je dois déclencher en quelque sorte que l'animation ou l'action pour continuer avec autre chose . Je peux déclencher cela par un clic de bouton ou quelque chose comme un bouton de lecture ou quelque chose comme ça . Nous en apprendrons donc dans la prochaine vidéo. Comment ajouter en action à un objet. Mais c'est au moins comment vous ajoutez en action à la ligne de temps quand Teoh atteint un certain point à l'intérieur de la ligne de temps, et je pourrais revenir ici à HeIP et je pourrais avoir plusieurs actions différentes qui vont jouer le long de ma chronologie. Donc, si je voulais placer certains audiophiles à certains moments, je pourrais le faire avec des actions chronologiques. Donc, dans la prochaine vidéo, on va aller de l'avant et parler de la façon de continuer cette animation. Une fois que ce rectangle est cliqué sur 27. 27 Actions de base: D' accord. Donc, dans la dernière vidéo, nous avons parlé des actions de chronologie. Mais dans cette vidéo, nous allons parler des différents types d'actions que vous pouvez ajouter aux objets . Donc, si je veux ajouter en action quand on clique sur ce bouton pour continuer la chronologie, je sélectionne simplement cet objet. Et puis je suis venu ici dans la zone de mon inspecteur, pour m'assurer que cela est activé. Si vous ne le voyez pas, assurez-vous de cliquer sur l'endroit où dit Inspecteur, en haut. Et puis je vais venir pas sur ma scène, inspecteur, inspecteur, comme si nous avions exploré dans des vidéos précédentes. Je vais venir ici où ce sont mes actions. Inspecteur, est-ce que cette main est fondamentalement ? Et ceci, fondamentalement, sont les différentes actions que je peux appliquer. Et vous pouvez voir ici où je dis sur le clic de souris, ce sera essentiellement dans un appareil mobile. Ce sera un robinet sur la souris vers le bas. Ce sera quand il commence à toucher quand ils commencent à le toucher avant qu'ils ne se lèvent, puis sur la souris vers le haut, ce sera en fait le toucher. Et dès qu'ils se sont levés, donc l'un de ces types d'actions. Si je le fais sur l'appareil lui-même ou si c'est sur le bureau, ce sera juste un simple clic de souris ou ainsi de suite. S' il s'agit d'un bureau, cela ne s'appliquera pas à ce code. Ne s'applique pas aux appareils tactiles. Mais si je voulais exécuter du code sur la souris quand il est survolé ou quand c'est ma souris sort réellement du côté de l'objet, je peux exécuter du code là aussi. Je peux aussi faire sur drag ou interview. Port signifie que dès que cette scène est réellement visible, je peux exécuter une certaine logique aussi. Ou lorsque cette scène est quittée ou laissée, vous laissez cette scène à une autre scène. Vous pouvez aussi exécuter du code, donc je vais y aller. Il suffit de faire un simple clic de la souris et aller de l'avant et cliquez dessus. De plus, quand je veux ajouter en action et que je vais sélectionner la liste déroulante et vous remarquerez que la liste déroulante est la même que celle que nous avions dans notre action de chronologie. Ce sont les différents choix par défaut pour nos actions à l'intérieur du type tumult, donc je veux aller de l'avant et dire, OK, une fois qu'ils cliquent dessus, je veux juste continuer la chronologie. Donc, il met automatiquement en pause la chronologie dans notre action chronologique. Mais maintenant, je veux continuer cette chronologie. Et à quelle heure est-ce que je veux continuer ? Eh bien, ça va être la chronologie principale, la seule ligne de temps que j'ai. Et puis je peux également cliquer sur le jeu en sens inverse, puis vous donner la possibilité de redémarrer chronologie si nécessaire aussi bien. Donc, si je voulais que ça joue mais et revenir à l'endroit où c'était avant, je pourrais faire cette option aussi. Mais c'est à peu près tout ce que je veux faire pour celui-là. Et vous pouviez voir ça. Que faire si je sélectionne sur ma scène ici ? Ces actions apparaissent en fait ici où c'est toute la scène. Je pourrais ajouter quelques actions sur l'ensemble de la scène simplement en sélectionnant n'importe où dans la zone grise . Vous reconnaîtrez que cela signifie que lorsque je clique sur l'une des étapes, je pourrais mettre en pause la chronologie puis redémarrer la chronologie si nécessaire. Je pourrais aussi venir ici et donc ok sur la souris sur le bureau lui-même. J' aurais pu déclencher quelque chose aussi, mais je vais y aller. Et si j'ai besoin de revenir ici, ça peut toujours aimer ça. Revenez ici et modifiez cette action. Allons de l'avant et prévisualisons ceci. Quelqu' un va de l'avant et frappe commande entrée. Vous pouvez voir qu'il s'arrête au milieu de cette ligne de temps, mais si je vais de l'avant et que je clique dessus, il va maintenant continuer cette ligne de temps. Nous avons maintenant ajouté en action à cet objet à l'intérieur du type tumult. Revenons dans le battage médiatique. Et maintenant, allons de l'avant et explorons quelques autres choses. Si je sélectionne cet objet, je peux également ajouter plusieurs autres types d'actions sur lesquelles je clique. De plus, vous pouvez voir que ajoute une action supplémentaire. Donc, si je voulais aller de l'avant et ajouter d'autres actions, je peux le faire aussi. Donc, dans la prochaine vidéo, nous allons parler de supprimer ces actions, réorganiser ces actions si nécessaire, ainsi 28. 28 Suppression de mesures: Très bien, Donc, dans les deux dernières vidéos, nous avons parlé d' actions de timeline, et nous avons parlé d'ajouter des actions sur des objets. Maintenant, que se passe-t-il si j'ai besoin de supprimer ces actions ? Tu viens ici, et si je sélectionne ça, je ne peux pas vraiment aller de l'avant et frapper. Supprimer. Vous devez entrer ici et sous l'action, sélectionnez la liste déroulante et aller à supprimer, et cela supprimera juste cette action afin que je puisse venir ici. Et si j'en ai plusieurs, venez dans l'un des temps et supprimez ces différentes actions. Donc, ce n'est pas visible. Donc, je voulais m'assurer que cela a été au moins souligné que vous pouvez venir dans n'importe quelle action que vous ajoutez. Si vous décidez que vous ne voulez pas avoir cette action, vous pouvez entrer ici et sélectionner l'action, liste déroulante et descendre pour supprimer. Ou si vous décidez que vous voulez le changer de, disons, disons, un saut à l'action vue à une autre action. Vous pouvez venir ici et passer à une action différente, puis remplir les différentes informations pour faire cette nouvelle action Donc c'est au moins comment vous supprimez cette action de l' objet. Vous devez vous assurer que les opportunités sont sélectionnées ou viennent dans ma chronologie, je peux lisser cette liste déroulante et descendre pour supprimer ou dans la chronologie. C' est un peu différent parce que je pouvais sélectionner cette chronologie et je pourrais appuyer sur le bouton de suppression sur la timeline. Mais vous ne pouvez pas le faire ici, ou vous ne pouvez même pas le faire sur cette scène parce que vous allez supprimer l'objet entier. Donc, vous devez sélectionner la zone déroulante pour descendre à supprimer pour supprimer l'objet. C' est ainsi que vous supprimez différentes actions à l'intérieur, c'est un type de taupe. 29. 29 Explorer les actions par défaut: dans cette vidéo. Je voulais juste explorer certaines des différentes actions que vous pouvez réellement utiliser à l'intérieur. C' est un multi pass. Donc, ces actions air les actions par défaut parleront des actions JavaScript personnalisées plus tard. Mais c'est au moins comme ça que vous allez et ajoutez certaines de ces actions. Donc je vais venir ici et sous le clic de la souris. Je veux aller de l'avant et cliquer sur l'icône plus, et je vais venir ici pour sauter à sembler quand je clique sur Jump to Seen Cela va réellement me permettre de sauter à un spécifique vu par défaut. C' est juste la scène suivante. Si vous vouliez sauter automatiquement à la scène suivante, elle sera là. Ou vous pouvez sélectionner la liste déroulante pour la première vue, vue la dernière fois. Ou c'est là qu'il nous donnera beaucoup de différent. Voir toutes les différentes scènes disponibles. En ce moment, nous n'avons qu'une scène sur le côté gauche. Je pourrais double-cliquer dessus et donner un nom à cette scène. Et je peux venir ici à cette icône plus sur une nouvelle scène, et on va nommer cette scène. Bien sûr, j'épelle droit de voir aussi, et je veux revenir ici. de Avantdefaire ça, assurez-vous qu' on sache qu'on a sauté sur la scène. Donc, quand vous sélectionnez le texte ici et que vous dites que c'est vu pour aller de l'avant et taper cela dedans et maintenant revenir dans vu un, je veux entrer dans ce rectangle, et maintenant il va sauter à la scène, qui est la prochaine scène. Mais si je voulais sauter, spécifier une scène spécifique et venir ici et sélectionner cette scène ou je peux juste dire OK, eh bien, sa scène suivante, je vais juste sauter à la scène suivante maintenant nous pouvons également sélectionner la transition, ce que sera la transition. Fondu croisé instantané, échangez, poussez à gauche, poussez à droite, poussez de haut en bas. Et c'est une sorte d'animation, les effets de parallaxe que vous obtenez lorsque vous voulez passer d'une page à une autre page. Allons-y, et je vais changer ça pour pousser de bas en haut, et je vais sauver ça. Allez-y et prévisualisez-le. Et maintenant je vais sélectionner sur cette place, et vous pouvez voir que cette scène est maintenant poussée par le bas, et maintenant elle est poussée ou en haut. Et je pourrais même revenir en semblant aller de l'avant et dans la scène, aussi. Si je voulais avoir comme un bouton de retour ou quelque chose commeça. Allons de l'avant et juste sélectionner ce rectangle double clic dessus et dire de retour évidemment, je veux peut-être avoir Ah, nous allons apporter un bouton ici. Ça pourrait être un peu mieux. Bon, donc on va rester ici et maintenant ce qui va se passer est sur ce clic de souris. Allons de l'avant et frappons, plus sauter à voir et nous allons dire scène précédente et tout va à la place de bas en haut. Ça va être de haut en bas. Et si ça remonte, ça va être de haut en bas comme s'il s'animait. Donc je vais aller de l'avant et prévisualiser ce clic sur cette place. Il va animer à la scène suivante, et puis je peux cliquer sur Backend va animer retour à cette scène de sorte que vous pouvez avoir différentes sections qui sorte d'exécuter parallaxe à travers d'une page à une autre, ils peuvent penser, Pourquoi est-ce juste dans une section ? C' est parce que ce n'est pas vraiment réactif encore vous pouvez venir ici et sélectionner sous la scène Propriétés sélectionner l'échelle qui sera 100% et les hauteurs à 100% sur le avec 100% sur le battage médiatique. Et maintenant je peux juste aller de l'avant et frapper sauver, et vous pouvez voir que c'est un peu plus tendu. Mais si je frappe à nouveau ce carré, toute la page va réellement animer du haut du bas vers le haut et ensuite aussi la même chose. Si je clique en arrière, cela va s'animer à l'arrière. Nous parlerons de la réactivité et de la façon dont vous pouvez l'attacher à certaines zones ou l'ancrer dans certaines zones dans une vidéo différente. Mais c'est au moins comme ça que vous le changeriez en, ah, 100% si vous vouliez avoir toute la fenêtre, toute la zone animée du bas vers le haut. Allons-y et explorons d'autres choses, donc je vais revenir dans le panel des actions. Nous allons basculer cela pour exécuter le script Java. Maintenant, JavaScript est une fonctionnalité de voleur que vous pouvez exécuter et nous en parlerons plus en profondeur . Mais si je voulais aller de l'avant et créer une nouvelle fonction, Aiken, allez-y. Comme cette option. Et maintenant, vous pouvez voir ici fonction intitulée. Je peux placer du code JavaScript à l'intérieur d'ici, donc je pourrais réellement dire alerte et cette couleur va dire bonjour. Donc, si je sauvegarde cela quand on clique sur ce bouton, il va en fait alerter. Bonjour. Donc je vais aller de l'avant et prévisualiser ce clic sur ce carré et maintenant il y a mes alertes. Ça dit « Bonjour ». Je peux aller de l'avant et frapper près là pour que je puisse exécuter JavaScript. Et il y a plein d'autres choses que vous pouvez obtenir. Vous pouvez naviguer vers différentes pages. Vous pouvez avoir des variables et d'autres choses à l'intérieur du JavaScript, qui en apprendront plus tard dans une vidéo. Laisse-moi aller de l'avant et passer à ça pour qu'on revienne pour déclencher un comportement personnalisé. Mais je veux aller chez toi. Je suis là. Et alors allons de l'avant et tirons juste vers le haut apprendre dojo points filets un rythme que vous êtes Je reviens dans le battage médiatique. Je vais monter ça jusqu'ici. J' ai donc copié l'URL de Safari et je l'ai collée là mais je voulais l'ouvrir dans une nouvelle fenêtre. Je pourrais, ou juste le laisser non coché si vous vouliez le sortir de la fenêtre actuelle. En fait, allons-y et ouvrez-le à partir d'une nouvelle fenêtre. Alors allez-y et appuyez, sauvegardez et puis cliquez sur ce carré et vous pouvez voir qu'il ouvre une toute nouvelle fenêtre à tout ce que vous étiez bien, que j'ai effectivement attaché là. C' est génial. Alors allons de l'avant et essayons quelque chose de différent. Vous pouvez voir les e-mails composés. C' est Ah, vous pouvez avoir cet email directement à une personne en particulier si je le voulais. Alors Jeff, à apprendre Dodo Dot Net, je pourrais avoir un sujet. Je pourrais aussi avoir du corps de texte ici, et quand cela se produit réellement, allons de l'avant et appuyez sur aperçu. Je ne suis pas sûr si mon client de messagerie est activé, mais allons de l'avant et prévisualisons. Oui, ça tire mes emails. Vous pouvez voir qu'il est automatiquement adressé à Jeff a obtenu mon exemple de ligne d'objet. Je n'ai rien mis bien que j'ai mis quelque chose sur le corps textile doivent examiner pourquoi ce n'est pas un point là-dedans. Mais c'est au moins comme ça que vous allez dans et ajoutez le lieu d'e-mail de composition. Le son vous permettra d'attacher un son que je n'ai apporté à aucun son. On entrera dans le son plus tard, mais j'aurai besoin d'apporter le MP 30 G. A et le dossier Wave Now. La raison en est que cela est essentiellement prêt à être sur n'importe quel navigateur pour être compatible avec n'importe quel navigateur. Donc, vous devez apporter le MP 30 G A et le fichier chemin à pour qu'il joue sur les différents navigateurs disponibles. Je voulais boucler. Je peux le faire aussi. Stop Sound est la même chose. Démarrer la chronologie sera. Fondamentalement, nous avons déjà appris sur pause et continuer. Commencez avec la chronologie sera. Si je n'ai pas de chronologie jouée par défaut, je peux commencer à un certain point ou aller à une timeline une heure principale ou une heure à l'intérieur de la timeline . Je peux choisir l'heure qu'il est, puis je peux venir ici et en quelques secondes. Je vais dire que je vais sauter à cinq secondes et ça va automatiquement sauter à cinq secondes au lieu de la chronologie. C' est donc une partie de la valeur par défaut. Différents sucres iront. Revenez dans le script de travail d'exécution et plongez plus tard dans le JavaScript d'exécution. Mais c'est au moins certains des déclencheurs par défaut disponibles à l'intérieur du type tumult. 30. 30 d'actions glisser l'action dans 30 glisser l'action: un autre élément cool que je veux vous présenter est le son de l'élément drag. L' élément drag vous permet de faire quelques choses différentes. Alors je veux venir ici. Et tout d'abord, je vais créer une animation pour mes objets. Je veux cliquer sur ces Record en descendant à ma chronologie, et je vais aller de l'avant et étire les trois secondes, puis animons cela de gauche à droite. Donc maintenant, à partir d'ici, je veux créer un autre objet qui contrôlera cette animation. Je vais aller de l'avant et cliquer sur le A ni sur l'enregistrement stop, et je vais entrer et sélectionner ce rectangle ici. On va créer un nouveau rectangle et l'étirer pour être une certaine zone en bas . Donc, une fois que nous avons cet objet, maintenant nous pouvons venir ici et sélectionner cette boîte déroulante, et nous pouvons dire chronologie de contrôle. Ce que cela va faire, c'est quelle ligne de temps voulons-nous contrôler ? Eh bien, ça va être la chronologie principale. Ne voulez orteil contrôler l'accès horizontal par dragon horizontalement, Ou voulons-nous le contrôler. Si nous traînons verticalement vers le haut et vers le bas, c'est une autre option que nous pouvons faire. Nous pouvons également avoir un aller de l'avant ou nous pouvons avoir un retour en arrière en fonction de notre chronologie. Donc je vais changer ça et aussi la vitesse. Et puis c'est l'option le changement. Ou vous pouvez faire de la vitesse ainsi que continuer après glisser après que j'ai traîné. Tu veux que l'élan se poursuive après ça ? Alors voyons ce que ça fait. Je veux aller de l'avant et l'enregistrer, puis l'afficher en avant-première et vous pouvez voir que la timeline va toujours jouer. Mais si je viens ici et que je sélectionne en drag, je clique et fais glisser ce n'importe où à l'intérieur de ma ligne de temps, vous pouvez voir que la timeline est contrôlée par cette zone de glissement donc je peux venir ici et sorte de le faire glisser si je le voulais. Et vous pouvez voir que je lâche aller maintenant, et ça fait un peu de scintillement et maintient cet élan. Ça ne fait pas tout le chemin. Ah, je peux venir ici et juste le feuilleter. Quoi que je le veuille maintenant, je pourrais le faire de cette façon où je glisse juste mon doigt à travers que de contrôler cette ligne de temps ou l'autre option est de venir ici. Rendons cela un peu plus petit, et nous allons non seulement contrôler la chronologie, mais nous allons également sélectionner et ajouter un nouveau glissement. Sélectionnez cette liste déroulante et nous allons venir ici et dire, Élément de contrôle, position, contrôle, élément Position signifie qu'il va faire glisser cet objet avec la scène elle-même ou j'ai commencé avec les doigts, donc je vais aller de l'avant et frapper le stagiaire du Commandement pour qu'il joue l'animation. Mais ce que je peux faire est que l'animation commence à jouer, je peux effectivement cliquer et faire glisser cet objet, et vous pouvez voir qu'il contrôle réellement cet objet en fonction de ce que j'ai. Partout où cet objet que je fais glisser est situé sur l'accès horizontal afin que je puisse le contrôler sur la timeline où je glisse mon doigt à travers, ou il peut le contrôler ici en faisant glisser l'objet. Maintenant, quelques applications. Vous pourriez être en mesure de le faire si vous vouliez avoir une chronologie. Animation comme une différence. Si vous essayez d'expliquer différents points dans une chronologie, vous pouvez demander à l'utilisateur de cliquer sur son doigt ou d'appuyer sur son doigt et de faire glisser le long ligne de temps et de faire jouer différentes animations. En fonction de cette chronologie, si vous ne voulez pas que l'animation ou la timeline commence à jouer automatiquement, vous pouvez arrêter cela, puis il est juste contrôlé par votre glissement réel. Donc, c'est comme ça que vous faites un peu de glissement à l'intérieur de petit type. Si vous vouliez avoir un type de logique qui dès que vous l'avez lâché quelque part, il déterminera si elle est abandonnée sur une certaine zone et ensuite fera une autre logique qui devrait réellement être exécutée. Déposez un script et vous devriez donc entrer et déterminer la position et d'autres choses, et nous allons entrer dans plus de script de travail plus tard. Je ne veux pas plonger profondément dans cela en ce moment, mais ce sont les deux options que vous avez, qui sont soit la chronologie contrôlée étaient la position de l'élément de contrôle, puis la troisième option entrera dans plus tard, ce qui est le script de travail d'exécution. Et c'est comme ça que vous utilisez certains des différents types d'actions à l'intérieur d'un type tumulte 31. 31 calendriers: Maintenant, on va parler d'échéanciers. Timelines nous donne la possibilité de créer des options différentes ou des résultats différents pour l'utilisateur. Alors allons de l'avant et commençons par un nouveau projet ici. Je vais aller de l'avant et sauver ce projet. C' est juste un projet de clignotement pour l'instant. Je vais l'enregistrer sur mon bureau, et on va juste appeler ce calendrier et aller de l'avant et appuyer sur Sauvegarder leur. Maintenant, je vais aller dans les éléments et venir juste à l'érection. On a juste besoin de travailler avec quelque chose. Donc, quand vous allez de l'avant et que vous déplacez cela sur le côté gauche et que nous allons créer plusieurs calendriers pour cela, mais afin d'avoir les options d'aller à ces différents calendriers, ce que je veux dio est beaucoup de créer deux boutons qui disent Timeline un ou car vous devez être en mesure de déclencher la chronologie quelque part. Je pourrais le déclencher avec l'action de la chronologie ici. On dirait que j'en ai déjà un. Je veux aller de l'avant et supprimer cela, mais je peux déclencher avec le déclencheur Oregon action chronologique avec un type d' entrée utilisateur , comme un bouton Donc je vais venir ici pour les éléments. Je veux aller de l'avant et cliquer sur Ajouter un bouton et on va appeler cette ligne horaire un, et on va venir ici. Il suffit de le mettre en bas à gauche. Je vais aller de l'avant et insérer un nouveau bouton et nous allons appeler cette ligne de temps pour que ces air soient nos deux options ici que je peux sélectionner et que ça passe à Timeline 1 ou timeline à maintenant, sur ma chronologie principale ou ma principale. Oui, ma chronologie principale ici. Je peux avoir cette option anime et faire tout ce dont j'ai besoin. Donc, je vais aller de l'avant et juste que ces animations commencent dès le début, puis anime sur le côté droit et c'est tout. Si j'appuie sur Enregistrer puis prévisualiser, vous remarquerez mon option. Mon rectangle s'anime juste sur le côté droit. Super. C' est ce qu'il faut commencer. Donc on va aller de l'avant et les coups s'arrêtent sur le disque. Mais maintenant on va venir à nos propriétés vues, et c'est fini. Si vous ne le voyez pas, vous devez cliquer sur l'inspecteur venir à la deuxième option ici, inspecteur vu et ensuite descendre à elle, dit les calendriers d'animation. Le 1er 1 avec lequel nous avons travaillé. Tu vois ça ? C' est écrit Chronologie principale, mais nous pouvons venir ici et nous pouvons ajouter des échéanciers supplémentaires. Si je clique sur le bouton plus, allons-y et appelons cette ligne de temps Un juste donc étaient cohérents avec les boutons ici. On va aller de l'avant et ajouter une nouvelle chronologie et on va répéter la chronologie. J' aime les considérer comme une sorte de, comme choisir vos propres aventures ou des résultats optionnels à cette animation afin que je puisse avoir différentes animations basées sur l'entrée de l'utilisateur. Donc, sur la chronologie ressemble à j'ai manqué ceinture que vous pouvez double-cliquer dessus pour changer le texte si vous le vouliez. Je veux aller de l'avant et sélectionner Timeline un. Je vais sélectionner ce rectangle ici, cliquer sur le bouton d'enregistrement, déplacer mon scrubber sur quelques secondes, puis déplacer ça en bas à gauche ici. Donc c'est Timeline 1. Cette option se produira, et donc nous allons de l'avant et sélectionnez la chronologie semble en fait que j'étais toujours sur la chronologie à Oh , j'ai oublié de le faire. Une chose est que j'ai oublié de sélectionner cela et de cliquer sur Afficher la ligne de temps. Si vous ne le faites pas, alors vous travaillerez réellement avec la chronologie que vous étiez auparavant. Alors maintenant, je suis à l'heure de la ligne 1. Faisons la même chose là-bas. Quelqu' un clique sur l'enregistrement, déplace mon laveur un peu et descend en bas à gauche. Tu peux vendre ça. Voir que j'ai une durée de deux secondes et 20.27. Cela signifie que c'est la chronologie qui a été affectée. Donc, je suis bon là-bas. Lorsque vous cliquez sur Arrêter l'enregistrement, passez à la chronologie pour cliquer sur la ligne Showtime, et maintenant vous pouvez voir sur la chronologie à Il n'y a vraiment pas d'options de chronologie ici, donc je vais cliquer sur l'enregistrement ici, et puis je vais déplacer mon carré juste en bas à droite là pour que vous puissiez voir si cela prend maintenant 2.20 secondes. Et je vais aller de l'avant et frapper. Arrêtez l'enregistrement. Maintenant, nous allons juste prévisualiser cela pour l'instant, et vous pouvez voir que rien ne se passe réellement à ce stade. C' est si je clique sur Timeline un ou le temps comme rien ne se passe parce que je n'ai pas déclenché ceux à apparaître réellement. Donc je vais y aller et revenir ici et on va aller à la ligne principale Cliquez sur la ligne Showtime, et je vais passer à Timeline 1 ici. Le timeline un bouton et je vais venir à mes actions, inspecteur. Il vient à nos dit sur le clic de la souris, Cliquez sur le plus, Et ils allaient sélectionner une option pour commencer la chronologie. Maintenant, quel calendrier ou on va commencer ? Eh bien, dans ce cas, on va commencer Timeline 1. Si cette option est sélectionnée, elle démarrera la chronologie 1. Maintenant, il peut aller de l'avant et sélectionner la même chose pour une chronologie pour laisser comme ce bouton sauter ici, aussi. Où dit commencer la chronologie et sélectionnez la boîte déroulante pour chronologie à Maintenant ces options air juste que ces lignes de temps vont jouer si ces boutons air sélectionné. Donc, nous allons aller de l'avant et appuyez sur sauver et vous pouvez voir la chronologie principale jouer très bien. Mais si je vais de l'avant et frappez la chronologie un, il le prendra de son emplacement précédent parce que c' était la fin du temps, comme la chronologie principale et le déplacer vers l'emplacement que nous avons défini pour Timeline un. 32. 32 calendriers relatifs: Eh bien, voyons ce qui se passe si nous cliquons sur la chronologie pour que vous puissiez voir qu'il remonte à l'endroit où il était avant, puis le déplace vers le bas à ce point. Donc, à peu près ce qui se passe, c'est qu'il ignore Timeline un, l'emplacement où il était que dans le temps Ligne un et dit juste, Oh, eh bien, c'est là qu'il commençait avant et le déplace vers le bas si vous voulez le faire Si elle a été déplacée ici pour, puis passer sur le côté droit, Eh bien, c'est un simple, c'est un simple, juste en cliquant sur Cocher Marquer. Si je reviens sur ma scène, inspecteur, je peux aller de l'avant et faire cette chronologie. Si je sélectionne cela, nous allons juste appuyer sur Show timeline juste pour s'assurer que c'est le bon. Oui, c'est celui qu'on a. Donc, je veux cliquer sur ce bouton relatif, et puis je vais aller de l'avant et cliquez sur le bouton relatif pour la chronologie à aussi. Si j'appuie sur l'enregistrement de l'aperçu maintenant, vous pouvez voir la même chose se produit sur la chronologie principale en cliquant sur Montage. Une même chose se produira, mais ce qui se passera à temps, comme deux, c'est que ça va le prendre de cet endroit et le déplacer à cet endroit final que c'était que c'était avant que je fasse la même chose avec la chronologie une fois. Donc, si je clique sur Timeline 1, il va le prendre de son emplacement actuel et le déplacer. Donc, c'est pourquoi j'aime penser à cela comme choisir votre propre aventure ou différentes options que vous pouvez sélectionner en fonction de l'entrée de l'utilisateur. Vous pouvez avoir un ennemi basé sur deux emplacements différents ou différents, et ensuite vous pouvez même déclencher ces différentes choses à se produire sur la chronologie également. Donc, si je reviens dans la chronologie principale, nous allons cliquer sur la ligne Showtime. Je vais venir ici et sur ce déclencheur de chronologie, je vais aller de l'avant et ajouter une action de chronologie. Et cette action va commencer la chronologie, et nous allons aller de l'avant et commencer Timeline 1. Donc maintenant, l'utilisateur n'a même pas à entrer que je pourrais aller de l'avant et frapper , l' enregistrer, va animer plus et puis commencer automatiquement à animer sur le côté gauche. C' est aussi une façon que vous pourriez si vous vouliez séquencer vos calendriers et ne pas les avoir tous sur la chronologie principale et que vous vouliez faire une chronologie, jouer une autre, puis une fois que c'est fait, jouer cette chronologie, ça les sépare en quelque sorte. Vous pouvez le faire aussi, donc c'est à vous de décider là-dessus. Mais c'est au moins la façon dont vous créez de nouveaux calendriers et comment vous déclenchez ces calendriers, fois par l'entrée de l'utilisateur et par le biais des actions de timeline. 33. 33 timbres de boucle: Et si vous vouliez boucler votre chronologie et le faire recommencer encore et encore ? À moins qu'un utilisateur arrête réellement la chronologie, Eh bien, c'est une option qui affaiblit faire. Donc je vais aller de l'avant et venir ici à l'exemple précédent que nous avions. Nous avions des délais différents, mais je n'ai plus besoin de ces délais supplémentaires. Et je n'ai pas besoin de ces boutons supplémentaires. Je vais garder un des boutons, et je vais dire arrêter l'animation qui va arrêter l'animation. part ça, ça va continuer à boucler encore et encore. Je veux me débarrasser de ce précédent que j'avais avant cette action chronologique. On va en ajouter un autre ici dans une seconde, mais je voulais juste m'en débarrasser. Donc maintenant, si je vais de l'avant et prévisualiser ça, il devrait être ennemi. Mais ça s'arrêtera à ce moment-là. Donc, et ce que je veux faire, c'est que je veux une boucle encore et encore. Alors commence juste. Il s'arrête et démarre et tout automatiquement. Donc je vais aller de l'avant et à la fin de cette animation, donc je vais juste m'assurer que mes scrubbers à la toute fin de l'animation elle-même. Je vais ajouter une action chronologique, et cette action va aller de l'avant et dire, Démarrer la chronologie, chronologie principale. Donc maintenant, si je vais de l'avant et appuyez sur, sauvegardez et prévisualisez, cela va arriver à ce point et puis il va recommencer automatiquement. Si je le voulais, je pourrais aussi jouer ça à l'envers. Allons de l'avant et il suffit de double-cliquer sur cela et vous pourriez voir cela comme jouer à l'envers. Donc je vais aller de l'avant et frapper, enregistrer et prévisualiser, et ça va prendre ça et ça va l'animer à l'endroit où il était avant. Donc ça va avoir cet effet rebondissant. Nous avons remarqué qu'une fois que cela arrivera à l'inverse, il n'y a pas d'action pour recommencer. Donc ce que je vais faire si je voulais avoir une sorte de rebond d'avant en arrière, je vais ajouter une nouvelle action de chronologie, et je vais aller de l'avant et frapper la timeline de départ, et cette fois je n'ai pas besoin de jouer à l'envers. Il va juste commencer la chronologie là, donc ça va rebondir jusqu'au côté droit, j'allais revenir sur le côté gauche. Ça va frapper cette nouvelle action et rebondir. Donc maintenant, nous devons une sorte de boucle infinie d'aller-retour. Il peut y avoir des moments où vous voulez qu'il y ait. Parfois, nous ne voulons pas cela, alors ou vous voulez donner à l'utilisateur la possibilité d'arrêter l'animation. Donc maintenant, on va revenir dans le battage médiatique ici. Je vais sélectionner cette action, passer à mes actions de la souris, et au lieu de démarrer la chronologie, je vais en fait sélectionner la liste déroulante pour mettre en pause la lumière temporelle. Donc maintenant, si j'appuie sur Pause chronologie, quelle chronologie dois-je mettre en pause ? Je vais mettre en pause la chronologie principale. Et maintenant, allons de l'avant et frappe aperçu. Vous pouvez voir que notre animation commence à boucler d'avant en arrière. Eh bien, allons de l'avant et appuyez sur Stop animation et vous pourriez voir l'animation s'arrête mort dans ses pistes. Comment est-ce que je recommence ? Eh bien, je peux entrer ici, et je peux aller de l'avant et ajouter un nouveau bouton si je le voulais. Allons de l'avant et ajoutons un nouveau bouton qui dit Démarrer l'animation, Et nous pourrions faire un simple déclencheur pour continuer la chronologie. Et si je voulais sauter à un certain point de la chronologie, je pourrais en fait aller à la chronologie dans la chronologie et dire, OK, allez à cette certaine quantité de secondes. Donc, je vais aller de l'avant et appuyez sur, Enregistrer ici, appuyez sur Aperçu, arrêter l'animation, Mais puis cliquez sur Démarrer l'animation pour recommencer afin que je puisse avoir toute cette animation. Je peux donner à l'utilisateur la possibilité de mettre en pause l'animation pour arrêter l'animation, puis reprendre quand il veut revenir à. Et c'est comme ça que vous le faites à travers ces différents contrôles et aussi comment vous feriez boucler votre animation si vous vouliez une boucle ah continue d'animations ou un type de volonté similaire qui continue à s'animer ou un type de fumée qui continue à animer. Tu voulais que les orteils le bouclent encore et encore. Vous pouvez le faire via ces déclencheurs de timeline 34. 34 Créer des scènes de création de scènes: d' accord. La prochaine chose dont on va parler, c'est des scènes. Maintenant, les scènes sont à l'intérieur de type tumulte et ce sont essentiellement des pages différentes que vous pouvez parcourir Teoh Donc vous pouvez entrer ici et dans l'écran principal ici. Si je viens à gauche à l'intérieur, je peux cliquer sur les scènes ici, et cela me donnera une liste de toutes les différentes scènes disponibles à l'intérieur de ce projet. Maintenant, la première scène est une scène sans titre. Et si je le veux ou si je veux m'y rendre plus tard, je voudrai peut-être changer cela en quelque chose qui a un peu plus de sens. Appelons ça la scène principale. Et puis maintenant je peux venir ici et ils peuvent ajouter de nouvelles scènes. Donc, je vais cliquer sur cette icône plus pour ajouter une autre scène, et vous pouvez voir qu'il ajoute un autre sans titre vu. Alors allons de l'avant et nommer cela semblent et puis créer un de plus qui dit semblent trois. Maintenant, le contenu que vous avez à côté d'une scène ne se transfère pas toujours vers une autre scène. Donc si je viens ici et je clique sur le rectangle. J' ai mon propre calendrier pour ça, et j'ai le mien. On va juste étirer ça hors de ça. J' ai donc ma propre ligne de temps avec mes propres objets ici. Et si je viens à sembler là, je l'ai fait. C' est l'objet qui était sur la scène principale n'est pas sur cette scène. Donc, contrairement aux timelines, si je reviens sur la scène principale et que je vais dans la scène, inspecteur, contrairement aux timelines où il partage les mêmes objets qui sont sur la scène à travers les différents calendriers, les scènes elles-mêmes ne partagent aucun contenu. À moins que vous ne fassiez quelque chose un symbole persistant, un symbole persistant signifie qu'il sera sur une scène, puis il ira automatiquement à chaque scène en cascade à chaque scène. Vous pouvez également spécifier quelles scènes ne l'ont pas et les mains sur une scène par scène. Mais c'est à vous de décider. Mais sur la principale vue, vous avez au moins. C' est un objet ici, et vous pouvez travailler avec cet objet. Mais quand vous êtes prêt à passer à quelque chose avec complètement différent, c'est là que vous créez une nouvelle scène. Donc je vais aller de l'avant et supprimer ça pour l'instant. D' accord ? Il a effectivement supprimé mon principal vu. Donc je veux aller de l'avant et créer cette scène à nouveau, et je peux glisser et déposer ces scènes, les organiser comme je veux Teoh. Alors allons-y et ça appelle cette scène principale, et je vais insérer du texte. Je vais poser la question à l'utilisateur. Quelle est la meilleure réponse ? Je vais aller de l'avant et positionner ça au milieu et sélectionnons le rectangle et allons avant un insert dans les lèvres ici et je vais donner à l'utilisateur une question ici et en fonction de leur choix, je vais leur montrer Ah, choix ou je vais leur montrer la réponse. Donc, sur la première scène, ou en fait sembler ici, je vais aller de l'avant et insérer du texte et dire, Corriger. C' était un rectangle. Et juste pour avoir un peu plus de sens, on va ici. Et changeons cela pour sélectionner le rectangle. Alors maintenant leur défi est de sélectionner le rectangle, et s'ils sélectionnent, ça viendra à celui-ci. S' ils ne sélectionnent pas ça, alors ça va leur donner la réponse de Désolé, comment ce n'était pas correct. Très bien, scène si simple. Mais encore une fois, il est plus de travailler à travers la logique pour nous assurer que nous comprenons ce qui doit arriver ici. Donc je vais aller de l'avant et revenir ici et je vais insérer un déclencheur que si c'est sélectionné, il va aller voir, si c'est sélectionné, va en fait aller à voir trois. Donc je vais aller de l'avant et choisir cet objet. Venez ici dans le panneau d'actions, venez à ma souris, cliquez, puis quand c'est comme l'action à sauter à voir et je pourrais sélectionner la zone déroulante à voir. Ensuite, je vais sélectionner l' Ellipse, et je viendrai ici à l'inaction pour sauter à voir, et celui-ci va être vu trois. Si je voulais aller à la scène suivante, je pourrais le faire. Si je veux aller à la première scène, il peut le faire. La dernière chose que je peux faire, mais dans ce cas, je vais aller en voir trois. Je ne veux pas sélectionner la dernière vue ici, même savoir ce que c'est, la dernière scène. Je ne veux pas sélectionner cela car je peux ajouter d'autres pages plus tard. Maintenant, si je vais de l'avant et appuyez sur, enregistrer et prévisualiser, vous pouvez voir qu'il y a mon option ici. Je peux sélectionner le rectangle qui dit, Correct. C' était le rectangle Nous allons de l'avant et frappons, Rafraîchir pour revenir maintenant. Si je sélectionne Ellipse, elle sélectionnera l'Ellipse ou elle ira à l'option Ellipse. Ils sont géniaux. Donc ça marche très bien. Donc ça marche. Dans la vidéo suivante, nous allons parler de la transition d'une scène à une autre et des différentes options que vous pouvez faire pour cela. 35. Transistions de scène en 35 scènes: Dans la dernière vidéo, nous avons parlé de créer de nouvelles scènes et de déclencher par un clic de bouton ou une action de souris pour accéder à une certaine scène. Maintenant, ce que nous allons faire est de passer à la scène parce que, actuellement, si vous sélectionnez l'un de ces objets, il va juste à cette scène. Alors que faire si vous vouliez faire la transition qui étaient voulus, un type d'effet d'animation d'effet de parallaxe qui va à la scène suivante ? Eh bien, il y a quelques options que nous pouvons choisir. Donc, si je sélectionne cette option et revenons à elle, dit sur la souris Cliquez, J'aime juste cette option où dit transition et je peux voir que Aiken aller à un fondu croisé, utiliser un swap de fondu croisé ou cette poussée me permet réellement d'obtenir que effet parallaxe afin que je puisse aller pousser de gauche à droite, pousser l'orteil droit à gauche, pousser de bas en haut ou pousser de haut en bas. Et donc je veux aller de l'avant et sélectionner l'un de ceux-ci, puis frappe, enregistrer et prévisualiser. Sélectionnez l'une de ces options, et vous pouvez voir qu'il pousse cela de haut en bas. Je veux peut-être avoir un code vers le bas comme ça va d'une scène à une autre feuille de haut en bas. Donc, je vais aller de l'avant et sélectionner ce bas sûr en haut, puis aller de l'avant et appuyez sur l'aperçu et vous pourriez voir que ça anime dehors. Et la nouvelle scène s'anime maintenant à cause de l'arrière-plan. Je ne suis peut-être pas en mesure de le voir très bien, alors allons-y et changeons la couleur de la thèse een. Ici. Je veux aller de l'avant et changer la couleur de fond en vert, puis sur scène je vais changer la couleur de fond en une nuance de rouge. Maintenant, si je frappe sauver, vous pouvez voir que toute la scène ici est là, et comme je le vois, fait défiler et la nouvelle scène arrive. Il est rouge maintenant, une chose à garder à l'esprit. C' est si vous modifiez la couleur d'arrière-plan de la première page. Il héritera en fait d'être le fond de tout cela. Si vous cliquez dessus et que la nouvelle page arrive avec une couleur différente, l'extérieur sera toujours mauvaise couleur, donc si je clique sur compétence, il appliquera cela à 100%. Et puis, si je viens en semble, je veux m'assurer que cette échelle est également appliquée à 100% là. Et maintenant, si je vais de l'avant et appuie sur l'aperçu, cliquez sur ce rectangle, alors que les pages entières vont glisser et les nouvelles pages vont légèrement dans. Donc ce n'est pas seulement cette section, ça va prendre 100 %. C' est donc au moins la façon dont vous faites la transition ou appliquez une transition pour passer d'une page à une autre à l'intérieur d'un type tamal. 36. 36 transistions de déclenchement: nous avons déjà parlé de la façon dont orteil ajouter un déclencheur en utilisant le panneau des actions. Et donc, lorsque vous cliquez dessus, il naviguera à la page suivante ou comment déclencher une scène différente, pas seulement la scène suivante elle-même. Mais je veux parler d'un déclencheur de plus que vous pouvez faire pour pouvoir déclencher ces transitions d' entraînement vers une autre scène. Donc, je veux entrer dans la scène, inspecteur, inspecteur, et quand un défilement vers le bas ici et vous remarquerez que sur Swipe gauche, vers la droite, balayez vers le haut et balayez vers le bas. Nous avons certains sucres qui ne s'appliquent pas à un objet spécifique mais s'appliquent à n'importe quel endroit sur la scène. Fondamentalement, et c'est un excellent moyen de surtout pour mobile, permettre à la navigation d'être juste intuitive, pour être en mesure de glisser vers le haut et glisser vers le bas lui-même. Donc je vais aller de l'avant et sélectionner ou dire, Balayez vers le haut. Je vais sélectionner le déclencheur et je vais sauter à une scène et je vais aller de l'avant et sélectionner la scène spécifique qui dit Scène deux, et je vais aller de l'avant et la garder en poussant de bas en haut, puis je peux aussi changer le ici est bien, donc vous pouvez décider combien de temps cela prendra réellement pour passer d'une scène à une autre scène. Je vais frapper, enregistrer et frapper l'aperçu, et maintenant je vais glisser vers le haut et vous pouvez voir dès que je glisse vers le haut. J' ai donc cliqué et glissé du haut du bas vers le haut et balaie automatiquement ou automatiquement des transitions comme si c'était mon balayage lui-même déclenché cette animation, cette transition. Donc je vais venir ici et faire la même chose avec cette scène. Donc maintenant je suis sur scène pour que je veux glisser vers le bas pour revenir à cette page. Donc je veux aller de l'avant et sauver sauté à sembler, et puis je vais dire, vu scène principale. Et maintenant, il va à la place de bas en haut. Ça va être de haut en bas. De cette façon, c'est la navigation elle-même. Si je suis descendu une fois, je ne veux pas qu'il redescende pour revenir en arrière d'une page et je voulais aller de l'endroit où il se trouve actuellement en haut ici. Donc je vais glisser vers le bas, et ensuite je vais aller de l'avant et glisser vers le haut. Ça va me ramener à l'endroit où était la scène avant. Donc juste un moyen de créer cette navigation, de passer d'une scène à une autre scène et d'obtenir ce genre d'effet de parallaxe pour passer comme s' il allait d'une section à une autre. Donc, c'est comme ça que vous faites ça et dit que le type tumulte. 37. 37 Étalonnage de la scène basée sur le pourcentage: D' accord. Maintenant, nous allons parler des façons dont vous pouvez rendre vos applications de type tumult réactives, sorte qu'il s'adapte aux différentes tailles d'écran. Il est redimensionné est où ancre à différentes parties de l'écran ainsi. Mais le point clé est qu'il ne reste tout simplement pas la même taille qu'il change et une réponse aux différents écrans de l'appareil. Maintenant, il y a un moyen de créer des mises en page, qui, en d'autres termes, sont un peu comme des points de rupture disant, Ok, maintenant cela va disparaître. À cette taille, cela va arriver à cette taille. Cela va sembler un peu différent à cette taille. Il y a un moyen de le faire. Mais avant d'entrer dans cette partie, je vais vous parler de la façon d'en profiter et de faire profiter votre scène de l'ensemble de l'écran. Donc, tout d'abord, je vais aller de l'avant et répondre à un texte ou à un élément de forme, passer au rectangle, et nous allons juste placer ce genre de chose sur le côté droit de la scène par défaut. Si je prévisualise ceci, vous verrez qu'il est réglé sur le côté droit. C' est en quelque sorte au milieu de la boîte elle-même. Est un peu juste ici parce que cela en ce moment, taille actuelle est 600 par 400 ceci est défini dans mes propriétés de scène dans ma zone d'inspecteur, et ça ne va pas vraiment au-delà. Donc, si je vais de l'avant et que je redimensionne ceci, allez et prenez ça, vous pouvez voir qu'il ne répond pas ou qu'il ne s'adapte pas aux différentes tailles. Il reste à peu près la même taille. On peut changer ça à l'intérieur du type tamal. Juste en entrant dans la scène, inspecteur et dans la taille de l'écran, vous pouvez sélectionner la liste déroulante. Vous pouvez voir les différentes tailles d'écran disponibles si vous essayez de cibler initialement une certaine taille. Mais si vous vouliez que cela s'adapte à l'ensemble de l'écran, tout ce que vous avez à faire est de cliquer sur cette case à cocher juste à côté de la largeur et de la case à cocher de l'échelle juste à côté de la hauteur. Maintenant, ce qui va se passer, c'est que si je l'enregistre dans l'aperçu, vous remarquerez qu'il s'est réellement déplacé sur le côté gauche. La raison en est que cela est devenu réactif. Donc, il prend tout l'écran. On ne peut pas vraiment le dire juste avec le fond blanc. Nous pouvons le dire cependant, si je viens ici et changer l'arrière-plan pour une couleur différente. Donc je vais changer ce coup d'arrière-plan, entrer, et maintenant vous pouvez voir qu'il est adapté à la dernière ou est maintenant en plein écran . Ah, et donc la page entière elle-même a la nouvelle taille. Si je viens ici et que je voulais que Teoh crée une mise en page différente, je l'ai réagi, mais nous allons entrer dans cette section dans les vidéos à venir. Mais pour l'instant, je vais aller de l'avant et juste sélectionner cet objet. Vous avez remarqué que cet objet ne répond pas réellement en fonction de ma taille parce que ce n'est pas une base de pourcentage et son ancre à la morsure D. Il est ancré en haut et à gauche de l'écran de sorte qu'il ne s'adapte pas ou ne coule pas avec le côté droit de l'écran. Si je redimensionnais cela sur la gauche, vous pouvez voir qu'il reste le même ou est au même endroit sur le côté gauche, mais il ne le fait pas sur le côté droit. Si je voulais que cela soit ancré sur le côté droit, je peux entrer dans mes métriques ici, et je peux passer à la mise en page flexible et vous remarquerez que j'ai la possibilité de brocher et de dimensionner . Donc, cela me permet de réellement épingler ceci aux droits, gauche, au haut ou au bas. Je peux faire tous les trois. Aiken fait tous les quatre que je pourrais faire à Aiken en faire une. C' est assez flexible là-bas, donc je vais aller de l'avant et frapper, enregistrer et prévisualiser, et vous remarquerez que ça change en quelque sorte pour le côté gauche et le côté droit. C' est l'ancrage de cette façon. Il est ancré sur la gauche, et il est ancré sur le dessus. Cependant, il n'est pas ancré sur le fond. Si je voulais l'ancrer sur le fond ou épingler sur le fond, je pourrais le faire. Vous pouvez voir que ça me donne un aperçu disant que ça va être au milieu et qu'il va s'adapter aux différentes tailles donc ça change quand je monte et descend change quand je vais à gauche et à droite et ainsi de suite. Donc ce sont différentes façons que je peux adapter ça ou pénitence Si je l'ai fait, si je le voulais, plupart du temps rester sur le côté droit de l'écran. Je peux cliquer sur la broche sur la gauche et juste m'assurer que ce n'est pas coché. Il n'est pas coché quand il est gris, il est vérifié quand il est bleu, et maintenant si j'appuie sur sauvegarder l'aperçu, vous pouvez le voir sur le côté gauche. Si j'ai un peu ajusté que ça reste à peu près le même. Cependant, quand j'ajuste le côté droit, il s'adapte et il reste sur le côté droit. Donc, je peux réparer les choses dans certains domaines et avoir toujours des choses dans un certain domaine ici . Non seulement je peux le faire avec le positionnement où les broches, mais je peux aussi le faire avec le dimensionnement afin que vous puissiez voir ces deux flèches allant à gauche et droite et deux flèches allant de haut en bas. Si je voulais ajuster et que la largeur soit un pourcentage, pourquoi peut-il simplement sélectionner cette option ? Et vous pouvez voir que ces flèches sont maintenant surlignées. Je peux également sélectionner les flèches haut et bas, et maintenant il va s'étirer à la fois, um, la largeur sage et la hauteur sage. Si je vais de l'avant et que je clique sur Enregistrer en prévisualisation, ma boîte est devenue un peu plus grande. Lorsque je redimensionne mon écran, vous pouvez voir que la boîte se redimensionnera en fonction de ma largeur et de la hauteur de mon navigateur. Donc, en faisant tout cela, vous pouvez avoir des choses qui deviennent plus petites, plus grandes que l'ancre ou la broche à certains côtés de votre écran. Ça ne change pas le contenu. Je ne peux pas dire Ok, une fois que ça arrivera à ce point, viens ici. C' est là que les différentes mises en page entreront en jeu une fois que nous entrerons dans les mises en page. Mais cela vous permet au moins de créer une certaine réactivité et d'avoir des choses ancrées à certains endroits aussi. Si je viens ici et sélectionnez cette option, vous pouvez voir que j'ai d'autres options ici pour le comportement de l'échelle. Je peux sélectionner cette liste déroulante. Je peux voir rétrécir pour s'adapter ou se développer pour remplir. Si je clique sur rétrécir pour s'adapter ici, allons-y et re tailles et vous pouvez voir qu'il reste un peu plus proportionnel plutôt que d'étirer la avec elle maintient dans sa proportion là si vous voulez. Si c'est l'effet désiré, vous pouvez le faire ou le développer pour le remplir. Vous pouvez voir qu'il fait une chose similaire ici, juste comme il le fait en arrière-plan. Vous pouvez soit développer pour sentir, ou vous pouvez faire rétrécir pour s'adapter, ou vous pouvez le garder. C' est par défaut si stretch, mais cela va étirer à la fois la largeur et la hauteur. C' est ainsi que vous faites une partie de la mise à l'échelle et ajustez votre écran pour être automatiquement ajusté aux différentes tailles navigateurs. Et c'est ainsi que vous faites des mises en page flexibles avec différents objets. Vous pouvez le faire avec du texte. Vous pouvez le faire avec des éléments de différence, des boutons et des choses comme ça et cela se redimensionnera automatiquement pour les éléments de position dans certaines zones. Ensuite, vous pouvez commencer si vous voulez Ah, changer en fonction de la taille de l'écran. C' est là que vous commencerez à ajouter des points de rupture ou que vous commencez à ajouter des mises en page différentes afin que nous puissions entrer dans cette vidéo dans la prochaine vidéo sur la façon de créer différentes mises en page et d'adapter votre contenu en fonction de la taille de l'écran 38. 38 Créer des mises en page différentes de la page différentes: dans la dernière vidéo, nous avons parlé de régler leur taille d'écran pour répondre automatiquement et non pas simplement prendre. Oppa définit la taille mais prend réellement la taille de votre navigateur entier. Mais il peut arriver que vous ayez besoin d'ajuster votre contenu en fonction des mises en page. C' est donc là que l'option de mise en page sur le côté supérieur gauche entre en jeu. Si je sélectionne cette option, cela me donne un nouveau panneau appelé Dispositions. Si je voulais cacher des scènes pour l'instant, je peux aller de l'avant et décocher les scènes et juste avoir mon option de mise en page maintenant par défaut. C' est la mise en page initiale qui m'est donnée, mais je peux venir ici et je peux ajouter de nouvelles mises en page, et je peux renommer cette mise en page aussi. Donc, je vais appeler celui-ci par défaut, et je vais aller de l'avant et cliquer sur l'icône plus, et cela me donne la possibilité d'ajuster ou de créer. La taille est basée sur l'iPhone, l'iPad dans Portrait, l'iPad dans Paysage, puis le bureau ainsi que le bureau. ce moment, nous sommes à environ 600 donc nous sommes en quelque sorte entre les deux étaient en fait entre l' iPhone et l'iPad. Initialement, eso nous pouvons vouloir concevoir le portrait de l'iPad. Nous pouvons vouloir concevoir le paysage de l'iPad et ainsi de suite. Alors allons de l'avant et juste d'abord, commencez avec le portrait de l'iPad et il va me dire quel est le point de rupture IHS et le point rupture en ce moment est 7 68 Je vais aller de l'avant et cliquer sur ajouter une mise en page. Maintenant, cela fonctionnera pour tout ce qui arrive à cette taille d'environ 7 68 Les tablettes Android essentiellement, puisque vous travaillez avec un Mac, je pense que c'est pourquoi ils ont juste les tailles IOS là. Mais tout ce qui arrive à ce point, comme si c'est une tablette Android, va automatiquement redimensionner ou avoir ces points de rupture se produisent à cette certaine taille. Donc je vais zoomer. C' est un peu grand, et donc je vais faire mon zoom vers le haut et zoomer pour voir un peu plus de ma scène pour que vous puissiez voir que c'est la taille du portrait de l'iPad. Et donc tout ce que je fais ici va réellement s'adapter ou changer en fonction de cette taille, donc vous pouvez voir ici la valeur par défaut si je reviens est sur le côté droit , mais le portrait de l'iPad est maintenant terminé sur le côté gauche. Donc, si je touche sauvegarder l'aperçu, vous pouvez voir le côté gauche étaient un peu plus grand que ce qu'un iPad ou que le 600. Donc, ce qui va se passer, c'est quand je commencerai à redimensionner et que j'arrive à ce point 600, vous pouvez voir que mon objet a changé, et il prend maintenant cette mise en page au lieu de cette autre mise en page. Et donc si je voulais être très précis, je peux venir ici et ajouter un paysage iPad ici. Allons de l'avant et ajouter des chauves-souris et vous voyez qu'il a encore mon contenu de plus. Mais maintenant je peux dire, OK , eh bien , en mode paysage, ça va être fini en bas à droite. Je peux ajuster la taille, je peux ajuster l'esprit, et vous pouvez voir que cela n'affecte pas la taille ou la largeur de mon autre objet. Que se passe-t-il si j'ai une animation ? Eh bien, venons ici. Ajoutons une animation. Et je vais juste bouger mon curseur. Ma, euh, barre de lavage sur le côté droit et déplacez ça et allez-y et appuyez sur décocher . Donc si je viens ici pour le portrait de l'iPad, vous remarquerez que l'animation n'arrive pas. Donc, j'ai différentes options de chronologie que ces différentes tailles et il peut créer une véritable expérience spécifique pour le portrait de l'iPad ou une expérience spécifique pour le paysage de l'iPad ou de l'expérience spécifique pour l'iPad ou l'iPhone ou le bureau Maintenant. Typiquement, la taille initiale du battage médiatique est très petite. 600. Donc j'aime vraiment me débarrasser de cette mise en page. Aiken, droite, cliquez dessus et allez à supprimer la mise en page. Et puis j'aime le garder au portrait iPad Paysage iPad à un bureau là-dedans, un pour les plus grandes tailles. Et puis je veux aller de l'avant et ajouter un iPhone Ici encore, ce n'est pas le cas. Fondamentalement n'importe quel téléphone Android qui va arriver à ce point. Vous pouvez aller de l'avant et encore le développer pour cette taille, puis n'importe quel téléphone Android va profiter de cette taille. Ce n'est pas spécifique à l'iPhone, ce qui signifie que cette taille ne va fonctionner que sur l'iPhone donc je peux venir ici et redimensionner ceci et dire OK sur l'iPhone. On y va. On peut aller de l'avant et ça va ressembler à ça. Donc je vais aller en sécurité et prévisualiser, et je vais vous montrer un exemple ici. Cela va vraiment me laisser entrer ici très rapidement et je vais vous montrer comment prévisualiser cela sur différents appareils. Si vous utilisez safari, si vous utilisez chrome, c'est un peu différent. Mais sur safari, si vous appuyez sur commande option sont en même temps, il va effectivement aller dans un aperçu ici, et vous pouvez voir à quoi cela va ressembler aux différentes tailles. Donc, nous avons un iPhone S e. Nous avons un iPhone six. On a un iPhone six. Plus. Si je clique à nouveau sur cette icône, ça va faire pivoter ça à une taille différente. Si je viens ici à l'iPad Mini quatre en Paysage, vous pouvez voir que notre animation se passe. Eh bien, faisons tourner ça en mode portrait, et vous pouvez voir maintenant que c'est ce qui va ressembler à un portrait. Maintenant. L' iPad Mini quatre et l'iPad Air deux sont à peu près de la même taille. Donc si je passe ici, ça me permet de voir à quoi ça va ressembler sur le paysage. C' est à ça que ça va ressembler en mode portrait. Je peux aussi venir dans l'iPad pro, et je peux aller à différentes tailles aussi bien. Il a une barre de traînée sur le côté gauche, à gauche ici, à droite ici, puis le bas. Donc, si j'ai une taille d'écran très spécifique que je voulais essayer, je peux le faire aussi. Maintenant quoi ? Comment tu arrives à ce genre de chose à l'intérieur d'un chrome ? Si vous avez l'habitude d'utiliser chrome, allez-vous entrer ici où vous allez voir et ensuite descendre vers le développeur, venir voir les outils source ou développeur ? Je vais aller aux outils de développement ici, et je vais cliquer sur cette barre d'onglets ou barre d'outils de l'appareil à bascule, et cela va réellement me permettre d'ajuster ma taille différente de révision de mes différentes tailles ici. Donc, je de 56 plus six iPad, iPad, pro et Galaxy Nexus et d'autres choses. Si je clique sur cela, vous pouvez voir ce que vous êtes le contenu de différence va être avec cela. Si vous utilisez du chrome, j'utilise généralement simplement safari. Mais si vous utilisez du chrome, c'est un bon pied. Pour le faire aussi. Pour en sortir, il suffit de cliquer sur Option Commande sont à nouveau, et cela vous sortira de cette zone d'aperçu. C' est ainsi que vous créez les différentes mises en page, et vous ajoutez de nouvelles mises en page pour les différentes tailles de tablettes, ordinateurs de bureau et téléphones dans la prochaine. Nous allons parler de la création d'une taille personnalisée si vous savez que vous essayez de cibler différents appareils. Et ce n'est pas l'une de ces différentes tailles, et vous vouliez en créer une sur mesure. On va en parler dans la prochaine vidéo. 39. 39 points de rupture modifiés: Donc, dans les dernières vidéos, nous avons parlé de régler votre écran afin de tirer automatiquement parti de toute la taille de l'écran . Nous avons parlé de la création d'une nouvelle mise en page afin que vous puissiez obtenir du contenu spécifique pour des mises en page spécifiques dans les différentes mises en page qui sont disponibles par défaut. Mais que se passe-t-il si vous avez une mise en page très personnalisée ou si vous le souhaitez ? Disons, entre iPad, portrait et iPhone, portrait et iPhone, vous vouliez avoir une mise en page pour iPhone six plus ou quelque chose comme ça. Eh bien, c'est là que vous pouvez entrer dans les mises en page, et vous pouvez en fait ajouter une nouvelle mise en page juste en disant Point de rupture en venant ici et ajustant cela avec disons, c'est là que vous pouvez entrer dans les mises en page, et vous pouvez en fait ajouter une nouvelle mise en page juste en disant Point de rupture en venant ici eten ajustant cela avec disons, , Je veux avoir quelque chose à environ 500 500 lui-même et puis je peux venir ici et dire, Ok, maintenant c'est de 500 à 7 68 Il va avoir cette mise en page. Je peux aussi venir ici par sur ma scène, inspecteur en ajustant ou en ajoutant la nouvelle mise en page responsive. Je peux venir ici et dire Ajouter une nouvelle mise en page et il fera la même chose afin que je puisse ajouter dans les iPad les mises en page de bureau. Si je ne les ai pas déjà eu. Ou vous pouvez venir ici et la taille de l'injustice et économiser 500 cliquez sur ajouter une nouvelle mise en page. Maintenant, il va admettre la mise en page entre mon iPhone et mon portrait iPad, et je peux venir ici et dire, Ok, eh bien, ça va être l'iPhone six plus ou l'iPhone sept plus ou, vous savez, quelle que soit sa taille à l'époque. Alors maintenant, j'ai ça. Et si je le voulais, je pourrais venir ici et ajuster la hauteur. Si je voulais avoir la hauteur initiale, que ce soit quelque chose. Mais l'échelle profite à peu près de la hauteur. Alors ça va être 100% du battage médiatique de toute façon, donc vous n'avez pas besoin d'être très précis. Il faut au moins l'amener au point initial en disant, OK, voici où cela va être. Une autre chose que vous pourriez vouloir profiter est de venir sur le portrait de l'iPad . Allons de l'avant et revenons à nos métriques. Inspecteur, vous voudrez peut-être vraiment descendre et ajuster la gauche en haut à la hauteur, ou là avec initialement. Donc, la gauche vient sur le côté gauche. Ceci, il va réellement ajuster de la gauche sur, et ce sera le placement initial, même si cela est ancré sur le côté droit, vous réglez toujours le placement initial sur le côté gauche maintenant, donc c'est juste quelque chose à garder à l'esprit qui sait même qu'il est ancré à droite. Il va être positionné à l'origine à cela, donc vous devez toujours le placer à l'origine à un moment donné. Mais quand il s'adapte ou re dimensionnement à l'ensemble de l'écran, il suffit de garder à l'esprit. C' est Ah, où que tu places, où que tu places, ça va être initial, et ça va être un pourcentage à ce moment-là de ton truc initial, ça va être ce pourcentage 40. Introduction à la rubrique de l'action JavaScript: nous avons parcouru beaucoup de parties de pouvoir animer vos différents objets, en étant en mesure d'ajuster certains des paramètres à l'intérieur du type tumult. Maintenant, nous allons parler d'ajouter des fonctionnalités personnalisées en utilisant des actions JavaScript à l'intérieur. C' est un type de taupe. J' ai donc un exemple de projet ici. Je vais juste aller de l'avant et enregistrer ça sur mon bureau. Je vais juste l'appeler encore une fois échantillon. Je suis plus inquiet au sujet de juste obtenir la fonctionnalité, et j'espère que plus tard, et les vidéos de formation auront différents exemples que vous pouvez travailler à travers. Mais je vais aller de l'avant et juste appuyer sur sauver ici, et ensuite je vais entrer et créer un élément. Je vais descendre et effacer, cliquer sur le rectangle. Et de cette façon, nous avons juste quelque chose à travailler sur scène. Maintenant, pour ajouter un code JavaScript personnalisé sur une scène ou sur n'importe quel objet de différence, vous devez entrer dans la scène, l'inspecteur, ou vous devez entrer dans les actions, Inspecteur. Si je viens dans la scène, Inspecteur, c'est là qu'il peut entrer et ajouter des actions à voir vu la charge sur balayage à gauche sur, balayé à droite, balayage vers le haut, vers le bas et ainsi de suite. Donc, si je voulais avoir du code JavaScript personnalisé dans l'un de ces éléments ou l'une de ces actions qui peuvent le faire ici, je vais aller de l'avant, juste sélectionner cet objet. Et je veux que ce code s'exécute dès que cette sélection dessus. Donc je vais venir ici et sélectionner cette souris ou les actions que l' inspecteur des actions de la main , et je vais venir et dire, OK, faisons juste que cela arrive sur les clics de souris que je veux cliquer sur Plus sélectionner la goutte et je vais descendre pour exécuter JavaScript. Nous voulons exécuter du javascript. Maintenant, ce qui se passe est à l'intérieur de ma ressource est que vous remarquerez dès que je crée une fonction JavaScript va l'ajouter. intérieur de ma ressource est parce que la chose agréable à ce sujet est que je peux réutiliser cette fonction JavaScript avec n'importe quel bouton ou n'importe quel élément qui l'appelle réellement. Donc, une fois cette fonction créative, elle est réutilisable. A l'intérieur, c'est une passe multiple, alors on va descendre et sélectionner cette liste déroulante. Si j'avais déjà créé une fonction, il afficherait réellement les différentes fonctions ici . Mais dans ce cas, je vais aller de l'avant et juste cliquer sur une nouvelle fonction, parce que je n'ai pas encore commencé quoi que ce soit. Et c'est ce qu'il montre ses spectacles. Ici, pops, ouvrez un nouvel onglet, mais revenez ici pour sans titre Vu ce testament. Cela me permet de revenir à la chronologie, et vous remarquerez que dans la ressource est nous avons maintenant cette fonction sans titre. Cependant, si je reviens orteil fonction, la première chose que je veux faire est que je veux nommer cette fonction. Maintenant, c'est que vous travaillez avec tout votre code doit aller à l'intérieur de cette fonction. Et donc nous allons aller de l'avant et juste le nommer quelque chose qui double clic où il dit fonction sans titre. Et je vais juste nommer ce type de funks ou de couchette, euh, et avoir ce visa. Ajoutons simplement celle, parce que nous allons ajouter plusieurs fonctions, mais nous allons juste aller de l'avant et ajouter ça ici. Non, il passe dans quelques paramètres. Ah, battage médiatique, éléments de document et panneau d'événement. Ce n'est pas un cours de script de travail. Et donc, si vous voulez tout savoir sur JavaScript ? Je vous recommande fortement de retourner à l'apprentissage des filets dojo et de vous inscrire à notre cours JavaScript là-bas. Je vais aller de l'avant et venir ici et on va faire une simple alerte. Donc je vais ouvrir Prince Ces parenthèses proches, des citations ouvertes, citations proches et on va juste dire, Hey, on va juste alerter un simple Hey là maintenant. Ce qui va se passer, c'est que si je reviens dans mon droit vu, vous remarquerez que la fonction à l'intérieur de la ressource est en fait changé. Donc, cela sera mis à jour en fonction de l'onglet ici aussi. Il sera mis à jour en fonction de ce que je l'ai nommé ici que les mêmes règles s'appliquent avec JavaScript. Vous êtes les fonctions doivent être un seul nom. Ils ne peuvent pas avoir d'espace ou quoi que ce soit comme ça. Suivez donc ces mêmes méthodes aussi loin que ce que vous nommez. Bon, alors allons-y et voyons si ça marche. Je vais frapper, enregistrer, et puis je vais prévisualiser ceci, et dès que je clique dessus, c'est quand cette fonction se produira et vous pouvez voir ici c'est ma fonction javascript qui fait ses alertes simples à l'intérieur de là, cependant, vous pouvez ajouter des fonctionnalités supplémentaires en plus de simplement alerter si vous le souhaitez, il y a beaucoup que vous pouvez dio si j'ai besoin de revenir dans cette fonction. Pour une raison quelconque, si cet onglet est fermé, je pourrais revenir dans la ressource est et double-cliquer sur ceci ou cliquez sur à sa source. Cependant, le moyen le plus rapide que je trouve est juste en cliquant dessus, puis en cliquant sur cette flèche juste ici et cela va réellement apparaître dans le nouvel onglet et me ramener à cette fonction . Il y a beaucoup que vous pouvez faire avec le JavaScript, mais vous devez savoir comment référencer vos documents en aigre vos éléments à l'intérieur du type tumult . Et ce qui est sympa, c'est qu'on est là. OK, L'élément est le document mâle HT qui a déclenché la fonction. Donc, tout ce qui a déclenché cette fonction qui sera les éléments. L' événement est l'événement Theo qui a déclenché cette fonction. Fondamentalement, s'il s'agit d'un événement de souris ou d'un robinet ou quelque chose comme ça, vous pouvez le déterminer et l'utiliser comme des instructions if et si vous le souhaitez. Cependant, vous ne savez peut-être pas tout le reste ici, donc c'est vers le bas. Nous avons une liste de différentes ressources est que vous pouvez réellement faire. On va passer en revue plusieurs dans les prochaines vidéos, mais pour l' instant, je veux juste que tu saches comment y aller et en ajouter une. Vous devez donc tout d'abord placer votre curseur quelque part à l'intérieur de la fonction, puis trouver celui que vous voulez. Allons-y et disons, Hum eh bien, allons-y et disons que le document I d. Ici, nous avons juste à faire avec ceci est celui que je veux. Je veux aller de l'avant et double-cliquer dessus et vous le remarquerez maintenant, place ce code à l'intérieur de cette fonction si j'en avais besoin. Je peux ajouter une variable et dire que l'échantillon est largement égal au document battage médiatique. Et puis de cette façon, si je le place à l'intérieur d'un très noir et puis alerte, c'est quelqu'un pour dire barre d'échantillons d'alerte. Et maintenant, si j'appuie sur l'aperçu, ça va alerter cet index. Conteneur de soulignement battage médiatique. Donc beaucoup d'éléments différents que nous allons examiner comment faire certains d'entre eux. Vous pouvez démarrer et arrêter la chronologie. Vous pouvez obtenir des éléments par. Vous pouvez obtenir la propriété. Vous pouvez ensuite définir la propriété d'un certain élément sur l'opacité zéro. Si vous vouliez cacher et montrer des choses, si vous vouliez entrer et sauter à la scène suivante via le JavaScript, vous pourriez le faire. Si vous souhaitez mettre en pause la chronologie si vous souhaitez démarrer la chronologie. Certains de ces trucs est le même que ce qu'une action serait seo. Il peut y avoir des cas où nous ne voulons pas le faire, mais vous voudrez peut-être avoir un élément conditionnel disant, si cela joue bien, alors arrêtez ceci, ou si c'est la durée de ceci est un certain montant, puis arrêtez ça ou jouez. C' est ou faire quelque chose comme ça. Il est donc utile dans certaines situations de pouvoir référencer ce code. Donc je vais juste passer en revue les prochaines vidéos et nous allons vous montrer comment faire quelques uns de ces, commençant par le document comment vous pouvez travailler avec le document en obtenant le I d ou en définissant un I D et comment vous pouvez définir des différentes propriétés d'élément, nous allons donc aller de l'avant et commencer à ce sujet dans la prochaine vidéo. 41. 41 Événements de document: dans la dernière vidéo, nous avons parlé de la création de cette fonction à partir d'une action de la souris. Et donc dans cette vidéo, nous allons juste aller de l'avant et explorer certains des éléments de code de différence que nous pouvons faire ici, les différents trucs de code Hansen que nous avons à notre disposition maintenant si je le voulais, comme vous l'avez appris dans la dernière vidéo, si vous double-cliquez sur quelque chose, si vous vouliez l'utiliser et puis vous pouvez le modifier à partir de là. Mais la première chose que je veux faire, c'est qu'on a déjà parlé un peu du document nommé Dr Night. La ressource est le dossier et les fonctions. Je n'en utilise pas vraiment beaucoup. Ils sont là. Si vous avez besoin de Teoh, référencez-les un peu plus. Et si cela ne vous donne pas assez d'informations sur ce que vous allez travailler avec , il y a un bouton plus d'informations qui s'ouvrira avec une documentation pour le type tumult, et il va dans un peu plus de profondeur de ce que vous pouvez veulent utiliser pour, comme, les calendriers, la façon dont vous démarrez ces différents calendriers ou quelque chose comme ça. Donc, c'est juste quelque chose à garder à l'esprit est que vous pouvez cliquer dessus et obtenir un peu plus lire un peu plus là-bas. Mais si tu es comme moi, j'aime voir des choses en action. Alors allons de l'avant et explorons une partie de cela. Je vais tout d'abord venir pour obtenir un élément par i d. Donc nous pouvons réellement obtenir un élément spécifique si nous allons parler à un élément, surtout si nous allons cacher un certain élément. Ce n'est pas l'élément sur lequel on a cliqué parce que vous remarquerez ici que nous avons l' élément qui passe. Donc, si nous parlons juste de cet élément, alors tout ce que nous devons faire est de le référencer par élément. Mais si on doit parler à un autre élément , , alors on doit vraiment y aller. Et nous devons obtenir les éléments et nous devons identifier cela donc c'est utile pour ce genre de chose. Donc, je vais aller de l'avant et double-cliquer dessus et puis vous pouvez voir qu'il dit hype document point get élément par I D. Et puis dans les guillemets est I. D. Eh bien, il n'y a vraiment pas un élément qui s'appelle I d là-bas donc nous avons vraiment besoin d'aller dans notre scène et nous avons besoin de créer un élément qui a un I d. Donc je vais entrer et créer ce cercle et vous pouvez donner aux éléments un 90 en venant à la fenêtre de l'inspecteur ici sur le côté droit. Et c'est en fait l'inspecteur de l'identité et on va descendre tout de suite. Il est dit nom d'affichage. C' est ce qui s'affiche ici. Je peux changer ça ici. Ou cela pourrait donner à cela un élément unique. Je d et donc tous les éléments. Il ne peut pas avoir la même classe qui ne peut pas ou ne peut pas avoir le même I d plus d'un élément. Vous devez lui en donner un unique. Si vous vouliez parler à plusieurs choses en même temps, allez-vous le faire par nom de classe, et vous pouvez donc lui donner un tas de noms de classe différents et le référencer de cette façon. Mais dans ce cas, nous allons juste parler de cet élément spécifique parce que les événements qui sont appelés sont sur cet élément. Donc on ne parle pas à ce sujet. On va parler à autre chose, donc je vais aller de l'avant et appeler ce cercle, puis je vais frapper, sauver et revenir dans ma fonction d'échantillon. Un ici et nous allons dire, Eh bien, ça va être cercle. On va parler à ce cercle. Donc, mais la bonne chose est, si je voulais référencer cela à l'intérieur d'autres éléments, si je vais ajouter plus de code, il est probablement plus facile de placer cela à l'intérieur d'une variable. Et donc nous allons dire cercle égal et ensuite avoir ça juste après. Donc maintenant, à partir de maintenant, je peux aller de l'avant et utiliser le cercle de référence, et il parlera de ces éléments sur la scène. Donc c'est une façon de référencer réellement le i D. Mais nous pouvons aussi obtenir les différentes propriétés à propos de ce que je d. Donc je vais aller de l'avant et double-cliquer sur ceci ici. Et donc nous allons dire document battage médiatique, obtenir la propriété de l'élément et de quel élément on va parler. On ne parlera pas de celui sur lequel on a cliqué. On va parler de ce cercle, donc je veux aller de l'avant et double-cliquer dessus. Et puis quel nom de propriété allons-nous faire ? Eh bien, on va dire à gauche. Alors prenons la propriété de gauche. Quelle est la propriété de gauche ? Je veux savoir. Eh bien, pour moi, si je l'ai aperçu ici et que je clique dessus, je ne vois pas vraiment ça parce que je ne fais rien avec cette information. Donc je dois faire quelque chose avec cette information. Alors allons de l'avant et enveloppons ceci à l'intérieur d'une simple alerte. Je veux avoir des alertes qui s'ouvriront avec la propriété element là. Donc, je vais envelopper les documents battants chauds, obtient le cercle de propriété d'élément et tout à l'intérieur des parenthèses et des parenthèses d'alerte. Là. Je vais frapper, enregistrer, puis prévisualiser. Et si je clique dessus, tu remarqueras que ça dit, 445. C' est la propriété de gauche pour cela. Et donc je peux rassembler quelques informations sur différents éléments sur ma scène. C' est là que ça devient utile. Et puis, si je meurs, alors je peux ajouter des instructions comme si la propriété get elements circle left est supérieure cela, alors faites ça. Et donc vous pouvez ajouter des choses conditionnelles à l'intérieur de là, qui, pour ce faire, je le placerais à l'intérieur d'une autre variable. Je vais me débarrasser de ça. Alertez les parenthèses ouvertes, fermez les parenthèses là, et puis je vais sauver notre cercle égal à gauche et dire, OK, ça va être la propriété de la gauche ici. Et puis on va aller de l'avant et dire, si le cercle à gauche est supérieur ou égal à 500 puits, alors on va alerter. Alors dis, yo, désolé. Moins que sur. C' est ce que c'est moins que si le cercle gauche est inférieur ou égal à 500, puis des citations ou faire ça, je vais essayer une chose ici juste pour voir si on peut le faire sans les citations. Et pourtant, nous pouvons pour que vous puissiez le faire. Les guillemets seront une chaîne qui dans ce cas, cela fonctionne. Hum, mais si vous vouliez avoir la valeur exacte de la propriété, alors je le ferais sans les chaînes là-bas. Donc maintenant si je voulais faire plus que puis je pourrais faire comme, ah, ah, 200 ici, et vous pourriez voir 445 est supérieur à Et donc c'est ce qui est utile pour obtenir ces propriétés d' élément les plaçant, et donc à ce moment-là, ajuster la logique, et c'est quelque chose que vous ne pouvez pas faire avec seulement les déclencheurs normaux à l'intérieur. C' est un type de taupe. Alors allons-y et faisons encore une chose. Définissons réellement la propriété de l'élément. Je n'ai plus besoin de ça parce que je viens de l'avoir. Mais je vais aller de l'avant et dire, Hey, cercle, nous allons définir votre propriété d'élément en descendant ici pour définir la propriété d'élément. Quand un double clic sur cela et nous allons dire la propriété de l'élément de point de document et nous ne parlons pas à l'élément, celui sur lequel nous avons cliqué. On va parler au cercle. Donc je vais copier ça et le coller ici. Et quel nom de propriété allons-nous parler ? Eh bien, quelles sont les options ici ? Il me dit quelles sont les options, dit en haut à gauche avec la hauteur, rotation, échelle Z, opacité y de l'échelle X et l'indice Z. Si je voulais amener des choses ah, le haut de la couche ou vers le bas de la couche, je peux utiliser l'indice Z. Nous allons juste dire à gauche et ensuite la valeur juste ici. Eh bien, quelle valeur voulons-nous ? Allons dire qu'il sera 100 et qu'on veut que ça prenne le dessus ou deux ennemis. Si on ne le fait pas, on peut juste prendre ça. C' est le nombre de secondes, et nous pourrions réduire cela à zéro, et cela se produira instantanément. Si on le fait, on va aller de l'avant et laisser ça à 1,0, ce qui est une seconde. Et puis je peux dire, Voici ma facilité d'entrée et de sortie pour que je puisse juste me détendre, soulager si je voulais que ça taquiner ou qu'il ajoute un peu d'assouplissement à ça. Donc je vais aller de l'avant en un aperçu, et dès que je clique dessus, vous remarquerez que mon cercle s'anime du côté droit vers la gauche et le côté, ce qui me permet d'obtenir un peu plus précis avec ça. Et puis je peux choisir d'animer plusieurs choses à la fois et de cette façon, le temps comme et courir seul. Et puis cela me permet de déclencher cette animation quand je le veux. Donc c'est une chose utile à ce sujet. Maintenant. Il y a d'autres choses pour que vous puissiez déclencher un comportement personnalisé. Si vous avez un autre comportement quelque part, vous pouvez le déclencher. Je n'ai pas vraiment tendance à utiliser autant ou je n'ai pas rencontré une situation où j'ai utilisé cela et vraiment dehors si nécessaire. Si vous vouliez explorer un peu plus, vous pouvez jeter un coup d'oeil à cela aussi. Mais c'est au moins comme ça que vous travaillez avec le document. Comment vous obtenez certains des éléments sur la scène, comment vous mettez à jour certaines des propriétés sur la scène également. Hum, et il sera comment vous animerez ces propriétés à la valeur suivante aussi. 42. 42 Symboles de référence JavaScript: D' accord. Donc, la dernière section dont je vais parler est le symbole Instances Maintenant, les instances de symbole si vous venez vraiment jeter un oeil à la chronologie et les différents symboles ici ou obtenez des éléments. Désolé. Si vous regardez les calendriers et aussi des scènes, tout ce qu'il est à l'intérieur des symboles, Il dit fondamentalement comment référencer un symbole par I d. Par nom ainsi. Et puis vous pouvez Cela vous montrera comment démarrer réellement une ligne de temps d'un symbole comment continuer une ligne de temps, comment obtenir la durée de la timeline dans un symbole comment voir si ce symbole est jouer ou pas des choses si différentes que vous peut le faire. Mais les symboles sont un peu différents de ce que sont les éléments. Donc, vous faites juste référence à cela d'une manière un peu différente. Donc nous allons aller de l'avant et revenir en vu un ici, et nous allons convertir un de ces objets en symbole. Donc, tout d'abord, je vais faire un objet de différence ici. Juste pour qu'on ait quelque chose d'un peu différent, qui va le rendre plus petit, et je vais changer la couleur de ça en une couleur différente. Alors allons-y et change-le pour comme un vert ici et je vais faire un clic droit sur ça et je vais en fait je veux sortir pour le symbole et ensuite aller le voir. Désolé, ce groupe annule. Je veux faire sélectionner cela, aller à nouveau symbole de la sélection et cela va créer un symbole pour moi. Donc, comme nous l'avons appris dans les vidéos précédentes, si vous sautez ces vidéos pour une raison quelconque, je vous recommande fortement de revenir à la section des symboles. Mais les symboles ont des calendriers différents à l'intérieur de celui-ci. Donc, si je double-clique dessus, ça me prendra dans ce symbole. Et si j'étire un peu plus la chronologie ici, vous pouvez voir qu'il y a mon symbole. Il y a mes différentes propriétés et ainsi de suite. Alors je suis là. Cette barre violette me permet de savoir dans quel symbole je suis. Je suis à l'intérieur de ce symbole, et je vais aller de l'avant et juste créer une animation pour la deuxième animation ici, et nous allons juste aller de l'avant et nous allons juste faire ce mouvement sur le côté gauche droit là-bas, et c'est à peu près tout. Donc, si je vais de l'avant et appuie, sauvegardez et puis entrez, vous remarquerez que ce symbole, l'animation de ce symbole, joue dans le symbole lui-même. Parce que si je sors de cette animation elle-même, n'est pas sur le c'est sur le temps principal. Linus est loin visible ici, mais c'est en fait l'animation. Je ne peux pas changer cette animation sans entrer dans le symbole lui-même, double-cliquer dessus puis entrer dans le symbole là-bas. Donc, si pour une raison quelconque en même temps que je veux mettre en pause cette animation ou faire quelque chose avec cette animation, je peux aussi faire référence à cette animation elle-même. Je pourrais le faire. Et d'abord, vous devez lui donner un I.D. I.D. Donc quand vous entrerez dans l'inspecteur d'identité et que je vais donner un I D de Green Square et maintenant je vais entrer dans ma fonction d'échantillon, et si vous ne voyez pas cela, vous pouvez aller de l'avant et sélectionner cet objet ici, entrer dans votre panneau d'actions, puis cliquer sur la flèche et cela apparaîtra dans la fonction d'exemple . Maintenant, ce que je dois faire, c'est que je dois référencer ce symbole. Donc je viens à la section des symboles et je vais aller de l'avant et d'abord, créer de notre et nous allons dire Green Square égaux et puis je vais double-cliquer Où dit obtenir le symbole par je dois m'assurer que je suis cliqué ici et là nous allons. Je vais changer la place verte. Et c'est ce que j'ai donné identité à l'inspecteur de l' identité. Et maintenant je peux me référer à ça et parler à ce carré vert juste en tapant Green Square ici. Maintenant, je peux en faire plus d'un si je le voulais. Si je voulais parler à plusieurs instances différentes, je vais aller de l'avant et dire, OK, nom du symbole. S' il y a un type de nom de symbole, je peux parler à chaque symbole qui obtient des symboles que vous pouvez utiliser plusieurs fois. Et si vous vouliez leur parler, vous pouvez le faire de cette façon. Et donc l'objet suivant est Get simple Instance Si vous vouliez obtenir une instance de symbole par certain nom, un certain nom,un nom de symbole renvoie le nom de symbole si vous voulez obtenir cela si vous voulez obtenir un élément et un côté du symbole parce que le symbole lui-même pourrait avoir plusieurs éléments. Tu peux le faire. Dans ce cas, on va descendre. Vous pouvez démarrer la chronologie et mettre en pause la chronologie. Maintenant, je dois connaître le nom de la chronologie. Donc je vais revenir dans ce symbole, et je vais entrer dans les souris. Je veux entrer dans mon symbole, inspecteur. Et vous pouvez voir que l'inspecteur des symboles indique la chronologie principale. Et donc je vais aller de l'avant et juste entrer dans ma fonction d'échantillon et descendre la ligne, et on va faire une pause. Double-cliquez dessus. Je vais être sûr que vous descendez la ligne ici quand un double clic sur Pause Chronologie. Et je vais remplacer ça par la chronologie principale. On verra. Quel symbole allons-nous avoir ? On va dire Green Square. Oh, désolé. Ne remplacez pas cette première partie par Green Square et allons de l'avant et il suffit de cliquer dessus et vous pouvez voir maintenant qu'il est en pause. Je dois donc remplacer cette première partie. Mais il dit juste pause, Timeline nommé, et nous allons nommer la timeline elle-même est dans la timeline principale, donc nous allons positionner cette timeline. Nous pouvons ensuite poursuivre la chronologie. Nous pouvons aller à un certain moment dans la chronologie comme nous l'avons appris dans la précédente. On peut avoir la durée. Nous pouvons voir si c'est jouer, mais c'est juste que vous devez faire référence à ceci d'une manière différente. Vous devez obtenir le symbole d'une manière différente de ce que vous avez fait avec les éléments. Et une fois que vous faites cela, vous pouvez à peu près faire la même chose avec laquelle vous travaillez avant de pouvoir vous changer. Les propriétés des différents éléments que vous pouvez entrer et obtenir ces éléments à l'intérieur du symbole et ajuster la propriété de gauche. Ajustement de la capacité. Ajustez à peu près tout ce que vous avez besoin d'obtenir avec cette instance de symbole. Tout ce que vous avez à faire est de taper. Si je devais cliquer ici, allez dans et dites instance simple. Bien sûr, je clique sur leur instance de symbole et j'obtiens cet élément, et puis je dois juste définir quel élément que je veux en obtenir. C' est comme ça que vous travaillez avec les symboles là-bas. Une autre chose que cette note est à l'intérieur de votre inspecteur de symboles, vous pouvez changer ce symbole de standard à persistant, persistant , fondamentalement ajusté. Donc, vous pouvez réellement avoir cela sur plusieurs scènes de différence ou plusieurs pages différentes , scènes, tout ce que vous avez besoin avec cela, mais à peu près d'autres. Tout le reste est le même, et il vous permet d'entrer et de référencer ce symbole avec vos fonctions avec votre script de travail là-bas. 43. 43 Timeline n Scène JavaScript: dans cette section suivante. Je veux parler de scènes et de calendriers. Donc, ce sont deux choses différentes que vous pouvez faire à l'intérieur du type tumulte pour naviguer vers une certaine scène ou pour démarrer une certaine chronologie, déposer une certaine chronologie, ou même vérifier si une certaine chronologie est simple. Et donc on va aller de l'avant et explorer quelques unes de ces choses. Et donc la première chose que nous sommes toujours dans la même fonction où nous avons la scène intitulée et nous avons ce rectangle qui déclenche fondamentalement cette fonction. Je me suis débarrassé de ça. J' ai toujours l'élément que j'ai juste là. Mais je me suis débarrassé de référencer ça pour l'instant. Donc on va aller de l'avant et pour sauter sur une autre scène ou pour aller sur une autre scène, je dois venir et m'assurer que le panneau des scènes de mai est visible ici. Cliquez sur l'icône plus, puis allez de l'avant et créez une nouvelle scène. Allons-y et donnons un nom à cette scène. Un double clic sur ça et je vais dire scène un, et ensuite je vais nommer le suivant semble, et maintenant ce que nous allons faire est sur scène pour que je vais juste ajouter un texte disant que c'est vu juste pour que nous sachions que nous avons navigué vers qui semblent maintenant à nouveau, vous pouvez aller dans et vous pouvez ajouter sur ah, à travers ces événements, vous pouvez ajouter sur un aller à la scène. Mais le faire à travers le script de travail vous a permis d'ajouter un peu plus de fonctionnalités disant, Eh bien, ils doivent cliquer sur ceci et ceci avant qu'ils continuent réellement. Donc, c'est quelque chose où peut venir utile pour le faire encore, mais en y ajoutant un peu plus de logique. Donc je vais aller de l'avant et sous la section scène, je vais dire le nom vu actuel quand un double clic dessus. Et puis nous allons juste placer cela à l'intérieur d'une variable. En fait, allons juste placer ceci à l'intérieur des alertes pour que nous puissions voir quel est le nom des courants vus, et ensuite vous pouvez voir qu'il alertera vu un, et de cette façon Toe nous permet de savoir que c'est la scène, et nous pouvons exécuter une logique disant, si vu on le fait si on semble faire cela et ainsi de suite. Allons-y et débarrassons-nous de ça. Donc ici et le suivant est un spectacle vu nommé, et cela nous permettra d'aller à une certaine scène, et cela nous permet même d'aller ou de spécifier la transition ou le fondu croisé afin que vous puissiez voir l' ici, dit K. Vu transition croisée fondu. Eh bien, quelles autres options avons-nous ? Ce sont les différentes options que nous avons disponibles. Fade croisée, swap balayage ou désolé Swap poussé de bas en haut. Et ce sont les mêmes options que nous avons que nous pouvons définir dans le nombre de secondes qu'il faut pour y aller réellement. Maintenant, nous devons spécifier les noms des scènes, donc je veux aller de l'avant et dire en voir deux et ensuite on va frapper. Nous allons cliquer dessus et maintenant il va aller à sembler, et vous pouvez voir que la croix a fait fondre Vaid d'une scène à la scène suivante. En faisant ce Javascript là Maintenant, si vous ne savez pas quelle sera la scène suivante, vous n'avez pas besoin de spécifier le nom. Plus précisément, vous pouvez aller et cliquer sur le prochain spectacle scène suivante et cela ira à la scène suivante et vous pouvez également spécifier la transition. Ou vous conduisez précédent vu ce bien, Alors allons-y et se débarrasser de ce double clic sur la scène précédente et qui ira à la scène précédente. Donc, ce est fondamentalement juste être les scènes. Et encore une fois, vous pouvez le faire à travers les déclencheurs et dit petit type avec la puissance réelle de celui-ci est que vous pouvez spécifier une logique supplémentaire. JavaScript supplémentaire vérifier les variables pour voir si quelque chose a été cliqué avant exécuter cette transition. Donc c'est l'avantage du rial à ça. Si vous vouliez ajouter une logique conditionnelle là, Alors allons de l'avant et parlons des échéanciers. Maintenant, maintenant, les échéanciers, si vous remarquez dans notre inspecteur vu, si je viens dans l'inspecteur de scène ici, c'est là que je peux ajouter des calendriers supplémentaires. Donc je veux aller de l'avant et créer une nouvelle chronologie et nous allons appeler cette ligne de temps à et dans la ligne de temps pour être sûr que je clique sur la ligne Showtime. Je vais aller de l'avant et cliquer sur l'enregistrement et juste déplacer ça ici mon cercle ici, et ça va prendre environ quatre secondes. Super. Allons de l'avant et revenons à la chronologie principale Cliquez sur Show Timeline. Mais si je frappe, entrez cette chronologie ne joue pas réellement. Revenons donc dans cet exemple de fonction et nous allons aller de l'avant et dire, Démarrer la chronologie nommée et je veux double-cliquer dessus. Et il va essentiellement vouloir ce nom de chronologie à laquelle nous l'avons nommé Timeline, et vous pouvez soit le faire en avant ou vous pouvez le faire en marche arrière est bien, donc je vais aller de l'avant et appuyer sur Enregistrer en aperçu. Et maintenant, dès que je cliquerai dessus, ça démarrera la chronologie. Maintenant je peux revenir ici et dire, Eh bien, Eh bien, si cette fois-ci, avion Linus. Alors revenons ici et commençons une chronologie principale. On va ajouter une animation à la chronologie principale, et je vais dire que ça va bouger ici, et ça va être sur ma chronologie principale. Eh bien, maintenant allons de l'avant, et je veux faire une pause que si on clique sur ce bouton, on va mettre ça en pause au lieu d'aller à l'autre ligne de temps ou de jouer. Je veux positif chronologie actuelle. Alors débarrassons-nous de ce code ici. Allez-y et frappez. Supprimez ça et nous allons double-cliquer là où il est écrit Pause, Timeline sera, et plus tard, nous allons faire une pause. Ça va être la chronologie principale. Donc, dans les guillemets, je veux dire Main timeline et m'assurer que j'ai cet espace en raison de revenir dans mon nom de chronologie vu a cet espace aussi. Alors, vas-y. Allez-y et appuyez sur, enregistrez dans l'aperçu. Et vous voyez, si je clique dessus au milieu de l'animation, il s'arrêtera, puis je peux le déclencher pour jouer à nouveau si nécessaire. C' est donc une autre option pour faire une pause. Nous avons également poursuivi l'échéancier, et ce sera le cas. Fondamentalement, s'il s'agit d'une pause, continuez la chronologie si nécessaire, ou il peut aller à une heure spécifique dans la chronologie. Ceci est utile si vous voulez sauter à un certain point. Ah, nous savons que le nom de la chronologie sera la ligne principale et ensuite nous allons passer à , disons, deux secondes. Et quand j'appuie sur sauvegarder l'aperçu, cliquez sur ce très rapide et vous pouvez voir qu'il a un peu sauté. Si je clique à nouveau sur cela, vous pouvez voir qu'il saute à cela à la deuxième ligne de temps. C' est là que vous entrez, il n'y a pas vraiment de fonction déroulante pour ce genre de chose. C' est donc là que vous pouvez entrer dans certaines fonctionnalités supplémentaires. Donc chronologie actuelle nommé votre heure actuelle et chronologie Cela fondamentalement, si nous plaçons cela à l'intérieur d'une variable et sauver notre temps actuel égal et puis nous allons double-cliquer sur ce Quoi ? On va avoir l'heure actuelle dans la chronologie principale, et maintenant je vais alerter l'heure actuelle. Et maintenant, si je clique sur ce que vous pouvez voir les alertes ici. Et c'est là que je peux dire commencer à ajouter des fonctionnalités supplémentaires. Eh bien, si le temps des courants est inférieur ou égal à deux secondes, alors quand on clique sur ce bouton, nous allons alerter la chronologie non terminée. Maintenant, si je vais de l'avant et appuie sur l'aperçu, vous pouvez voir la chronologie pas terminer commence ou se déclenche à ce moment. Mais si je clique à nouveau dessus, rien ne se passe réellement. Parce que maintenant l'heure actuelle est plus de deux secondes à l'intérieur de cette ligne de temps. Eh bien, regardons l'option suivante. Disons la durée de la chronologie. Donc nous allons dire, OK, Alertons celui-ci ouvrir les parenthèses fermées et ensuite avec mon curseur au milieu de mes parenthèses. Et quand il double-clique sur ces points de vente, c'était le mauvais. Nous allons dire la durée de la chronologie, et cela va alerter la durée de la chronologie principale. Donc, peu importe quand je clique sur qu'il va juste alerter, il définit à six points la durée de cette chronologie. Mais cela me permet aussi de dire Ok, si la durée est à un certain moment et si l'heure actuelle est, vous savez, terminée avec la durée que je pourrais faire une autre logique aussi. Donc, l'orientation actuelle pour la chronologie, c'est essentiellement dire que c'est aller de l'avant est en arrière. Cela me permet d'obtenir des informations là, mais alors le dernier est le est clair si je veux vérifier si c'est clair, si ce n'est pas jouer que d'exécuter une certaine logique, mais allons de l'avant et double-cliquez sur cela et vous pouvez voir Le document est simple et nommé, et on va dire qu'on va dire qu'on va dire chronologie un. Retournez ici et assurez-vous que c'est le nom de la chronologie à qui est sans nom et nous allons vérifier si c'est clair. Si ce n'est pas qu'on va faire autre chose. Donc on va dire, Alertons ça, alors je mets ça entre parenthèses. C' est clair ? Ça va me donner un vrai ou un faux coup, sauver et vous pouvez voir que ça dit des défauts. Maintenant, ce que je vais faire est à la place, si c'est de la faute et donc allons de l'avant et placer cela dans une variable afin que nous puissions travailler avec un peu mieux. Donc je vais sauver la chronologie lointaine pour les égaux de plan et ensuite on va dire que c'est jouer là et ensuite je vais dire que si la ligne temporelle à l'avion est égale à ce qu'on va faire, c'est qu' on va jouer ces lignes temporelles quand je reviendrai entendre, Commencez la chronologie nommée et nous allons dire timeline à, et nous allons commencer ça à ce moment-là si elle ne joue pas, donc il ne joue pas maintenant. Si je vais de l'avant et appuie sur ce bouton, vous pouvez voir qu'il a été démarré cette ligne de temps. Je n'ai pas l'option pour relatif sélectionné. Donc, je vais aller de l'avant et juste sélectionner les deux pour être relatif et maintenant appuyez sur l'aperçu et vous pouvez voir qu'il commence à s'animer plus. Et c'est le parent où que se trouve la position. Donc maintenant, il est automatiquement animé avec cette ligne de temps. Donc, il ajoute fondamentalement cette fonctionnalité de script de travail différente avec le avec les calendriers des scènes essentiellement obtient juste beaucoup plus de détails, et vous pouvez ajouter plus de conditions à son intérieur de type de symbole. C' est donc le véritable avantage de pouvoir faire ce genre de choses. 44. 44 fonctions réutilisables: Si vous avez créé une fonction et que vous voulez réutiliser cette fonction dans différentes instances, lorsque quelque chose d'autre est cliqué et que vous ne voulez pas avoir à réécrire le code, allez-vous pouvoir entrer. Et si cette fonction est à l'intérieur de la ressource est dossier ici donc vous pouvez voir que j'ai ceci. Un échantillon funk. Un à l'intérieur de la ressource est si je veux aussi déclencher cette même chose quand on clique sur ici, je peux entrer et cliquer sur la souris. Les actions descendent au clic de la souris, sélectionnez la zone déroulante pour exécuter JavaScript, puis je peux sélectionner la Dropbox pour exécuter cet exemple de funk. La première est, c'est la bonne chose est, une fois que vous avez configuré cette fonction, vous pouvez vraiment déclencher cette fonction de n'importe quelle façon. Vous pouvez déclencher cette fonction lorsqu'elle est déplacée. Vous pouvez déclencher quand il est surpassé la souris, vous pouvez le déclencher quand il est appuyé sur. Vous pouvez déclencher quand c'est quand cela a glissé et différentes choses comme ça, vous pouvez simplement exécuter la même fonction. Mais c'est juste une façon simple de dire OK, une fois que j'ai créé cette fonction, je vais déclencher cette même fonction plusieurs fois différentes 45. 45 Attacher jQuery: l' une des belles choses à propos de deux multi-pois que vous pouvez apporter dans d'autres bibliothèques JavaScript externes de n'importe quel endroit fondamentalement à partir de chaussette verte de J Query et d'autres éléments que vous voulez apporter et utiliser cette fonctionnalité. Cela fait partie de cette bibliothèque JavaScript à l'intérieur. C' est une fosses multiples. Un orteil vraiment sympa. Est-ce que je veux te montrer comment faire ça ? Donc je vais apporter un des standards, qui est juste juste une requête J. Je veux y aller. Allez-y et venez ici et je suis allé à j requête dot com, puis la section de téléchargement. Et cela me permet de télécharger. Et j'ai sélectionné le téléchargement. Production compressée Jay Query 3.1 point un. Si c'est plus tard, cela fonctionnera toujours. Si c'est un plus tôt, ça fonctionnera toujours aussi. Mais je l'ai téléchargé sur mon bureau. Donc j'ai ce Jake Worry 3.1 point un homme point Js. Donc je vais rentrer ici et retourner dans le type tumulte et à l'intérieur du type tumulte on va entrer dans le panneau de ressources. Nous allons cliquer sur cette icône plus et nous allons dire ajouter et JavaScript ou Ajouter un fichier et nous allons venir ici sélectionner une étoile de J. Corey Mobile, pas Jaqui Mobile, juste Jake Worry. Et maintenant, qui a fondamentalement été ajouté à notre ressource est. Mais si je sélectionne dessus, vous remarquerez qu'il dit inclure dans Document Head. Cela signifie que ça va Teoh attacher ça. Si je prévois ceci, allons-y et voyons ceci. Et quand vous faites un clic droit, allez à inspecter les éléments quand il vient à la tête et vous remarquerez ici que nous avons un script qui est attaché qui va dans l'hyper point d'index ou Hypo Resource est barre oblique. Et puis il y a RJ Query Mobile un. sélectionnant cela fondamentalement et en veillant à ce que cela soit sélectionné pour inclure dans la tête du document, nous pouvons maintenant utiliser cette fonction Jake Worry dans n'importe quel ou comment nous l'avons référencé pour des objets dans n'importe quel emplacement, n'importe quel script Java que nous utilisons. Donc je vais venir ici, et j'ai encore mon échantillon funk ici, et je vais aller de l'avant et utiliser la méthode standard de référencement et d'objet dans la requête J. Si vous vous souvenez, ce cercle a un i d. Nous lui avons donné un I d de cercle. Donc au lieu de le référencer comme, um hype le fait, nous allons aller de l'avant et le référencer comme Jaqui le fait si vous êtes déjà familier avec ça . Donc on va faire un signe de dollar, ouvrir les parenthèses rapprochées et ensuite entre guillemets. On va aller de l'avant et faire une balise de hachage, ce qui est un I d auquel on parle. Si c'était une classe que nous avons ajoutée, nous ajouterions le point Mais dans ce cas, nous allons dire hashtag et ensuite nous allons dire cercle qui est le nom du I D. Nous allons faire un simple masque de point qui est une fonction J carrière à cacher. C' est ah, c'est un élément. Fondamentalement, quel que soit l'objet a que je d. Donc je vais aller de l'avant et appuyer sur Enregistrer dans l'aperçu, et dès que je clique dessus, vous remarquerez que le cercle est maintenant parti. Et si je le voulais, je pourrais me cacher. Je peux faire un spectacle que je pourrais faire si c'est visible ou non, et donc je peux faire tout ce que J. Corey fonctionne déjà à l'intérieur de type tumulte. Et donc cela ajoute beaucoup de fonctionnalités supplémentaires. Certaines de mes bibliothèques JavaScript préférées sont que vous avez une chaussette verte. Tu as Jake fatigué et il y a plein de choses dehors. Mais ce sont mon genre de top deux favori que j'aime vraiment. Donc, c'est comme ça que vous utilisez Jake Worry à l'intérieur du type tamal ou toute bibliothèque JavaScript supplémentaire et dit petit type. 46. 46 variables mondiales: Maintenant, nous allons parler de variables globales parce que nous l'avons déjà fait dans des vidéos précédentes où nous avons créé à l'intérieur de notre JavaScript Ah, variable locale, Same var. Allons de l'avant et disons que Numb équivaut à cinq. Et là, nous allons qui crée, ah, variable appelée engourdissement, et nous définissons une valeur à cinq. Mais le problème est, si j'exécute une autre fonction quelque part, elle ne sera pas en mesure d'accéder à cette variable. Donc si je viens ici et disons que cette fonction sera exécutée ici. Alertons cet engourdi ici. Et si j'exécute cette fonction, vous pouvez voir alerter cinq grands. Ça marche. Mais essayons d'accéder à ce même à partir d'une nouvelle fonction. Donc quand vous entrerez dans mes actions et que je vais créer une nouvelle fonction et qu'on appellera cette alerte à nouveau, c'est à vous de choisir. Quoi, tu le nommes là. Mais allons de l'avant et essayons juste d'alertes. Cinq. Comme il a déjà été créé ou alerte, engourdi de sorte que cela fonctionnera. La variable a été créée. Cependant, lorsque je clique sur le cercle, rien ne se passe parce qu'il ne sait pas quoi alerter. Et on va y aller et entrer. Et dans cette fonction d'échantillon, on va faire une chose à l'engourdi. On va dire que le point de fenêtre Numb est égal à cinq. Et maintenant, si je viens ici et que je clique dessus, ça en dira cinq. Mais maintenant, si je clique sur le cercle, il en sauvera cinq aussi. Donc fondamentalement, ce que je fais est juste de dire, Hey, fenêtre, qui est toute la fenêtre ou la fenêtre de niveau supérieur. Nous allons créer une variable appelée Numb, et elle sera égale à cinq et parce que je l'ai créée là une fois, j'essaie de l'utiliser à nouveau parce que je l'ai créée là. Une fois que j'essaie de l'utiliser à nouveau, je peux si je veux juste l'avoir au tout début, au lieu d'avoir une fonction qui s'exécute dès qu'elle clique. Je pourrais venir ici, aller sur ma scène, inspecteur et venir ici et cliquer sur le chargement de la scène. Nous pouvons aller de l'avant et exécuter une fonction qui crée les variables que nous allons utiliser dans toutes les pages ou dans les différentes scènes et tout ou les fonctions et choses donc C'est vraiment tout ce que vous devez faire pour une variable globale, disant simplement que le point de fenêtre engourdi est égal à cinq, puis une fois que vous avez créé cela, vous pouvez utiliser cette variable dans n'importe quelle fonction, importe quel emplacement à l'intérieur de votre projet. 47. 47 Publier votre projet: d' accord. Donc, lorsque vous êtes prêt à envoyer cela sur un site Web quelque part, vous ne pouvez pas simplement prendre le fichier de projet avec lequel nous avons travaillé et téléchargé sur un site Web quelque part. Vous devez réellement le publier dans, euh, euh, fichier html ainsi que ses fichiers de support, puis le prendre et le télécharger sur un échantillon ou sur un site Web quelque part. Et puis vos utilisateurs navigueront vers ce site Web ou vous pouvez placer le contenu quelque part, comme dans un cours d'apprentissage électronique ou quelque chose du genre. C' est juste qu' il doit être exporté. Ce fichier de projet est uniquement destiné à l'édition. Vous voulez l'enregistrer pour l'édition ultérieure plus tard, mais fondamentalement cette bile elle-même ne peut pas être prévisualisée quand quelqu'un n'a pas le battage médiatique, tumulte ou ce petit type de projet. Donc, pour le faire, c'est une fois que vous avez ce projet, continuons. J' ai juste un exemple de projet vierge. Je vais créer du contenu, puis je vais l'exporter ici. Donc je vais frapper, enregistrer, sortir dans le fichier et descendre pour exporter en HTML 5. Maintenant, je peux aller exporter son film si je n'ai pas d'éléments interactifs où le bouton est cliqué ou quelque chose qui doit être interagi avec, et c'est juste une animation. Ensuite, je peux réellement l'exporter en tant que séquence GIF animée vidéo ou PNG. Et donc, si vous vouliez obtenir quelque chose de juste rapide comme un GIF animé pour quelque chose comme ça, alors vous pouvez réellement faire animé à l'intérieur de type tumulte et et l'exporter comme un cadeau ou une vidéo ou quelque chose comme ça. Mais dans ce cas, je vais l'exporter en HTML 5. Nous allons parler des différentes options dans les différentes vidéos. Mais pour l'instant, je vais juste aller de l'avant et venir à Dossier, et nous allons nous assurer que ces options air sélectionné où il va enregistrer dans le fichier html. Il inclura le contenu du texte pour les moteurs de recherche, et donc il pourrait être recherché par les différents par les moteurs Web de différence comme Google et d'autres choses. Et puis je vais créer ceci à l'intérieur d'un dossier englobant. Si je n'ai pas cela à l'intérieur d'un dossier englobant, ce qui va se passer est qu'il paiera réellement placer tous les fichiers sur le côté de mon ou sur mon bureau , et je rendrais mon bureau très encombré. Donc, je veux m'assurer que cela est inclus et puis aller de l'avant et appuyez sur Enregistrer et c'est tout. Donc, ce qui s'est passé si je retourne ici, c'est qu'il a créé ce dossier pour moi appelé Sample et si je double-clique dessus, il va maintenant dire exemple ce fichier HTML et puis j'ai mon exemple. Cette ressource médiatique est à l'intérieur d'ici, qui a mes fichiers GIF. Il a mes fichiers JavaScript, toutes les pièces jointes que j'ai faites. Si j'aimais une pièce jointe de requête J ou quelque chose comme ça, il aurait ça à l'intérieur de là. Maintenant, la bonne chose à ce sujet est que je peux réellement entrer, et je peux mettre à jour le code plus tard. Si je voulais ouvrir ça à l'intérieur d'un éditeur de texte ou quelque chose comme ça. Si je nous ai mis à l'intérieur d' texte sublime, vous remarquerez. Voici mon éditeur HTML. J' ai mon CSS juste ici et puis j'ai ce conteneur donc nous allons parler de pourquoi ce conteneur est utile dans une vidéo ultérieure. Mais pour l'instant, c'est au moins où vous pouvez prendre ce c'est au moins où vous pouvez prendre ce conteneur. Ou vous pouvez accéder au fichier HTML et vous pouvez le mettre à jour plus tard. Donc c'est le fichier du paquet. Vous prendrez ces deux fichiers téléchargés sur un site Web quelque part, puis pointez vos utilisateurs vers ce site Web, puis ils peuvent expérimenter l'interaction que vous avez créée à l'intérieur du type tumult. 48. 48 Importer la Hype: Maintenant quoi ? Si vous voulez réellement prendre votre contenu, vous voulez l'intégrer dans un autre fichier HTML ? Donc, vous voulez avoir un autre type d'emballage ou quelque chose comme ça, puis placer ceci à l'intérieur de ce fichier HTML. Donc ce qu'on va faire, c'est qu'on va vraiment tirer dans un texte sublime, qui est un éditeur de texte, et je vais aller de l'avant et je vais sauver A comme si je créais un site web, un site web standard. Je vais créer un dossier, et je vais juste appeler cet exemple, et puis à l'intérieur de là, je vais créer un fichier html point d'index et puis je vais commencer à créer, juste, juste, comme l'exemple html , entrez des exemples de sites Web maintenant à l'intérieur de la balise body. Je vais juste commencer à créer des éléments différents. 1ère 1 Je vais juste créer un paragraphe. C' est par exemple, Riggio, peut-être comme un cap aussi. Et on y va. Donc, si je devais aller de l'avant et en prévisualiser tout de suite, je veux passer à l'exemple. Double-cliquez sur le fichier html point d'index, et je vais apporter cela ici, et vous pouvez voir qu'il a mon HTML standard et mon âge à mon paragraphe ainsi. Mais il n'a pas de style, donc nous n'allons pas en parler. N' est pas une classe sur CSS ou quelque chose comme ça. Donc nous allons juste retourner dans un texte sublime et je vais vous montrer, en fait, en fait, comment prendre le contenu de votre projet de type tumult et le placer dans n'importe quel autre HTML . Donc je vais revenir ici et juste cacher tout, et nous allons prendre l'exemple de projet qui a été exporté de battage médiatique, et je veux saisir l'exemple de ressource point Hype est dossier et je vais copier cela dans l'emplacement de mon site web. Et donc, où que soit votre site Web, ce dossier doit au moins être à l'intérieur de là. Je vais également ouvrir l'exemple de ce fichier html à l'intérieur du texte sublime, et je vais également m'assurer que c'est mon fichier d'index est ouvert aussi. Alors allons de l'avant et juste redimensionner ces deux-là. Et quand c'est fini Regulus. Donc nous sommes sur le même projet. On y va. Donc maintenant, j'ai mon exemple html et mon index point html. Maintenant, je veux que le projet battage médiatique soit placé à l'intérieur de ce point d'index html. Donc, je veux entrer dans le fichier HTML qui est enveloppé à l'intérieur de quand le type tumult a été produit. Et je vais aller de l'avant et copier ce code ici. Et il vous dit, exactement copié ces lignes de code dans vos documents. Et c'est là que la fin de la copie va aller de l'avant et copier cela. Venez à mon index ce fichier html. Je veux descendre quelques lignes et puis juste taper dessus. Cela va être le contenu de mon fichier HTML, mon projet battage médiatique. Fondamentalement, et c'est tout ce que j'ai à faire si je reviens dans cet index ce fichier HTML, qui était mon nouveau site Web. J' ai pointé collé dans l'exemple de battage médiatique La ressource est le dossier, et j'ai également ajouté le fichier HTML cet extrait de code dans le fichier html de point d'index. Maintenant, si je double-clique dessus, vous avez remarqué que mon fichier HTML normal est toujours là, et puis j'ai mon projet battage médiatique juste en dessous, donc il prend automatiquement les paris placés à l'intérieur de l' autre contenu aussi bien. Donc, l'autre option que vous avez à l'intérieur de deux multi pissed à exporter en tant que, um, fichier et O A m fichier est en fait une gestion de projet adobe enveloppé ou un fichier adobe . C' est un seul fichier que vous pouvez importer à l'intérieur de Dreamweaver, où vous pouvez importer à l'intérieur de Si vous utilisez adobe captivate ou quelque chose comme ça, c'est juste une façon adobes de le compresser et de l'importer dans leurs sites Web ou dans leur , fondamentalement, et vous pouvez donc utiliser les fichiers externes, puis l'utiliser et le publier de cette façon. Donc c'est juste quelque chose à garder à l'esprit. Dans la prochaine vidéo, nous allons parler d'iBooks et comment prendre le contenu que vous avez créé puis exporté quatre iBooks et comment importer dans iBooks et l'utiliser dans iBooks. Auteur 49. 49 Auteur de iBooks: l' une des belles choses que le petit type fait pour l'utilisation. Il vous permet d'exporter facilement du contenu Pour iBooks author Now, iBooks author est une application d'Apple qui permet aux enseignants ou aux instructeurs de créer leurs propres manuels scolaires. Mais pour aller au-delà de la normale juste type de page Turner et lui permet de créer des éléments interactifs , quiz interactifs sur insérer d'autres choses comme des vidéos ou des images ou des fichiers audio et des trucs orteil pour apporter le livre lui-même Toe vie. Maintenant, une bonne chose sur le point de mull type est l'iBooks Author vous permet d'importer des fichiers HTML et vous pouvez construire vos propres fichiers HTML. , Mais pour l'obtenir à l'intérieur de l'auteur iBooks, vous devez savoir comment le zipper. Vous devez également avoir des fichiers supplémentaires. Vous devez savoir comment prendre une capture d'écran pour et la placer dans un certain emplacement et nom dans une certaine chose aussi bien. Donc, il y a beaucoup de choses qui doivent aller dans la création et puis l'emballage pour qu'il puisse être travaillé afin qu'il puisse être importé à l'intérieur de ah ibooks auteur. Et donc ce que battage médiatique fait pour une utilisation lorsque vous créez cette interaction. Vous pouvez l'exporter et il a déjà été zippé pour vous, et vous pouvez juste l'importer directement dans mes livres là-bas. C' est donc une belle façon de créer les interactions à l'intérieur. Je livre là-bas et exporte le montant et les utilise à l'intérieur. iBooks. Auteur. J' ai donc cet exemple d'interaction ici. Ce n'est vraiment pas beaucoup est juste une animation. Laissez-moi aller de l'avant et faire glisser ça, et j'ai les animations qui s'animent d'un côté de la scène à l'autre côté de la scène, et quand on clique sur l'une, elle saute à l'autre scène. Encore une fois, ne se passe pas grand-chose là-bas, mais cela nous donnera au moins une idée de la façon de prendre un fichier de contenu que nous avons fait à l'intérieur de type tumulte et de l'exporter avant les auteurs de je livre. Je vais aller de l'avant, aller de l'avant et venir au fichier, descendre à exporter comme html cinq et ensuite venir à tableau de bord ou iBooks, widget auteur. Donc si je clique dessus, je vais aller de l'avant et le nommer. Peu importe. Je veux l'enregistrer sur mon bureau, puis cliquer sur coffre-fort. C' est ça. Si je viens sur mon bureau, laisse-moi aller de l'avant et cacher ça. Si je viens sur mon bureau. C' est maintenant mon auteur iBooks. Widget prêt. C' est aussi le tableau de bord. Si vous utilisez votre tableau de bord tout pour leur Mac, vous pouvez réellement l'installer en tant qu'interaction à l'intérieur de votre tableau de bord. Personnellement, je n'utilise pas beaucoup le tableau de bord, donc je ne vais pas le faire maintenant, mais ce fichier de paquet est prêt pour moi à l'importer directement dans iBooks. Auteur. Donc, je vais tirer vers le haut iBooks auteur ici, et je n'ai pas beaucoup créé dans ce livre auteur iBooks encore, mais je vais venir à des widgets, et je vais descendre à l'endroit où il dit html. Et dès que je clique sur HTML, cela me permet de placer ce fichier HTML à l'emplacement que je voulais être pour le livre. Et puis je vais dire, joue sur la page joue en plein écran ou joue automatiquement. Et maintenant, fondamentalement, ce n'étaient que les différentes options que je peux choisir. C' est comme n'importe quelle application Mac. Vous avez votre fenêtre d'inspecteur ici, et puis je vais aller au widget html cinq, cliquez sur choisir et puis déplacer cela sur un peu. Maintenant, je peux choisir ce html cinq, qui est ce fichier de paquet ? Cliquez sur insérer. Et il faut une capture d'écran pour moi automatiquement à l'intérieur d'un type de temple. Et c'est la capture d'écran qui s'utilise. Donc, l'apprenant ne verra pas quand il regarde ça à l'intérieur de ses iBooks. Cela ne verra pas cette interaction tant qu'ils ne vont pas dedans et ils doivent taper dessus pour réellement y entrer. Donc, je vais aller de l'avant et prévisualiser ceci, et si j'avais un iPad branché, cela me donnerait la possibilité de sélectionner mon iPad. Et tout ce que j'ai à faire, c'est tirer par des livres sur mon iPad. Mais dans ce cas, je vais aller de l'avant et juste cliquer sur l'aperçu ici et puis cliquer sur. OK, allons de l'avant et fermons ça pour l'instant et maintenant je peux développer ceci et il y a mon animation que j'ai créée et le définir type de symbole son animation. Et c'est aussi interactif, donc je peux l'utiliser pour le placer dans l'auteur d'iBooks et faire en sorte que le contenu interactif aide les apprenants à interagir avec un peu plus et à apprendre les concepts avec lesquels ils travaillent . Ah, et vous pouvez utiliser le type tumult pour être en mesure de créer ces types d'interactions et de les insérer dans l'auteur iBooks. 50. 50 Inspecteur de documents: maintenant dans cette vidéo sont dans cette section. Nous allons parler des différents panneaux d'inspecteur et des différentes options que vous pouvez utiliser et dans lesquelles nous n'avons pas vraiment été en mesure de plonger profondément. Donc, on va juste parler de certaines des différentes options. Alors sur le côté droit, assurez-vous que vos inspecteurs montrent dans la première vidéo cette section, nous allons parler de l'inspecteur des documents. Donc, en ce moment, ce titre de page HTML est automatiquement généré, Mais vous pouvez aller de l'avant et écraser cela juste en tapant un titre de page. Les autres options de couple, vous pouvez afficher l'indicateur de chargement car il est en train de charger. Je ne sais pas. Il peut être trop rapide de le montrer localement ici, mais comme c'est le chargement, il affichera effectivement une barre de chargement comme le chargement des vidéos ou quelque chose comme ça. Si vous vouliez que cela se produise, alors vous pouvez aller de l'avant et cliquer dessus, rendre l'arrière-plan transparent. Donc, s'il y a un arrière-plan, alors vous pouvez réellement le rendre transparent. Allons de l'avant et essayons de changer la couleur et voir si cela fonctionne ici. Si je vais de l'avant et appuie sur l'aperçu, vous remarquerez qu'il remplit tout l'écran. Mais si je clique sur un fond de marque transparent, alors vous remarquez qu'il ne remplit pas l'écran entier et Onley fondamentalement l' arrière-plan lui-même, même si c' est vert, va être transparent. Donc si vous placez ça sur un site quelque part, ça n'aura pas d'arrière-plan. Quel que soit le contexte que vous avez utilisé sur ce site, eh bien, alors avoir lieu. Et donc c'est juste un fondamentalement tout ce que j'insère ici sera toujours là. Et je pouvais voir que mettre l'arrière-plan lui-même n'aura aucun effet. Et cela prendra la place de n'importe où où le contenu est placé. Donc ce n'est qu'une autre option. Ils vont revenir ici et changer ça pour une couleur blanche là-bas. D' accord ? Et maintenant, on va retourner dans mon document. Specter, la prochaine chose est de créer de l'argent d'application hors ligne. Donc, si cela va essentiellement être encaissé, ou si l'utilisateur va regarder ce site hors ligne plus tard, alors vous voulez créer cet argent et ainsi il peut économiser où ils étaient à prendre et enregistrer différentes informations à ce sujet. Si je voulais entrer dans la tête. HTML. Cela me permet de venir ici, et je pourrais en fait joindre un fichier de script de travail qui utilise un cdn. Donc, si je le veux, un cdn est fondamentalement juste un hébergement pour différentes bibliothèques JavaScript. Et donc si je voulais placer ça à l'intérieur d'ici à l'intérieur de la balise head ou si je voulais attacher mon propre CSS, je peux le faire à l'intérieur de ce fichier de tête. Vous pouvez également le faire à l'intérieur de la ressource est pliée comme nous l'avons appris. Mais si vous vouliez entrer directement dans ce fichier html de tête, c'est l'emplacement pour le faire. La prochaine chose est les options avancées. Protégez vos liens externes ou vos styles externes, et donc les utilisateurs ne peuvent pas y accéder. Il va fondamentalement le modifier en quelque sorte de changement d'une manière qu'il est crypté. Ah utilisé Web kick accélération graphique. Donc, tout navigateur qui utilise le kit Web cela utilisera l'accélération graphique pour le faire effectuer un peu mieux position avec CSS haut et gauche. Donc, au lieu de positionner avec les X et Y, il va utiliser les valeurs supérieure et gauche à la place. Et donc les options mobiles Il fondamentalement le port de vue avec va être le document avec ou vous pouvez le faire basé sur l'appareil avec ou l'appareil. Ah, battage médiatique. Maintenant, le document avec est fondamentalement ce que vous définissez comme l'ajustement qui va être 600 ici . Mais si vous allez documenter avec, il va fondamentalement définir la taille du port de vue à cette échelle initiale. C' est plus pour, comme, si elle va être utilisée pour mobile, vous voulez vous assurer que cela est sélectionné car cela va s'assurer qu'il est rendu sur les téléphones haute résolution qu'il rend correctement. Et cela permet à l'utilisateur d'évoluer si vous voulez qu'ils soient en mesure de pension ou non. Si vous ne voulez pas qu'ils puissent pincer, il suffit de décocher cela. Maintenant, cela me donne un avertissement disant Hey sur Android. Empêcher la mise à l'échelle de l'utilisateur n'est pas lorsque nous pop sur le pain d'épice empêche la mise à l'échelle de l'utilisateur n'est pas pris en charge. Donc les pains au gingembre sont vieux, donc ça n'a pas d'importance. Ah, utilisez les événements tactiles sur le clic de la souris. Ça va dire « Ok » si j'ai un clic, ça va aussi être une touche. Si je décoche cela, vous remarquerez qu'en général, il dit aimer ou taper ici. Donc, il est dit sur le clic de la souris. Il n'a pas cette option de robinet, donc il ne sera pas réellement utilisable sur un appareil mobile, donc je ne vois pas vraiment pourquoi ne pas l'utiliser. Donc, si je sélectionne que vous pouvez voir ici, il est tapoter, toucher , démarrer, toucher, terminer et des choses comme ça. Et puis juste ici, écran d' accueil application Web. Fondamentalement, cela me permet de le faire. Si je voulais enregistrer cela sur l'écran d'accueil, je peux définir la barre d'état. S' il est lancé à nouveau, je peux définir la barre d'état sur translucide ou noir ou par défaut, Et donc quand il ouvre l'écran à nouveau en plein écran, il va être que nous allons nous débarrasser de la barre d'état ou changer la couleur et puis affichent également les avertissements de compatibilité E compatibles avec le navigateur. C' est si je veux m'adapter à certains des navigateurs et dire, OK, OK, je ne vais pas vraiment supporter Mac Safari sur quoi que ce soit antérieur à 6.0 point cinq, et donc ne me montrez pas ces avertissements. Cela ne va pas marcher sur leur même chose avec i e. C'est si vous ne allez vraiment pas supporter quoi que ce soit, parce que Microsoft ne supporte vraiment pas I e huit plus. Donc si vous n'êtes pas vraiment inquiet à ce sujet, alors ne me montrez plus ces avertissements. Si vous allez juste soutenir, je mange 11 ou quelque chose comme ça ou êtes-vous 10 et puis aussi auteur ibooks, Juste peu importe. Le dernier ISS. Um, alors il vous donnera ces avertissements si ça ne va pas fonctionner dans iBooks auteur de sorte que ces air juste paramètres pour le document dans son ensemble ces air, les différentes options que vous pouvez choisir et vous pouvez les désactiver et sur à l'intérieur du document, inspecteur. 51. 51 inspecteur de scène: D' accord. Le prochain panneau de l'inspecteur. C' est l'inspecteur de scène. Donc si je fais défiler ici et que je monte sur les lieux, inspecteur, on a déjà beaucoup travaillé avec la scène, inspecteur. Donc je ne vais pas tout couvrir, parce qu'on a déjà parlé de mise à l'échelle. Nous avons parlé d'ajouter de nouveaux points de rupture. Nous avons beaucoup travaillé avec les échéanciers et tout. Mais quelques choses à garder à l'esprit, même si nous n'avons pas vraiment plongé dans la profondeur, c'est que vous pouvez définir la taille initiale de la scène à taille que vous voulez. Donc, si vous allez initialement cibler ah, grands ou moyens sites, alors vous pouvez sélectionner ça plus et ça va automatiquement Et quand je zoomer ici, mais il va automatiquement le définir à la 1000 par 5 40 Et ça va pour cibler ce périphérique. Ou si je voulais cibler le paysage iPad, alors il va configurer le 10 24 par 7 68 et il va automatiquement définir la taille par défaut de cela Ou si je fais défiler et revenir à la valeur par défaut et a 600 par 400. C' est la taille par défaut avec laquelle n'importe quelle application de type tumult commence, mais je pourrais venir ici et ajuster vraiment à ce que je voulais pour la taille par défaut nouveau. Gardez à l'esprit que vous pouvez ajouter de nouveaux points de rupture et différentes mises en page en fonction de la taille est que vous voulez là-bas. Mais vous devez d'abord avoir une taille de jeu pour commencer. Une autre chose que je veux mentionner ici est sur le chargement de la scène. Si vous voulez exécuter un script Java et que vous voulez créer des variables, les variables globales que vous pouvez utiliser sont généralement mieux pour le faire sur le chargement de la scène. Et donc si je clique sur cette icône plus, je vais venir ici et exécuter JavaScript. Nous allons créer une nouvelle fonction, et je vais appeler cette fonction juste charger des variables. Et l'une des choses sympa que je suis à propos de pouvoir juste avoir différentes fonctions ici et il y a que je peux séparer mon code. Au lieu d'avoir un gros, long fichier JavaScript. J' aime séparer en différentes sections et les utiliser seulement à certains moments. Donc c'est là que je rentrerais et que je ferais les points de la fenêtre. L' engourdissement est égal à cinq. La valeur initiale de cela. Et maintenant, ce sera une variable globale qui peut être utilisée à peu près n'importe où dans n'importe , quel endroit,n' importe quelle fonction JavaScript qui est appelée plus tard. Je pourrais juste avoir cette seule fonction dès qu'elle se charge que je peux ensuite utiliser cette variable dans différents fichiers JavaScript ou des fonctions JavaScript Jim Doubt ou quelque chose comme ça . Et donc aussi, si je voulais quelque chose Teoh décharger ou changer quand je change Saints Aiken faire ça. Restez au repos. Si je clique sur Touche enfoncée, cela me permet de sauter à une certaine scène. Me permet d'aller à ah, comment pourrais-je changer ça en fonction des actions que nous avons apprises ? Mais c'est fondamentalement juste garder à l'esprit que c'est n'importe quelle touche pressée. Si vous vouliez créer un comportement personnalisé, vous pourriez le faire, Hum, mais en ce moment, il suffit de taper vers le bas, désirer la touche de touche ou désolé, Balayez vers la gauche, balayez vers la droite. Et c'est juste glisser n'importe où. Si vous effectuez un balayage sur n'importe quel emplacement ou quelque chose comme ça, il va faire un type d'action ou quelque chose, puis le dernier est glisser sur glisser. Il va faire un endroit ou faire une action aussi bien. Si je fais glisser un certain élément, je peux contrôler la chronologie ou je peux supprimer Désolé, exécuter un script de travail ou faire quelque chose. Alors maintenant, la traînée. Si je fais glisser un élément Ah, et que vous contrôlez la chronologie par Dragon. Nous l'avons déjà appris dans une vidéo précédente. Donc, si vous vouliez plonger en profondeur, je vous recommande de revenir à cette vidéo dans certaines de nos sections précédentes. Mais c'est l'inspecteur de scène qui est vraiment le plus. Ce que vous allez utiliser, c'est les tailles qui ajoutent des mises en page nues, puis ajoutent du code de scène ou des fonctionnalités vues ou des balayages ou quelque chose de similaire pour naviguer d'une scène à une autre scène. 52. 52 Inspecteur de métrie: Dans la prochaine vidéo, on va parler des métriques, Inspecteur. Maintenant, les métriques, inspecteur, nous avons déjà travaillé avec les lots. Donc nous avons fait le placement. Nous avons fait la largeur de la balance. Nous avons également fait les mises en page flexibles et nous n'avons pas fait autant de rotation, d'origine de la transformation ou de débordement de contenu. Donc je vais parler un peu de ça et dans cette section, donc tu sais ce que tu peux faire avec ça ? Donc, tout d'abord, le contenu flottant, il vous permet de définir une zone si elle dépasse un certain élément ou une certaine largeur et hauteur, comment est-il contrôlé ? Et donc, dans ce cas, je vais venir ici et juste pour te montrer, je vais cliquer sur ces éléments de texte ici, et je vais venir chercher du texte de Laura Ipsen et quelqu'un que j'ai déjà. Je vais juste prendre un paragraphe ici, vais copier ça, entrer dans le type tumulte, et ensuite coller ça là. Alors redimensionnons cela un peu plus et je vais avec cette sélection venir aux mesures comme la liste déroulante, et c'est là que j'ai l' option pour les barres de défilement cachées ou les autos, Crowbars, écureuil auto barres de défilement est qu'il indiquera simplement si elle est plus longue qu'une certaine zone qui créera automatiquement ce défilement. Mais vous remarquez ici ce texte va en fait au-delà de ce que cette largeur et cette hauteur est donc je peux corriger cela et, vous savez, quelques façons différentes que je peux réellement venir ici et ajuster la largeur et la hauteur si je voulait. Donc, le haut dans la hauteur juste ici, si je voulais ajuster cela, et puis il faudrait tout l'écran, je peux ajuster cela, Mais vraiment, Mais vraiment, ce que je veux faire, c'est que je veux créer juste un certain pour être la zone de texte, et tout ce qui est au-delà est juste une sorte de défilement à base de plantes. Donc, si vous êtes sur un iPad, vous pouvez juste faire un film vers le bas pour voir le reste du texte. Et pour l'instant, avec ce débordement de contenu défini comme visible, ce ne sera pas le cas. Donc, j'ai réellement besoin de sélectionner des barres de défilement automatique ou des barres d'écureuil, et cela définira quoi que ce soit au-delà de ce point. La largeur ou le battage médiatique va Teoh être créé avec les barres de défilement. Je veux aller de l'avant et sauver en avant-première et vous remarquerez que mon Texas a été coupé. Mais c'est OK, car cela peut faire défiler vers le bas. Et si vous êtes sur un iPad, vous pouvez utiliser votre doigt pour une sorte de glisser vers le bas aussi. Non seulement vous pouvez le faire avec du texte, mais vous pouvez également le faire avec des éléments groupés. Donc je vais aller de l'avant et créer quelques objets différents. Donc je vais créer un rectangle, entrer et créer un cercle ici. Et puis je vais entrer et créer un texte texte. Laissez-moi réellement créer cet élément de texte plus tard. Allons de l'avant et sélectionnez simplement ces éléments. Je maintiens le bouton de changement de vitesse enfoncé. Je vais faire un clic droit et ensuite aller au groupe. Et maintenant, dans ma chronologie, élargissons cela un peu plus afin que vous puissiez voir qu'il a un dossier avec le groupe à l'intérieur de là. Avec ce groupe sélectionné, je vais aller de l'avant et sélectionner un texte et m'assurer que le Texas a réellement placé à l'intérieur du groupe et je vais aller de l'avant et déplacer ce texte un peu, mais je vais avoir un extérieur du groupe lorsque nous l'avons sous le groupe. Maintenant, avec le groupe sélectionné, je vais revenir au contenu, déborder et sélectionner les barres de défilement, et maintenant ce n'est pas visible là. Mais si je vais de l'avant et appuie sur l'aperçu, je peux faire défiler vers le bas et voir tout le texte est là-bas. Cela vous permet de définir un groupe pour trouver certains éléments, puis de créer une barre de défilement pour voir les éléments s'ils dépassent la largeur et la hauteur que vous avez réellement définies. L' une des choses dont je veux parler est que je veux parler de la rotation et de l'origine de la transformation. Mais c'est le contenu visible. Un aller de l'avant et prendre la tête ici. Je vais venir et puis insérer un autre rectangle, et quand je commence à tourner, vous remarquerez dès que je commence, vous pouvez utiliser l'angle de Z. Je peux aussi utiliser l'angle de pourquoi un X parlera de ceux-ci plus tard, mais vous remarquerez ce genre de rotation au milieu. Ce Centrepoint, comme je tourne, est directement au milieu. C' est parce que l'origine de la transformation ici. Le décalage X dans le décalage américain blanc à 50 place ce décalage. Ou c'est là que le point central du point central de transformation se trouve directement au milieu lui-même. Si je voulais que ça soit juste dans un coin, je pourrais dire, OK, 100% et ensuite aller à compenser Pourquoi ? 100% ? Et alors que va-t-il se passer ? Dès que je commencerai à faire tourner ça, vous remarquerez qu'il est en haut à droite. Parce que non seulement le X est là-bas, mais le pourquoi est là-bas et supposé que je tourne il tourne sur le coin. Cela dépend de la façon dont vous voulez réellement transformer ou animer ces différents objets. Si j'animais la rotation, c'est comme ça qu'elle s'anime. Pas au milieu, mais il animerait au coin. C' est à vous de décider comment vous voulez que cela tourne. Cela dépend juste de l'objet avec lequel vous travaillez réellement à l'intérieur du type tumult. Une autre chose dont je veux parler, c'est trois. Pourquoi la rotation ? Donc vous remarquez que je pourrais avoir trois effets D et je peux obtenir des effets X s 03 d avec les valeurs X et Y. Mais une chose à garder à l'esprit est qu'il y a beaucoup de navigateurs qui ne supportent pas cela. Donc, cela dépend juste si vous ciblez et ce sont surtout les anciens navigateurs. Mais si vous ciblez les anciens navigateurs pour une raison quelconque, comme je e huit ou neuf, alors vous voulez rester loin de ceux. Si vous ciblez les nouveaux navigateurs les plus récents, comme chrome ou safari ou quelque chose comme ça, alors vous pouvez aller de l'avant et les utiliser. Il y a juste quelque chose à garder à l'esprit là-bas. Mais c'est comme ça que vous avez utilisé l'inspecteur de métriques, à l'intérieur du type tumult. 53. 53 Inspecteur d'élément: Bon, maintenant on va parler de cette forme, inspecteur. Maintenant, cette forme ou l'élément attend, er je l'appelle aussi l'inspecteur de forme car il a les formes de l'icône. Mais c'est l'élément attendre er, et cela mettra en évidence dès que j'ai un type d'éléments sélectionnés, et il me donne les différentes options pour cet élément. Donc, je vais entrer et insérer un bouton, par exemple, et les options pour ce bouton sont sélectionnées quand j'ai effectivement ce bouton sélectionné, ou il revient dans la forme, et les options pour cela sont sélectionnées ici aussi. Il y a quelques options différentes. Vous pouvez sélectionner la liste déroulante ici pour que l'arrière-plan soit une couleur unie, en sélectionnant la couleur pour choisir la couleur souhaitée. Ou vous pouvez faire des ingrédients aussi bien, qui auront deux couleurs. Et vous pouvez ajuster l'angle de ce radiant comme vous le souhaitez. Ou vous pouvez également insérer une image et que cette image soit votre arrière-plan, un arrière-plan répétitif ou quelque chose. Donc sur les boutons, même chose. Vous pouvez avoir Grady INT pour votre bouton. Si vous le vouliez. Vous pourriez avoir une image pour votre bouton. Tout ce que vous avez besoin de dio sur cela si vous ne sélectionnez aucun comme la sensation, il aura juste le contour. Donc tu l'as remarqué. Maintenant, j'ai juste le contour lui-même sorte de ce creux. Si je voulais changer la couleur, on peut changer ce blanc d'orteil ici. Et si mon arrière-plan était une couleur plus foncée, c'est une couleur creuse là-bas. Cela vous permet de changer cela et ensuite je peux entrer dans le texte et changer la couleur là aussi . Maintenant, quelques autres choses, quelque chose va de l'avant et juste supprimer le bouton. Pour l'instant, nous allons simplement travailler avec la forme pour la retourner à une couleur unie et quelques choses que nous pouvons changer dans la section suivante est la bordure. Ainsi, nous pouvons ajuster la bordure avec nous pouvons ajuster la couleur de la bordure. Nous pouvons également ajuster le style de bordure. Donc, nous avons pointillé tableau de bord grouper vos paramètres typiques là. Donc je ne vais pas les examiner tous. Si je voulais me débarrasser des frontières et je pourrais juste mettre cela à zéro et maintenant la frontière n' est plus là. Si je voulais régler le rayon, je peux venir ici et ajuster le rayon de cette bordure aussi. Pour que vous puissiez voir. Et maintenant, nous avons les coins arrondis. Alors je vais entrer. Et si je voulais régler le rayon juste pour un coin, je peux sélectionner dans cette zone le coin et juste un peu plus. Alors maintenant, j'ai une belle forme. J' ai toujours les coins arrondis sur les autres parce que quand j'ai ajusté cela au milieu, j'ai eu toutes ces options sélectionner sont ajustées cela au milieu. Ensuite, je les ai tous ajustés. Mais si je ne sélectionne qu'un d'entre eux, alors je sélectionne juste l'un d'eux. Je peux définir ce rayon pour un seul. Donc je vais aller de la main comme ça au milieu ici. Je vais passer à la section suivante, qui est la visibilité. Cette capacité me permet d'ajuster les deux choses d'abord, l'opacité si je voulais rendre cela transparent, mais aussi l'affichage. Ainsi, l'affichage lui-même est l'une des propriétés de l'animation. Si vous faites défiler vers le bas, vous pouvez descendre et ajouter l'affichage afin que vous puissiez réellement dans votre chronologie, désactiver et activer les choses au fur et à mesure qu'elles se développent. Pour une raison quelconque, si vous vouliez ne pas montrer au tout début, je peux sélectionner une image clé, venir pour afficher et sélectionner cela à caché. Puis quand il arrive à quatre secondes. Si je voulais juste apparaître que je peux venir ici, sélectionnez le cadre clé, puis sélectionnez ce retour trop visible. Même si il semble qu'il a une animation, ce n'est vraiment pas l'affichage douzaine d'ennemis. C' est plus de l'opacité qui va animer si je pouvais voir juste en dessous. Ici, nous avons l'opacité, mais l'affichage n'anime pas. Il est juste un peu dès qu'il atteint la prochaine image clé, il apparaît, et donc vous pouvez aussi l'utiliser. Si vous utilisez JavaScript, vous pouvez modifier l'élément d'affichage, et vous pouvez le changer en visible ou masqué et l'ajuster au besoin. Mais c'est la section suivante là-bas, et vous avez également la possibilité de créer une ombre afin que vous puissiez monter l'ombre en ajoutant des valeurs X et Y. Vous pouvez également ajouter les valeurs de flou si vous voulez flou un peu plus, puis changer la couleur de votre choix. Donc changer de couleur pour un gris plus clair donne l'impression qu'il est un peu plus transparent. Et puis vous pouvez même ajuster l'opacité si vous le souhaitez et obtenir des effets d'ombre cool là-bas, ou si vous ne vouliez pas simplement l'entrer là. Vous pouvez réellement utiliser ce joli dragger d'ombre, et cela vous permettra en fait de faire glisser à la fois la distance des valeurs X et Y. Et vous pouvez juste faire glisser ça à l'endroit que vous voulez là-bas. Et puis enfin, vous avez quelques choses différentes qui filtrent les options. Je vais aller de l'avant et juste se débarrasser de l'ombre. Allons juste les réduire à zéro et donc vous avez F sépia floue. Vous avez la saturation. Vous avez la teinte, la luminosité, contraste lorsque vous entrez dans ces choses quelques choses qui gardent à l'esprit que beaucoup de ces choses, il dépend juste du navigateur. Alors assurez-vous juste que vous commencez à travailler sur ce sujet, vous regardez les filtres, assurant que ce n'est pas un navigateur, que vous travaillez avec les lots ou que vous essayez de cibler ou quoi que ce soit. Alors gardez ça à l'esprit. Mais c'est vraiment juste une sorte de s'ajuster ici. Soit le premier plan, soit l'arrière-plan. Vous pouvez ajuster quelques d'entre eux, et la dernière chose est le reflet. Je vais ajouter un reflet à n'importe quel objet. Je peux ajouter la profondeur de la réflexion, comme combien cette réflexion montre cet objet. Et je peux aussi ajouter le décalage Quelle distance y a-t-il ? Donc, si je voulais un type de surface réfléchissante de ces différents objets, je peux ajouter un reflet à tout moment. Donc, ce sont quelques-unes des options que vous pouvez faire avec l'élément Inspector sur dans votre panneau inspecteur à l'intérieur d'un type de temple 54. 54 Inspecteur de la physique: dans cette vidéo, nous allons parler d'une simple introduction à la physique et des différentes choses que vous pouvez faire avec la physique. Maintenant, j'espère avoir plus tard plusieurs tutoriels sur la façon d'utiliser la physique pour construire différents types de jeux. C' est juste une action désintéressée à la façon de vous faire démarrer avec le type thermique et comment vous faire démarrer avec la physique eux-mêmes. Donc, si je viens ici et vais dans les éléments, je peux sélectionner la liste déroulante et juste faire un cercle ici. Donc je veux aller de l'avant et sélectionner un cercle et je vais avoir ça juste en haut maintenant, par défaut. Le cercle ne fait rien à ce stade. Donc je vais aller de l'avant et ajouter de la physique à ce cercle. Donc, nous sélectionnons la liste déroulante et passons à dynamique. Et ce qui se passera dès que je choisirai que pour être dynamique, c'est que la physique elle-même commencera à s'appliquer. Maintenant, je peux faire quelques choses avec vu comme je peux dire, OK, OK, quelle vitesse je veux que ce forcé se produise réellement donc je peux ajuster cela pour être Essayons juste 100 par exemple, et vous pouvez voir que cela arrive vraiment rapidement que c'est essentiellement la force. C' est la force de gravité est fondamentalement très forte à ce stade. Mais par défaut est juste laisser à un si juste sorte de chutes à un rythme normal. La prochaine chose que je pourrais faire est que je peux ajuster l'angle, donc par défaut c'est 180. Mais allons-y et essayons d'ajuster çaà ça 90 ou quelque chose dans le coin. Donc 90. Et ce qui va arriver, c'est que maintenant l'angle lui-même est qu'il dit que le point de gravité est de cette façon 90 degrés au lieu de la 180. Eh bien, j'ai suggéré sur le côté gauche, et vous pouvez voir que maintenant il tombe aussi à gauche, donc vous pouvez ajuster ce que cela fait dans la scène par défaut. Et donc une autre chose que vous pouvez utiliser, vous pouvez contrôler la gravité avec l'inclinaison de votre appareil. Donc, si je vais ici et je suis en fait sur un iPhone ou un téléphone Android ou quoi que ce soit, je peux en fait, avec l'inclinaison à mon contrôle de l'appareil, où la gravité tombe effectivement où fait que cette balle tombe elle-même. Ce qui vous permet de créer un type cool d'interactif à l'aide de l'accéléromètre crée, um, contenu interactif là certains. Ok, donc je vais aller de l'avant et ajuster ça 280 puis on va venir ici et ajuster quelques choses est, disons que je veux que ça reste à l'intérieur de ma scène et aller de l'avant et frapper euh, rectangle ici, et je vais avoir ce genre d'interaction ou de rebondir de ce rectangle tout à l'heure. Un peu comme un bar. Si j'étais juste pour frapper cet aperçu de sauvegarde, vous pouvez voir qu'il passe juste à travers pour que quelque chose interagisse avec cela. Cela doit en fait être appelé statique ou changé en statique afin d'interagir sans mouvement . Et de cette façon, ce qui se passe, c'est juste une sorte de rebond contre elle. Une ou deux choses que je peux faire est que la densité est essentiellement à quel point cette chose est lourde. Donc quand il interagit, elle pousse d'autres trucs. Est-ce que ça va être une bonne poussée comme une poussée lourde, ou est-ce juste une sorte de poussée légère ? Il y a quelques choses que vous pouvez faire, ou juste dans la densité. Je vais venir ici et sur ce ballon. Je vais, c'est comme l'effet de rebond et juste ajuster ça. Donc vous pouvez voir que l'équilibre est vraiment rebondissant maintenant, donc ça va rebondir pendant un moment. Ça va prendre un certain temps pour rebondir aussi. Mais si je voulais ajuster cela pour être extrêmement rebondissant, je peux aussi l'ajuster un peu plus haut aussi. Et le frottement est une traînée de l'air est une sorte de traînée de l'air est le frottement de voleur avec l'air. C' est, j'y pense presque comme si la balle tombe et qu'il y a un ventilateur en dessous, que ce ventilateur en fonction de la force de ce ventilateur peut faire tomber la balle un peu plus longtemps ? Ou il peut causer le Balti même pas tomber du tout ou quelque chose quelque chose. Donc c'est ce que l'air traîne icis. Quelle est la friction à l'air ? Si c'est venteux, alors vous allez les boules ne vont pas tomber aussi vite elle-même, sorte que vous pouvez ajuster ce genre de choses maintenant, en fonction de l'angle de votre écran, vous pouvez aussi le faire, ou l'angle de votre objets. Allons dans l'élément, inspecteur. Ici, en fait, les métriques, inspecteur. Et ajustons un peu l'angle de cette barre. Vous pouvez voir ici la balle va un peu rebondir et rouler. Ou si j'ai une animation à cela, allons de l'avant et juste frapper le record et ensuite avoir ce genre d'ennemi un peu plus, et vous pouvez voir que le genre d'animation a tourné un peu et rebondir la balle hors de sorte que vous pouvez même déclencher cette animation basée sur un clic et avoir le début d'un jeu de type d'interaction avec elle. Si je ne veux pas que la balle quitte l'écran du tout, pourquoi aurait-il besoin de créer plusieurs types de rectangles ici et allons de l'avant et alors ce que je peux faire est que je pourrais prendre chacun de ces rectangles tenant le bouton de changement de vitesse venant à mon les inspecteurs de physique comme ceux qui sont tous statiques, mais viennent aussi dans mon spectre d'élément et font l'opacité zéro donc je ne vois pas cela lui-même, mais vous pouvez voir que c'est il interagit avec elle. Mais l'utilisateur ne le voit pas réellement, donc il le contient en quelque sorte dans cette boîte. Eh bien, je vais encore cliquer sur cette petite barre de spinner, et je vais ajouter un déclencheur pour recommencer la chronologie. Donc on va dire, commencer la chronologie et ça va être la chronologie principale, puis jouer à l'envers. Alors maintenant, quand je clique dessus boom, il le joue à nouveau en marche arrière. Ainsi, vous pouvez simplement commencer à interagir avec ces objets en utilisant les éléments statiques. C' est essentiellement ce qu'est la physique. Si c'était sur un appareil et que j'avais ce contrôle, quelle inclinaison ? Cela me permettrait également d'utiliser mon appareil pour le contrôler, faire rebondir aussi bien. Mais c'est une introduction, une petite introduction à la physique à nouveau, espérant avoir des tutoriels pour aller plus en profondeur de la physique plus tard. Mais pour l'instant, cela vous fait au moins commencer avec la façon de commencer à jouer avec l'inspecteur de physique 55. 55 Inspecteur de l'identité: Le dernier panel d'inspecteurs dont nous allons parler est Theo Identity Inspector Panel. Le panneau Inspecteur d'identité se trouve dans le dernier onglet de la section Inspecteurs, et il y a quelques choses que vous pouvez faire avec cela. Vous pouvez voir que pour l'instant je n'ai pas vraiment d'endroit où cliquer sur, mais si je sélectionne cet élément, cela me permet d'ajouter quelques choses que je peux ajouter du texte alternatif. Et c'est bon pour s'il y a un type de lecteur d'écran de lecteur de texte ou quelque chose comme ça , cela décrira ce qu'est cet élément. Il est donc recommandé de n'importe quel élément que vous avez sur la scène d'ajouter un texte alternatif pour garder à l'esprit les lecteurs d'écran pour les personnes qui ne peuvent pas voir et cela ajoutera, le lecteur d'écran va essentiellement décrire tout ce que vous mettez ici essentiellement, et l'autre chose est incluse dans la navigation au clavier. Ceci est également important pour différents claviers. Um, si quelqu'un a besoin de parcourir quelque chose pour accéder à certains contenus, alors vous voudriez augmenter ou l'inclure dans la navigation du clavier s'il a besoin d'y accéder , surtout s'il a besoin d'interagir avec lui s'ils ont besoin de cliquer dessus ou s'ils ont besoin Teoh Naviguer ou de le lire ou quelque chose comme ça, alors et puis vous pouvez décider. Ok, c'est quoi l'onglet ? Index ? Ce qui signifie que le premier élément de l'index sera le premier onglet. Le deuxième élément va être le deuxième onglet et ainsi de suite. Donc, vous pouvez décider quand cela se produit réellement. Et puis la prochaine chose est le nom d'affichage le nom d'affichage. Nous avons appris cela dans quelques vidéos précédentes. Mais vous pouvez voir ici le nom d'Ellipse juste ici. Ce sera en fait le nom d'affichage. Je peux changer ça à ce que je veux. Mon nom, cet échantillon. Vous remarquerez que la chronologie indique également l'exemple. Une autre chose que je peux faire est que je peux lui donner un I. D.unique D. Nous avons appris à ce sujet principalement dans la section JavaScript. Donc, si vous voulez référencer la section javascript, vous pouvez le faire. Ou si vous allez joindre un fichier CSS externe ou si vous allez joindre un script de travail externe violent, vous voulez parler à plusieurs éléments sur la scène Eh bien, vous pouvez lui donner un nom de classe aussi. Donc, si vous voulez qu'il donne un nom de classe un cercle, alors chaque fois que vous référencez ou ajoutez du CSS externe à cette classe, il profitera de ce que c'est. Donc, toutes les images d'arrière-plan ou toutes les couleurs ou bordures ou tout ce que vous faites sur le CSS ou faites à l'intérieur du JavaScript auront lieu avec ce nom de classe. Donc c'est essentiellement ça. C' est comme ça que vous travaillez avec l'inspecteur d'identité. A l'intérieur, c'est un type de taupe. 56. 56 Conclusion: Je voulais juste dire merci d'avoir pris le temps de passer par ce cours de type mull. Espérons cela vous donne l'introduction dont vous avez besoin pour commencer avec le type thermique. Je sais qu'il y a encore beaucoup que tu peux apprendre. J' espère avoir plus d'exemples et j'espère quelques fichiers de démarrage que vous avez confiné à apprendre Joe Joe dot net. Et de cette façon, vous pouvez télécharger certains de ces exemples de fichiers et commencer avec d'autres fichiers d' aide dans les posts de bloc et tout ce comme ça. Alors consultez mon site Web à apprendre Joe Joe dot nets pour plus de fichiers utiles. Mais merci. Merci d'avoir suivi ce cours en faisant tout le chemin jusqu'à la fin. Je voulais juste te dire merci. Et si vous avez d'autres questions, hésitez pas à me contacter à apprendre dojo dot net