Responsives HTML5 mit Tumult Hype 3 Pro erstellen | Jeff Batt | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Responsives HTML5 mit Tumult Hype 3 Pro erstellen

teacher avatar Jeff Batt, Founder of Learning Dojo

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

56 Einheiten (3 Std. 45 Min.)
    • 1. 01 Über diesen Kurs

      7:17
    • 2. 02 So bekommst du Hype

      2:44
    • 3. 03 Starten eines neuen Projekts

      2:07
    • 4. 04 Die Benutzeroberfläche erkunden

      8:29
    • 5. 05 Vorschau deiner Inhalte auf Mobilgeräten

      1:49
    • 6. 06 Zoomen in und heraus

      1:58
    • 7. 07 Mit Formen arbeiten

      10:11
    • 8. 08 Objekte anordnen

      2:13
    • 9. 09 Gruppierung

      2:14
    • 10. 10 Arbeiten mit Text

      8:38
    • 11. 11 Buttons

      7:21
    • 12. 12 Bilder

      6:41
    • 13. 13 Audio

      5:31
    • 14. 14 Video

      4:00
    • 15. 15 HTML-Widget

      1:47
    • 16. 16 Symbole

      7:52
    • 17. 17 anhaltende Symbole

      4:01
    • 18. 18 Hauptzeitraum

      2:32
    • 19. 19 Animaton

      5:36
    • 20. 20 Animationen erleichtern

      4:26
    • 21. 21 Animation anderer Eigenschaften

      5:09
    • 22. 22 Schlüsselrahmen ändern

      3:26
    • 23. 23 Duplikation von Animationen

      2:21
    • 24. 24 Bewegungswege

      2:48
    • 25. 25 CSS-Filter

      1:51
    • 26. 26 Timeline

      4:47
    • 27. 27 Object

      3:34
    • 28. 28 Aktionen entfernen

      1:19
    • 29. 29 Veraltete Aktionen entdecken

      6:59
    • 30. 30 Drag

      3:47
    • 31. 31 Zeitfenster

      5:17
    • 32. 32 Relative Zeitlinien

      2:19
    • 33. 33 Looping

      3:46
    • 34. 34 Szenen erstellen

      4:42
    • 35. 35 Scene

      2:17
    • 36. 36 Transen auslösen

      2:13
    • 37. 37 Prozentuale stage

      6:49
    • 38. 38 Verschiedene Layouts erstellen

      6:33
    • 39. 39 Breakpoints verändern

      2:38
    • 40. 40 JavaScript Actions Intro

      7:05
    • 41. 41 Document

      8:26
    • 42. 42 Verweisungszeichen JavaScript

      6:30
    • 43. 43 Zeitleiste n Szene JavaScript

      10:40
    • 44. 44 wiederverwendbare Funktionen

      1:00
    • 45. 45 jQuery anbringen

      3:24
    • 46. 46 globale Variablen

      2:26
    • 47. 47 Veröffentlichen Ihres Projekts

      3:15
    • 48. 48 Hype importieren

      4:15
    • 49. 49 iBooks Autor

      4:18
    • 50. 50 Document

      5:45
    • 51. 51 Scene

      3:48
    • 52. 52 Metriken Inspektor

      5:27
    • 53. 53 Element

      5:35
    • 54. 54 Inspektor für Physik

      5:56
    • 55. 55 Identity

      2:30
    • 56. 56 Fazit

      0:41
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

387

Teilnehmer:innen

--

Projekte

Über diesen Kurs

In diesem Kurs lernst du interaktive HTML5 Webinhalte und Animationen mit Tumult Hype 3 Professional erstellen. Dieser Webinhalt funktioniert auf Desktops, Smartphones und iPads.

Tumult Hypes keyframe-based Animationssystem erweckt deine Inhalte zum Leben. Tumult Hype ist eine „leere Schiefer“ Anwendung zum Erstellen von Inhalten. Die bereitgestellten Werkzeuge sind leistungsfähig und fördern das Experiment; die Möglichkeiten dessen, was du aufbauen kannst, sind endlos.

Wir werden dir die Grundlagen von Hype Pro 3 beibringen, wie du mit der Anwendung beginnen kannst und wie du es verwenden kannst, um einige atemberaubende Interaktionen und Animationen zu erstellen. Viele der Konzepte, die du in diesem Kurs lernst, werden auch in die Hype 3 reguläre Version übergeben.

Mit Bruder Jeff als Sensei wirst du in kürzester Zeit ein zertifizierter Ninja von Hype werden!

Triff deine:n Kursleiter:in

Teacher Profile Image

Jeff Batt

Founder of Learning Dojo

Kursleiter:in

Jeff has 10+ years experience in the digital learning and media industry. Currently he is Founder and Head Trainer/Sensei at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web and mobile related software applications. Jeff is also the Lead eLearning Producer for The Church of Jesus Christ of Latter-day Saints, producing online training for the Church world wide. Jeff has also been the Product Development Manager for eLearning Brothers with responsibility for the design, development, and management over their world-class digital learning templates library building templates in Storyline, Studio ’13, Captivate, Adobe Edge Animate, Lectora, HTML5, Flash and more. Prior to his work at eLearning Bro... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. 01 Über diesen Kurs: Hallo und willkommen zu diesem Kurs auf To Mull Type Now to mull type ist ein HTML fünf Animator , mit dem Sie Interaktionen erstellen können. Html fünf Interaktionen, die für Web-Banner verwendet werden könnten. Sie könnten für E-Lernen für iBooks verwendet werden, Autor Widgets Ah, viele verschiedene Anwendungen, die Sie tatsächlich gehen und verwenden können, um mull Typ, denn es ist sehr einfach zu bedienen. Es ist auch sehr reaktionsschnell. Sie können ansprechende Websites erstellen, ansprechende Banner, die sich an die Bildschirmgröße oder das Gerät anpassen, das der Benutzer verwendet. Und so ist es eine sehr lustige Anwendung und es ist sehr Robustas Nun, also werden wir reinkommen und wir werden tatsächlich eintauchen und einen Blick darauf werfen, was Sie mit dem Maulwurf-Typ tun können Jetzt, Zunächst einmal gehen wir voran und Seite und sprechen Sie darüber, welche Version von Hype und auch, was Sie tatsächlich mit Hype erstellen können. Wir werden einen Blick auf einige Beispiele werfen, bevor wir in das Tool kommen und tatsächlich anfangen, das Tool verwenden, um Outs zu bauen. Diese Arten von HTML fünf Interaktionen. Also das erste, was ist, gehen wir zu Moult Dot com, wir gehen zu Multi Dot com. Okay, also eine Drohung, um den Punkt zu verderben, geht weiter und oben oben. Klicken Sie auf Hype Pro. Jetzt kommen wir auf High Pro. Dies gibt Ihnen ein wenig Informationen über Hype, Pro und die Art von Dingen, die Sie damit tun können. Aber worauf ich mich konzentrieren möchte, ist die Galerie hier. Wenn ich auf Galerie klicke und dann herunterkomme, werden Sie viele verschiedene Beispiele bemerken, die in zwei Malts verwendet werden oder verwendet werden, um ah zu bauen, viele verschiedene Beispiele, die tatsächlich mit Hype gebaut wurden. Also gehen wir weiter und schauen uns ein paar davon an. Jetzt habe ich bereits ein paar von diesen Pullup in meinem Tab, also werde ich einfach durch ihn gehen und wir werden über sie reden, und dann kommen wir in den eigentlichen Kurs, wie man baut diese Art von Dingen. Das erste, was ist dieses Raketenschiff, also werden Sie ein paar verschiedene Dinge bemerken. Ah, in diesem Raketenschiff. Also bemerken Sie zuerst, wie es beginnt zu schütteln, und dann, wie es beginnt zu rauchen, beginnt zu kommen und dann beginnt es Teoh zu gehen und in der Luft zu heben und alles, so dass das mit To mull Typ. Sie können einige der Animations-Features verwenden. Sie können auch Symbole verwenden, um Ihre eigenen verschachtelten Animationen zu erstellen. Du kannst Dinge wachsen lassen. Du kannst Dinge kleiner werden lassen. Dies sind die Arten von Dingen, die Sie mit Tamal-Typ verwenden können. Hier ist ein weiteres Beispiel. Lassen Sie mich wirklich wieder hierher gehen. Das hier ist das Schloss. Jetzt verwendet dies etwas, das nur in tumult, pro und high pro verfügbar ist. Und das ist die Physik. Lassen Sie mich das noch einmal neu starten. So werden Sie in der Physik hier auf der Kanonenkugel bemerken und die Kanonenkugel interagiert mit verschiedenen Ziegeln auf der Burg. Und dann fallen diese Ziegel einfach in Stücke. Und das nutzt die Physik innerhalb des Tumult, Typ zwei Multi Pro. Deshalb wollen wir bei dieser Sitzung bleiben, über die wir reden werden. Oder in dieser Klasse werden wir über den Besuch sprechen sind die Hyper-Pro-Anwendung. Also hier ist eine andere, die ich mag, und das ist eine Infografik. Wenn du also darüber sprichst, ähm, wenn du etwas bauen willst, das interaktiver ist. Das ist eine Grafik, in der die Benutzer tatsächlich gehen, und sie klicken auf Teoh View Verschiedene Informationen. Nun, Hype ist eine ausgezeichnete Anwendung, um diese Arten von Dingen zu bauen, so dass Sie hier auf diesen Artikel klicken können und Sie werden das lila Highlight bemerken, das kommt in. Und wie ich komme, denke ich, beginnen zu verschieben und beginnen, sich auf diese Luft zu bewegen, verschiedene Dinge, die Sie innerhalb verschiedener Zeitlinien von tun können, um mull Typ. Okay, hier ist ein weiteres Beispiel Jetzt ist dies in einer Website eingebettet. Also hier, sobald ich auf diese Website kommen, die Websites, eine normale Website. Aber Sie werden diese Animation bemerken, die beginnt, die verschiedenen Teile zu animieren. Ähm, und ich kann reingehen, und ich kann hier auf diese verschiedenen Elemente klicken. Jetzt. Dieser Teil wird innerhalb von Tumult gemacht. Dunn ist innerhalb des Hype gemacht, so dass Sie es nehmen können, und Sie können nur verschiedene Elemente innerhalb des Hype erstellen und dann mit Ihrer aktuellen Website, Ihrem WordPress oder einem normalen HTML einbetten aktuellen Website, . Oder Sie können sogar diese Arten von Interaktionen nehmen und ihn in iBooks Autor setzen und machen Ihr Buch ein wenig interaktiver als auch. Jetzt ist dieser etwas komplexer. Du wirst hier eine Welt sehen. Wir haben viele verschiedene animierte Elemente. Wir haben dieses Flugzeug, das vorbeifliegt. Wir haben diese kleine Achterbahn, , oder das tut mir leid, dieser Truck, der auf verschiedenen Straßen vorbeifährt, und der ganze Zug, der vorbeikommt, Ah, diese Windmühlen, eine Menge verschiedene Elemente, die hier vor sich gehen, und das sind tatsächlich interaktive Elemente. Wenn Sie auf verschiedene Dinge klicken, dann zoomen sie in verschiedene Szenen, und dann können Sie auch auf verschiedene Elemente klicken. Das sind also viele verschachtelte Animationen innerhalb des Hype. Ähm, und eine Menge Unterschied hat Szenen, die gesagt sind, so bekommen Sie in den Zoom-Teil ist in den Szenen hier. Jetzt ist hier ein interaktives Banner. Jetzt haben wir alle diese Arten von Banner gesehen, typischerweise in der Vergangenheit. Sie wurden mit Adobe Flash gebaut, aber es seit ah, viele Browser Luft nicht unterstützen Flash. Mehr Hype ist es Gitter Anwendung, um diese Arten von Banner zu bauen, und Sie werden feststellen , dass es ansprechbar ist. Wenn ich also beginne, die Größe meines Bildschirms zu ändern, passt er sich automatisch an die neue Größe an. Und das ist eine Funktion, die Hype uns jetzt gibt. Hier ist noch ein Banner. Lassen Sie uns voran und klicken Sie darauf. Das hier ist ein bisschen interaktiver. Es erlaubt Ihnen tatsächlich, verschiedene Dinge zu schießen. Also haben wir unsere Waffe hier. Ah, und dann können wir hineingehen und auf einen anderen Gegenstand klicken. Erschieß es. Und dann erscheint dieses kleine Banner am Ende. Es gibt also ein weiteres Banner, das ich auf dieses Plus-Symbol klicken muss, könnte man sehen. Hier ist ein kleiner Unterschied der Physik, die es tut und verschiedene Animationen, die zu verschiedenen Zeiten kommen werden . Also, jetzt musst du mit diesem hier wirklich interagieren? Sie können sehen. Wie ich nach links gezogen hier, Ah Untermenü wird tatsächlich Pop-up, und jetzt kann ich auf verschiedene Elemente klicken hier, die nur ermöglicht es Ihnen,. Oder das zeigt Hypes Fähigkeit zum Hinzufügen von Ziehen und basierend auf dem Ziehen an verschiedenen Elementen innerhalb der Animation. Da. Nun, diese eine, die ich wirklich mag, weil es hat, ah, coole Animation der Karte, die ausgeklappt wird, und so können Sie sehen, dass Sie diese Arten von Animationen hier tun können Und jetzt alle diese Beispiele auf Typen Website können Sie tatsächlich unsere meisten von ihnen herunterladen. Sie können herunterladen, wo sagt dieses Hype Dokument und Sie können es tatsächlich öffnen und Sie können genau sehen, wie sie es gebaut. Sie möchten also teilen, wie diese verschiedenen Beispieldateien erstellt wurden, und teilen, wie sie sie erstellt haben, damit Sie sie herunterladen und auschecken können. Dieser hier mag ich wirklich, weil , weil man tatsächlich auf die Pflanze klicken kann, diese Macht, und es wird verschiedene Symbole hervorheben. Das ist ein verschachteltes Symbol, das die Testamente in animiert. Sie können auch auf Fly Solo klicken und das wird eine Ebene aus animieren und dann die andere Ebene in der Mitte animieren. Sie haben viele verschiedene diese Cloud-Symbole und alles, was vor sich geht. Es gibt also nur eine Menge verschiedener Elemente, mit denen du hier arbeitest. Jetzt hier ist ah, UFO eins, wo Sie tatsächlich auf die Schafe klicken und dieses UFO wird kommen. Und dann liebe ich Ente, dass Schafe und Sie können hier auf einen anderen Artikel klicken. Und es spielt keine Rolle, wo dieses UFO ist, dass, wohin Sie klicken, tatsächlich zu diesem Schaf gehen , das Sie gerade angeklickt haben. Also und das verwendet viele Zeitlinien und die Animationen und solche Sachen, die Sie in einem Hype eingerichtet haben . Und das ist das sind die Arten von Dingen, die Sie einen Typ erstellen können. Und so werden wir Ihnen die Grundlagen in dieser Klasse beibringen, wie Sie anfangen können. Ich kann diese verwenden, verschiedene Timelines, verschiedenen Animationen und wie Sie Ihre Interaktionen reaktionsschnell erstellen und so werden sie an die verschiedenen Bildschirmgrößen und alles anpassen. Also werden wir über diese Art von Sachen reden. Aber zuerst, lassen Sie uns voran und beginnen, wie man Hype herunterladen und wie man sie benutzt. 2. 02 So bekommst du Hype: Alles klar. Es gibt zwei verschiedene Möglichkeiten, wie Sie einen alten Typ bekommen können. Wenn du zu Moult Dot Com gehst und dann hierher und wieder kommst, werden wir in dieser Sitzung darüber reden, wir werden über Hyper Pro reden. Wir werden auf hyper pro klicken, und das gibt uns die Möglichkeit, eine kostenlose Testversion herunterzuladen. Wenn Sie es kostenlos ausprobieren möchten. Und wenn Sie hier auf kostenlose Testversion klicken oder Sie können von tumult Typ upgraden. Wenn Sie bereits eine frühere Version von Hype gekauft haben, können Sie tatsächlich für nur $49 aktualisieren oder Sie können es voll für nur $99 kaufen. Und das war's. Einmal, ähm, und du weißt schon, und dann jedes Upgrade danach, wenn es in der gleichen Version ist, wie jetzt, ist es Tumult. Geben Sie drei ein. Wenn sie zu vier gehen, könnte das ein kostenpflichtiges Upgrade sein, aber wenn sie 3.5 gehen, ist das in der Regel ein kostenloses Upgrade. So müssen Sie sich nicht darum kümmern, Geld jedes mit jedem einzelnen Upgrade auszugeben, das sie hier tun. Also okay, wenn Sie also auf kostenlose Testversion klicken oder wenn Sie auf jetzt klicken, Das ist eine Option, tatsächlich Tumult Typ herunterladen. Die andere Möglichkeit besteht darin, den App-Store über den Apple App Store zu durchlaufen. Nun, Tamal Typ ist ein Mac basierend auf Lee Anwendung. Sie müssen also einen Mac haben, um ihn tatsächlich herunterzuladen. Ähm, aber ich komme rein und ich werde einfach in das Suchfeld kommen. Ich möchte in Hype tippen und sobald ich aber da ist es, genau da. Hype drei. Und jetzt taucht es mit dem Hype drei auf. Und dann klicke ich auf diesen Hype drei, und dann kaufe ich es dort. Nun, aber Hype drei hier ist nur die Basisversion von Hype. So sind Sie im Grunde nur Kauf es über den App Store, die kleinere Version, Aber dann können Sie es aktualisieren, und dann ist es die Vollversion. Aber Sie müssen es herunterladen Einkäufe bei diesem, und dann kaufen Sie das Upgrade nach. Also liegt es an dir. Wenn Sie dies tun möchten, Upgrades oder Updates, die zu mehreren kommen mit, sie werden automatisch durch den App Store gehen. Wenn Sie also alle Ihre APS und alle Updates über den APP Store verwalten möchten. Dies könnte ein guter Weg sein, und es ist auch einfach, ganz einfach, wenn Sie zu einem anderen Mac gehen, um tatsächlich nur in Ihren Einkaufsbereich zu kommen und neue Versionen von Ihrem APS im Grunde herunterladen und Ihren Mac bereits dazu bringen alle APS, die Sie bereits gekauft haben. Es ist also ein netter Weg, um sicherzustellen, dass Sie alle Ihre Anwendungen an einem Ort haben. Okay, also, sobald ich die kostenlose Testversion alle von hier heruntergeladen habe, wird es auf Anwendung entweder heruntergeladen oder auf meinen Desktop herunterladen. Und dann muss ich das einfach in meinen Applications Ordner ziehen, und das war's. Sobald es in meinem Anwendungsordner ist, dann kann ich hier runter kommen und ich kann einfach auf Hype drei klicken. Und so, sobald der Hype gestartet wird, ist dies der erste Bildschirm, den Sie sehen werden, also beginnt es mit dem Blink Project. Sie haben Ihren weißen Bildschirm hier, Sie haben Ihre verschiedenen Elemente, Ihren Inspektor, Ihre Szenen oben auf der linken Seite, und jetzt können Sie beginnen, Ihre Kurse zu erstellen, so dass wir in die nächste ein Projekt starten und dort mit den Dateien arbeiten 3. 03 Starten eines neuen Projekts: Alles klar , sobald Sie einen Hype ausgeführt haben, müssen Sie zuerst Ihr Projekt speichern. Auf diese Weise wissen Sie genau, wo sich Ihr Projekt befindet. Sie können später öffnen, und dann müssen Sie nur jedes Mal auf Befehl s klicken, wenn Sie eine neue Version davon speichern oder die aktualisierte Version davon speichern möchten . Also werden wir weitermachen und einfach Befehl s hier drücken, oder Sie können zur Datei gehen und dann nach unten gehen, um zu speichern oder so funktioniert. Und jetzt bittet es mich, dieses Projekt in einem bestimmten Bereich zu speichern. Also werde ich voran gehen und das einfach auf meinem Desktop speichern. Und wir werden diese Probe anrufen, sobald ich sie nenne. Probe Treffer. Geben Sie ein. Nun, wenn ich auf meinen Desktop komme und das jetzt abschließe, wenn ich auf meinen Desktop komme, dann haben wir dieses Beispielprojekt. Nun, das Beispielprojekt. Wenn ich dieses Hyper-Projekt hier schließen und einfach auf das Beispielprojekt doppelklicken würde, das genau das Projekt öffnet, wie ich ein Inside des Hype gespeichert habe, und dann kann ich los , und es ist wirklich ein schnelles, äh, offen. Du tust es nicht wirklich. Es braucht nicht viel Zeit. Sie können einfach voran gehen und doppelklicken Sie darauf, hochladen, um, oder doppelklicken Sie darauf. Öffnen Sie es und fangen Sie an, damit zu arbeiten. Jetzt, jedes Mal, wenn Sie Audiodateien, die Sie in Bilder oder irgendetwas bringen, es tatsächlich hält es in Ihrer Ressource ist Ordner, so dass Sie auf über auf der rechten Seite klicken können . Sie können auf Ihre Ressource ist Ordner klicken und Sie können zu all diesen Dateien gelangen. Also, wirklich, wenn Sie diese Dateien im Auge behalten, möchten Sie vielleicht irgendwo eine Kopie davon behalten. Aber wirklich, das Wichtigste ist diese eine Projektdatei, die sicherstellt, dass Sie diese Projektdatei haben und dass Sie diese Projektdatei auch behalten, nachdem Sie Ihr Projekt veröffentlicht haben, um neue Versionen Ihres Projekts zu aktualisieren oder wenn Sie benötigen es, um schnell eine Änderung vorzunehmen, öffnen Sie die Projektdatei und veröffentlichen dann Ihr Projekt und dann von dort hochgeladen . Das ist also der Prozess, im Grunde diese Projektdatei beizubehalten, diese Veröffentlichung der Ausgabe dieses Projekts zu aktualisieren und dann dieses Projekt auf die Website hochzuladen oder darin zu importieren. iBooks, Autor, was auch immer Methode, die Sie tatsächlich gehen, um diese Hype Anwendung hier zu liefern. Also, so gehst du in und wie du ein neues Projekt startest und wie du das Projekt speicherst wie du das Projekt öffnest, Junge, einem späteren Zeitpunkt. 4. 04 Die Benutzeroberfläche erkunden: In Ordnung jetzt, gehen wir weiter und erkunden die Benutzeroberfläche ein wenig. Machen wir uns damit vertraut, wo alles so ist. Und so, als wir mit dem Bau beginnen, waren diese Projekte vertraut damit, wo sie zu allem kommen konnten. Das erste, was Sie sehen, wenn Sie ein neues Projekt starten und das Projekt gespeichert haben Ihre Szenen auf der linken Seite. Jetzt sind die Szenen ah, nette Möglichkeit, Ihre Inhalte zu trennen. Also, wenn du willst, wie wir in dieser interaktiven Karte auf dem ersten Video gesehen haben, wenn du die Karte als Hauptszene hast und dann wirst du in Teile dieser Karte gezoomt gehen , naja, naja, du würdest reinkommen und würden Sie neue Szenen für diejenigen erstellen, die in Teile der Karte gezoomt wurden. Und so können Sie auch Inhalte trennen. Wenn Sie bauen, nehmen wir an, Sie bauen auf interaktiven Lernelementen auf, und dieses interaktive Lernelement hat verschiedene Registerkarten oder Differenzinformationen Will. Sie können diese verschiedenen Szenen verwenden, um tatsächlich zu diesen verschiedenen Elementen in den verschiedenen Informationen zu springen , indem Sie einfach über und klicken Sie auf das Plus-Symbol, mit dem Sie neue Szenen erstellen können . Wir gehen später mit Szenen weiter in die Tiefe. Aber das nächste sind die Layouts. Jetzt sind die Layouts nicht standardmäßig hervorgehoben. Aber wenn ich hier reinkomme und darauf klicke, dann wird es mit den Layouts geöffnet und wir werden über Layouts ausführlicher sprechen. Aber es ist nur eine Möglichkeit, verschiedene Breakpoints auf Ben erstellen zu können. Passen Sie Ihre Inhalte in Abhängigkeit von diesen Bruchpunkten an. Wenn Sie also möchten, dass etwas auf einem Telefon völlig anders aussieht, dass es ein Tablet macht, würden Sie ein anderes Layout erstellen, und dann würden Sie dieses Layout verwenden, um diese Elemente dort zu erstellen, um, und ordnen Sie diese Elemente und unterschiedlich auf den verschiedenen Geräten in verschiedenen Bruchpunkten. wir hier über die Spitze kommen, werden wir in den Abschnitt „Elemente“ kommen. Wenn ich das Dropdown-Feld im Abschnitt Elemente auswähle, haben wir ein paar verschiedene Dinge. Wir haben unsere Textelemente, in denen wir Textschaltflächen, strukturierte Schaltflächen, Bilder, Videos, Audiophile, HTML-Widgets einfügen strukturierte Schaltflächen, Bilder , Videos, Audiophile, können, damit wir externe HTML, um, innerhalb eines Hype und verwenden Sie das, um in den Hype eingebettet. Und dann können wir unsere eigene Form schaffen, damit wir Rechtecke, abgerundete Rechtecke und Ellipsen oder Kreise , und danach haben wir Symbole. Jetzt werden wir über Symbole mehr in der Tiefe sprechen, aber ihre Art, verschachtelte Zeitleisten zu erstellen, so dass Sie es sogar wissen können. Nehmen wir an, Ihre Hauptzeitleiste ist angehalten. Sie können immer noch etwas drehen, unabhängig von Ihrer Hauptzeitlinie. Und wieder sahen wir, dass auf der Karte, wo wir die verschiedenen Züge durchfahren und wir hatten andere , wie das Karussell, das herum und herum und herum ging. Diese waren alle verschachtelt sind verschiedene Symbole, im Grunde mit ihren eigenen Timelines, die sich von Animationen auf ihren eigenen Timelines unterscheiden . Und du hast eine Tasse. Sie haben jetzt zwei verschiedene Optionen. Eins ist das neue Symbol, und eins ist ein neues, dauerhaftes Symbol. Ah, wir werden darüber mehr in die Tiefe reden, aber das hartnäckige Symbol. Wenn Sie mehrere Szenen haben und ein Symbol erstellen, wird es einfach zu einer dieser Szenen hinzugefügt. Ein persistentes Symbol fügt es automatisch jeder einzelnen Szene hinzu. Es ist also schön, wenn Sie einen Hintergrund oder etwas haben und ihn nicht in jede einzelne Szene kopieren und einfügen möchten . Wir werden als dauerhaftes Symbol hinzufügen, dass es auf jeder Szene automatisch sein wird. Ich werde vorsichtig damit sein, falls du verschiedene Dinge verstecken und zeigen willst. Aber wenn Sie es in jeder einzelnen Szene automatisch haben wollten, ist das die Art, wie Sie es tun würden. Also das andere Element ist die Gruppe, die wir ungroomed haben wir nach vorne bringen bringen diese Luft normalen Anwendungen oder normale Elemente, die Sie verwenden können, und so ziemlich jedes Werkzeug. Vergrößern und dann haben wir auch eine Vorschau. Jetzt wird die Vorschau den Standardwert oder was auch immer verwenden. Ihr Standardbrowser ist Minus-Safari. Aber wenn Ihre Standardbrowser Chrome oder etwas, können Sie dort ein Chrome-Symbol sehen. jedoch Sie könnenjedochauch Best Practice, um dies und so viele Browser zu testen, wie Sie können. Ah, und Sie können immer noch diese Drop-Down-Box sehen. Und diese Dropdown-Box ermöglicht es mir, es in anderen Browsern zu testen, die ich auf diesem Computer installiert habe . Also, zum Beispiel, Firefox und Chrome, ähm, und ich könnte das tun. Ich kann einfach im Grunde die Dropdown-Box auswählen und dann Fire Boxer Chrom auswählen, und es wird mein Projekt innerhalb von dort in einer Vorschau anzeigen. Nun, eine Short-Cut-Taste ist Thekla bemannt inter Symbol oder Befehl Eingabetaste. Und wenn Sie das auswählen, ohne dass Sie hier oben kommen und auf diese Schaltfläche klicken, wird es Ihren Kurs in der Vorschau anzeigen, damit ich Befehl drücken kann, geben Sie ein und dann wird es geöffnet. Ich habe es auf meinem anderen Fenster hier, aber es wird mit der Vorschau öffnen und da gehen wir. Also, jetzt kann ich einfach Befehl eingeben wieder drücken und es wird aktualisiert, wenn ich dort geöffnet habe. Das nächste ist mein Inspektor, wenn ich meinen Inspektor ausschalten und einschalten, dann ist es dieses rechte Panel und es hat viele verschiedene Elemente und Inspektoren, über die wir ausführlicher reden werden. Also, Dokumenteninspektor. Ah, hier füge ich Aktionen hinzu. Dies ist, wo ich Physik verwende, wo ich auf verschiedenen Give-Labels zu meinen verschiedenen Elementen auf der Bühne hinzufüge . Dies ist auch, wo ich die Dinge flexibel und reaktionsschnell und füge Gerechtigkeit Größe für meine Bühne und alles hinzu. Also, das ist etwas, mit dem du viel arbeiten wirst und damit mehr zu Tode gehen wirst. Das andere Element auf der obersten Seite hier ist die Ressource ist dies nicht standardmäßig hervorgehoben . Aber wenn ich darauf auswähle, wird dies mir eine Liste aller meiner Ressourcen geben, so dass jedes Mal, wenn ich ein Bild einbringe, jedes Mal, wenn ich eine Audiodatei einbringe, jedes Mal, wenn ich eine Videodatei einbringe, diese werden alle in meiner Ressource ist Ordner und dann könnte ich diese Elemente hier nehmen, ihn per Drag & Drop auf dieser Bühne und sie immer wieder über mehrere verschiedene Szenen oder so etwas verwenden . Hier kann ich auch reinkommen und Job schaffen. Ein Skript funktioniert. Wenn ich also mehr in die Tiefe kommen wollte, um, mit der Fähigkeit, kommt dieser Hype standardmäßig und ich wollte JavaScript und andere verschiedene Elemente hinzufügen, kann ich hier eine Funktion erstellen, und dann Ich könnte diese Funktion für jede andere Aktion jeden anderen Trigger oder so etwas ausführen. Ich kann die Funktion hier erstellen und dann das tun. Nun, das Hinzufügen einer Datei ermöglicht es mir auch, externe Java-Skriptelemente einzubinden. Oh, also, wenn ich zum Beispiel grüne Sock verwenden wollte, zum Beispiel grüne Sock verwenden wollte, oder wenn ich andere Arten von JavaScript einbringen wollte, Jake Worry-Bibliotheken. Ich könnte das im Inneren von hier tun und diese Dateien hier anhängen und dann auch die Vorteile nutzen . Nun kann ich nicht auch Schriftarten hinzufügen. Wenn ich eine benutzerdefinierte Schriftarten habe, die ich tun möchte, kann ich das tun. Innerhalb der Ressource ist das nächste Element ist die tatsächliche Zeit oder die Bühne selbst hier. Dieser weiße Bereich ist also das, was für den Endbenutzer sichtbar sein wird. Sie möchten also Ihr Element hinzufügen. Sie würden es neu anordnen und es im Inneren von hier gestalten. Sie können auch auf Play klicken, und Sie können direkt aus der Timeline auf Aufnahme und verschiedene Elemente klicken. Ähm, jetzt, darüber, gewinnen Sie den Bühnenbereich, obwohl Sie Differenzbalken ziehen können, wenn Sie eine genaue Positionierung erhalten und verschiedene intelligente Guides und alles bekommen wollten . Alles, was Sie tun müssen, ist auf das Lineal zu kommen, klicken Sie darauf, ziehen Sie es nach unten, und das wird Ihnen die Anleitungen zur Verfügung stellen, damit Sie die Dinge eine Zeile anordnen können, Dinge genau wie Sie es jetzt wieder hier unten in der Timeline wollen, Wir haben unser Spiel. Wir haben unsere Platte, und wir werden über Rekord reden, sobald wir in Animationen sind. Ah, Sie haben die Möglichkeit, die tatsächliche Timeline zu ändern, so dass Sie die Timeline vergrößern und sich mit Ihren Animationen und Ihren Keyframes wirklich eingehend auseinandersetzen können. Sie haben auch verschiedene Elemente. Sobald Sie mit dem Einfügen von Dingen beginnen, fügen Sie verschiedene Kreise und Quadrate und andere Dinge hinzu, die Sie animieren möchten . Sie können diese verschiedenen Dinge entlang der Zeitlinie auswählen und dann darunter die Eigenschaften. Nun sind die Eigenschaften im Grunde die Elemente, die Sie animen können, sobald Sie etwas ausgewählt haben . Wenn ich also etwas auf meiner Timeline auswähle, werde ich voran gehen und einfach ein Element hier erstellen, damit ich dir zeigen kann, wie du ein Rechteck auf meiner Timeline, Ähm, oder auf meiner Bühne hier erstellst Rechteck auf meiner Timeline, Ähm, Ähm, , und du kann sehen, dass, wenn ich es nicht ausgewählt habe, nichts in meinen Eigenschaften angezeigt wird. Jetzt gibt es ein Rechteck in meiner Timeline-Ebene. jedoch Ich mussjedochauf diesem Rechteck auswählen, um die Eigenschaften zu sehen, die ich unten animieren kann . Jetzt, wenn ich das ausgewählt habe, kann ich jetzt hier reinkommen und die Deckkraft animieren. Ich kann die linke animieren, die Spitze die Größe, die mit. Aber ich kann auch diese Dropdown-Box und dann Anime auswählen. Ah, ganze Haufen anderer Eigenschaften. Hier haben wir Kontrast, Helligkeit, andere Sachen. Dies sind alle Elemente, die Sie feinden können, und Sie müssen das Bild oder das Objekt ausgewählt haben, um diese Eigenschaften anzuzeigen . Jetzt kann ich hier auch die Sichtbarkeit umschalten, damit ich sie aus- und einschalten kann. Wenn ich mich nur auf bestimmte Elemente konzentrieren möchte, kann ich alles andere verstecken. Dann kann ich es auch sperren, damit ich es nicht versehentlich auswählen und verschieben kann, wenn ich es genau an der Stelle habe, die ich will. Also diese Luft verschiedene Elemente, die Sie mit Ihrer Timeline tun könnten. Das ist nur ein grundlegender Überblick über die eigentliche Benutzeroberfläche. Innerhalb des Tumult, Typ 5. 05 Vorschau deiner Inhalte auf Mobilgeräten: Alles klar. Wir haben kurz darüber gesprochen, wie Sie Ihr Projekt im vorherigen Video unterhalten oder aus der Vorschau aussteigen können, aber wir werden ein wenig ausführlicher darüber sprechen, wie das geht. Also hier kann ich zum Vorschaubereich kommen. Ich kann auf dieses Safari-Symbol klicken. Da Safari mein Standardbrowser ist, kann ich hier die Option zur Vorschau anstelle von Firefox oder die Option zur Vorschau in einem Chrome herunterklappen . Nun, ein paar andere Dinge, die ich tun kann, ist, wenn ich den Tumult Typ reflektieren Anwendung auf meinem Telefon, die Sie über den APP Store bekommen können. Sie können die Informationen tatsächlich direkt auf Ihr Telefon senden. Also, wenn ich hierher komme und das Dropdown-Feld auswähle, was ich tun muss, ist zuerst, auf der gleichen drahtlosen sein. Und so bin ich jetzt im Funkgerät. Mein Telefon ist auf der gleichen drahtlosen Verbindung wie mein Computer. Und da ich es hier habe und ich die Anwendung hier hochgezogen habe, reflektiert der Tumult-Typ. Ähm, es ist eine kostenlose Anwendung. Sobald ich es hier oben habe, dann habe ich die Möglichkeit. Sobald ich die Vorschau ausgewählt habe, um tatsächlich Vorschau auf diesem Gerät, so dass ich die gleiche reflektieren Anwendung auf meinem iPad haben könnte . Und wenn ich das testen wollte, kann ich das tun. Aber für hier, Ich werde voran gehen und einfach auf Jeff Fledermäuse iPhone klicken und dann wird es diese Informationen senden . Sie können sehen, dass es nur automatisch aktualisiert wird, und, ähm, da ist es genau dort. Haben Sie meine Errichtung. Ich weiß, es ist ein wenig schwer zu sehen, aber ich habe mein Rechteck dort, und ich kann tatsächlich alles auf meinem Handy direkt testen. Und das ist alles, was ich tun muss, ist tatsächlich die Dropdown-Box auszuwählen, die Anwendung hochzufahren, und dann funktioniert es automatisch. Und dann könnte es anfangen, es zu testen, ohne dies irgendwo auf einer Website zu setzen oder hochgeladen zu haben und dann zu navigieren Teoh u R l oder etwas mit meinem Gerät und dann getestet . Dies ist viel einfacher, die Anwendung zu haben, das ist, dass der Hype Anwendung auf Ihren verschiedenen Geräten heruntergeladen reflektiert, und dann könnten Sie es von dort testen 6. 06 Zoomen in und heraus: wenn Sie mit dem Tumult-Typ arbeiten und auf verschiedene Teile zoomen möchten und Sie wirklich in die feinen Details Ihrer Animationen gelangen möchten, was sehr viel passiert. Sie möchten das Zoomwerkzeug verwenden, das Sie bemerken, wenn Sie auf der oberen Leiste nach oben zoomen und das Dropdown-Feld auswählen. Hier haben Sie viele verschiedene voreingestellte Optionen. Also verzehre ich in 25 50 75 ah 1 25 den ganzen Weg bis in 3200%. Ah, und das ermöglicht es Ihnen, es wirklich detailliert zu bekommen und sagt Mensch über die bestimmten Elemente aus Ihrer tatsächlichen Animation. Oder wenn ich reinkomme und sagte oder scrollen Sie ein wenig mehr Ah, ich kann sehen, dass das Vergrößern und Verkleinern hat eine kleine Tastenkombination, die der Befehl ist und dass das größere Zeichen oder das weniger, ähm, das weniger als Zeichen. Also, wenn ich hier auf meinem Bühnenbereich Hit Befehl komme und dann nur ein größer oder weniger, als es jetzt hineinzoomen wird, habe ich This ausgelöst ist etwas anderes. Und so wurde es tatsächlich etwas anderes hochziehen. Ich müsste die Tastenkombinationen und Tastenkombinationen für meine Einstellungen innerhalb meiner Systemeinstellungen anpassen , um sicherzustellen, dass keine andere Anwendung die Tastenkombinationen verwendet. Das ist also eine Sache, die man im Hinterkopf behalten muss. Aber im Moment kann ich voran gehen und einfach das Dropdown-Feld verwenden, um auf die verschiedenen Elemente zu zoomen. Und jetzt, sobald ich das habe, kann ich reinkommen und einfach herumblättern, mit meiner Maus blättern und diese verschiedenen Elemente hier sehen. diese Weise kann man hineinzoomen, um wirklich zu einem feinen Detail zu gelangen. Jemand untersucht ein bisschen mehr. Äh, Sie können sehen, dass ich direkt an die Form kommen könnte und genau sehen kann, wie man diese Form modifiziert , oder C. Okay, was ist mit dieser Form los? Und ich kann da reingehen und es anpassen, wodurch ich hineinzoomen kann. Und dann könnte ich wieder rauszoomen. Nur wenn du zu 100% zurückkommst, wird mich zur tatsächlichen Größe seines Jetzt zurückbringen. Ich habe keine Reaktionsfähigkeit oder so etwas geschaffen, aber wir werden später darüber sprechen . Also, was? Ich bin tatsächlich hier gesehen wird die Größe der Animationen sein, sobald ich es veröffentlichen. So zoomen Sie hinein und verwenden Sie Ihren Mund für Ihr Projekt. 7. 07 Mit Formen arbeiten: Alles klar. In diesem Video werden wir über die verschiedenen Arten von Formen sprechen, die Sie innerhalb des tamalen Typs verwenden können . Und es gibt im Grunde drei verschiedene Arten von Formen. Es gibt ein Rechteck, ein abgerundetes Rechteck oder Ellipsenwerkzeug oder ein Kreiswerkzeug. Im Grunde, jetzt, aus diesen Werkzeugen können Sie dann gehen und Sie können manipulieren. Sie können dann hineingehen und auf Ihre eigenen Farben und andere Sachen hinzufügen. Aber das waren die drei grundlegenden Werkzeuge, so dass Sie das für transparente Hintergründe verwenden können. Sie können das für ah Grady in Farbe verwenden, Hintergrund gesendet oder jede andere Art von Form, die Sie innerhalb von Tumult Typ möchten. Die Art und Weise, wie Sie eine Form innerhalb des Tumulttyps hinzufügen , ,ist, indem Sie in das Elementfeld kommen und unter diese Linie fallen . Hier auf der Dropdown-Box gibt es ein Rechteck abgerundetes Rechteck in einem Lippenstuhl. Wir werden weitermachen und nur ein Rechteck-Werkzeug hinzufügen. Jetzt, wenn dieses Rechteck-Werkzeug ausgewählt ist, werden Sie unten ein paar Dinge bemerken. Wir haben jetzt unsere Immobilien. Diese lüften die Eigenschaften, die betroffen sind, die Sie mit der Animation auf dasObjekt, das Sie selektiv haben, beeinflussen können Objekt, das Sie selektiv haben, Das Objekt, das wir derzeit ausgewählt haben, ist das Rechteck-Werkzeug. nun Wenn ichnunauf die rechte Seite komme, die Thean Specter Fenster ist, habe ich hier verschiedene Elemente, die ich über das Rechteck ändern kann. Jetzt müssen Sie sicherstellen, dass Sie dieses Rechteck ausgewählt haben, aber Sie werden feststellen, dass dieses Shapes eins ist, d. h. die Elemente, Inspektor, Um, und dieser Elementinspektor ermöglicht es Ihnen, die Form von das Objekt, das Sie über die Farbe der verschiedenen Elemente ausgewählt haben, die Eigenschaften dieser Form. Das erste, was Sie sehen, ist der Hintergrund. Jetzt kann ich das Drop-Down-Feld von Color Teoh Radiance oder Bild auswählen, wenn ich ein Muster habe. Wenn ich wollte, wie ein Holzmuster oder so etwas, na ja, Sie können ein Holzmusterbild finden und dann hier zum Bild kommen und dann auswählen, welches Bild ich tatsächlich ersetzen oder wiederholen möchte oder So etwas. Farbe ist eine einfarbige Farbe, oder wenn ich in Glaubwürdigkeit komme,werde es mich haben. Farbe ist eine einfarbige Farbe, oder wenn ich in Glaubwürdigkeit komme, Ah, es wird zu Farben, die es mir erlauben, eine obere Farbe und dann eine untere Farbe zu haben. Und dann kann ich auch die Drehung dieses Grady-Ints anpassen. Kaufen Sie einfach die Eingabe in die Zahl hier oder nehmen Sie einfach diesen kleinen Kreis auf, nehmen Sie das Zifferblatt und passen Sie die Diallo gut, also werde ich einfach bei einer normalen Farbe bleiben. Ich werde den Farbwähler auswählen, und dies ist ein Standard-Apfel-Farbselektor, so dass ich hierher kommen und verschiedene Elemente anpassen kann , wenn ich den Hex-Wert eingeben wollte. Wenn ich eine bestimmte Farbe habe, die ich verwenden möchte, kann ich einfach hier reinkommen und den Hex-Wert direkt dort eingeben. Und das nächste ist die Grenze. Die Grenze ermöglicht es mir, die im Grunde die Bar anzupassen, die um den Strich geht, der um die Form geht und ich un ausgewählt, so dass ich dies ein wenig besser sehen kann. Und Sie können sehen, dass es nur eine helle, dunklere graue Farbe ist. Ich werde voran gehen und ich werde die Breite des Ereignisses erhöhen, bis das mit Ereignis. Jetzt konnte er es ein bisschen besser sehen. Ich konnte diese Grenze um die Form sehen. Es erlaubt mir, zu gehen und diese Form anzupassen oder einfach nur die Form umreißt. Im Grunde jetzt, wenn ich den Radius dieser Grenze anpassen wollte, kann ich hier reinkommen und ich konnte den Radius hoch, und so beginnt es eine kleine abgerundete Kurve zu machen. Aber es wirkt sich nur auf den Radius aus. Wenn ich auch die Grenze beeinflussen wollte, dann müsste ich da reinkommen und ein abgerundetes Rechteck hinzufügen. Es wirkt sich nur auf den Radius der Grenze selbst aus. Das ist etwas, was man jetzt im Hinterkopf behalten muss. Wenn ich nur bestimmte abgerundete Ecken an bestimmten Objekten oder bestimmten Seiten des eigentlichen Rechtecks haben wollte , werden Sie einfach hier auf diese Weise deaktivieren, es wird nur, ähm, bestimmte Bereiche haben ähm, und kämpfen überprüfen Sie hier und dann kann ich den Radius anpassen. Ich bin nur in diesem Bereich, damit du sehen kannst, dass ich den Radius oben rechts runter genommen habe . Ich nahm den Radius auf Null. Jetzt, da es auf Null ist, hat alles andere eine abgerundete Ecke. Bis auf die eine Seite. Diese eine Seite hat nur eine quadratische Ecke, so dass ich jetzt hier reinkommen werde. Ähm, und ich kann die Farbe des tatsächlichen Rahmens anpassen, indem ich diese Farbe hier auswähle. Ähm, eigentlich, lassen Sie mich einfach auf alle umstellen. Sie müssen diese hintere Zehe überall in der Mitte wechseln, und ich werde die Farbe des Rahmens ändern, indem Sie auswählen, dass das gleiche Dropdown-Feld ist . Lassen Sie uns voran gehen und diese zu einer dunkleren Farbe und das wird die Farbe dort hoch. Nun, indem Sie Ihre eigenen Formen verwenden, anstatt zu versuchen, wie, Formen innerhalb des tamalen Typs neu erstellen Anstatt Bilder aus dem Fotoshop oder so etwas zu bringen , werden wir mit der Dateigröße helfen. Also, wenn Sie es ein wenig kleiner machen wollen, versuchen Sie, Formen und Farben direkt an der Seite von hier zu verwenden. Und vor allem mit dem Button, wenn Sie versuchen könnten, die Tasten innerhalb des Tumulttyps zu beeinflussen , erhalten Sie immer noch die gesamte Funktionalität der Tasten, den Hover-Zustand über den Down-Zustand und alles. Also werde ich hierher kommen und jetzt können Sie die Deckkraft eines Objekts ändern, wenn Siedas Ah, ein bisschen transparent machenwollen das Ah, ein bisschen transparent machen . Ich kann es jetzt nicht wirklich sagen, aber wenn ich hierher komme, dupliziert es tatsächlich die Form. Und du könntest sehen, dass ich jetzt dupliziert habe, wenn ich eine andere Form habe oder überlege, das ist, wo ich das sehen kann. Ja, da ist jemand passiv dran. Wenn ich die Deckkraft etwas tiefer nehme, werden Sie feststellen, dass sie dort fast verschwindet. Denken Sie nun daran, dass es jederzeit Hype, tatsächlich, tun Sie etwas, das Hype, das bedeutet, nicht funktionieren in einigen Browsern. HaiF wird Sie tatsächlich davor warnen. Also gibt es dieses kleine gelbe Symbol direkt über der Deckkraft. Lassen Sie uns voran und klicken Sie auf das jetzt sagt es uns in AII Achter. Die Deckkraft wird nicht angezeigt, wenn Ah, Eckrundung vorhanden ist . Ah, Hintergrund strahlend oder ein Kastenschatten angewendet. Jetzt habe ich gegessen. Also, wenn Sie sich Sorgen um AII Achter machen, wenn das etwas ist, das Sie wissen, dass Sie versuchen zu adressieren, versuchen Sie, um, ich e acht und darunter zu zielen . Vielleicht möchten Sie, dass Zehe berücksichtigen. Wenn du weißt, dass du dir nur Sorgen machen wirst, dh neun und darüber, was ich neun bekomme, hat viel mehr Unterstützung für Sachen. Nun, dann ignorieren Sie einfach, dass Sie einfach voran gehen und entlassen, und einige werden immer noch diese Warnung zeigen. Aber das ist nur etwas, das Hype versucht, Sie wissen zu lassen, dass das Sprichwort , Hey, das wird nicht vollständig innerhalb von I e 8 funktionieren, wenn Sie versuchen, sich darauf zu konzentrieren, Okay, also das nächste ist der Schatten. Lass uns eine dieser Formen loswerden. Wir bleiben nur bei einem. Ich werde die Deckkraft wieder dorthin steigen, wo sie zu 100% war, und ich werde den Schatten nehmen. Ich werde ein paar verschiedene Elemente ändern. Es gibt ein paar verschiedene Dinge, die ich damit machen könnte. Ich kann diesen kleinen Kreis hier in der Mitte nehmen, und ich kann das anpassen, indem ich ihn hinüberziehe und du wirst bemerken, dass er diesen Schatten erzeugt . Je weiter ich weitergehe, desto weiter der Schatten, der Abstand zwischen diesem Quadrat und dem Schatten geht tatsächlich. So ermöglicht es mir, visuell Dragon Drop anpassen oder es kann hier kommen und nur in bestimmten Zahlen eingeben . Wenn ich eine bestimmte Zahl will, werde ich voran gehen und sagen, Lass uns drei x machen und eine kleine Unschärfe machen, die wir haben wollen. Die Sache mit dem Schatten ist ja, es erstellt im Grunde eine doppelte Form. Wir wollen ein wenig Unschärfe haben, denn das ist typischerweise, was Schatten sind. Jemand hatte eine Fünf, und dann komme ich hier rein und fügte drei für das Warum hinzu. Und jetzt, wenn Sie in die Farbe kommen, jetzt die Farbe, werde ich anpassen. Im Moment ist es wirklich dunkel. Es ist wirklich schwarz, also werde ich voran gehen und nur das, um ein bisschen leichter zu sein. Ich möchte, dass der Schatten nur ein wirklich Lichteffekt ist, und so, durch die Anpassung der Leichtigkeit des Schattens, es macht es so. Es ist nicht so ein harter Schatten da. Jetzt kann ich hier reinkommen, und ich kann einige der Filtereffekte jetzt in jeder dieser Arten von Effekten anpassen. Sie daran, dass, sobald wir in den Animationsbereich des Hype gelangen, Sie diese verschiedenen Elemente animieren können, so dass Sie einen Schatten animieren können, der sich über bewegt. Wenn Sie einen Sohn simulieren wollten und sich die Sonne bewegt, bewegen sich auch die Schatten der verschiedenen Objekte. Nun, das kannst du mit Hype animieren. Dasselbe mit diesen Filtern. Wenn Sie die Unschärfe animieren möchten, wenn Sie die Sepia, dieSättigung, den Farbton, Helligkeit, Kontrast animieren Sättigung, den Farbton, Helligkeit, Helligkeit, möchten. Das waren alle verschiedene Eigenschaften, die Sie innerhalb des Tumulttyps feinden können. Und das ist nur eine Sache, die Sie beachten müssen, wenn Sie dieses Zeug anpassen, das Sie animieren wollten , unbelebt wie die Deckkraft. , was zu diesen verschiedenen Elementen geht, ist das, was du animierst Das ist , was zu diesen verschiedenen Elementen geht, ist das, was du animierst. Okay, damit ich mich anpassen kann. Diese verschiedenen Gegenstände werden später mit denen spielen. Aber wenn ich völlig außer Kontrolle komme und ich alles durcheinander mache, da ich versuche, dies zu beeinflussen während anstatt zu versuchen, sich zu erinnern, was die Differenz-Standardelemente, wo ich einfach auf Reset-Filter auf Standardwerte klicken könnte und das wird zurück zum Standard gehen Filter selbst und dann haben wir ein paar verschiedene andere Elemente Der nächste Abschnitt ist die Reflexion, die es uns erlaubt , auf eine Reflexion eines beliebigen Objekts hinzuzufügen, das wir ausgewählt haben. Ich kann die Tiefe machen und dann kann ich den Offset machen. Ah, wie weit ist die eigentliche Reflexion entfernt? Also, wenn du es so aussehen lassen wolltest, als wäre es auf einer bestimmten Oberfläche, und dann war diese Oberfläche reflektierend und du wolltest es. Und die Reflexion auf dort tumult Typ ermöglicht es Ihnen, das zu tun, was wiederum, auch, Sie können die Reflexion animieren, so dass Sie diesen Feind in animieren und verschiedene Dinge wie das einige tun können . Alles klar, das sind Formen. Wissen Sie alles, worüber wir mit Rechtecken und abgerundeten Regie unsere gilt für abgerundete Rechtecke gesprochen haben . Alles, worüber wir gesprochen haben, gilt auch für das Ellipse Tal. Jetzt gibt uns das Ellipsen-Tool keine Option. Das einzige, was anders ist, gibt uns nicht die Möglichkeit, den Radius anzupassen , denn das ist der Kreis Ungerechtigkeiten über die Höhe des Radius, der es ist. Also jetzt. Wenn ich die Formen anpassen wollte, kann ich mich einfach an den Lenkern ausstrecken, und ich könnte das so weit machen, wie weit ich gehen kann, Ähm, Ähm, und dann kann ich auch, wenn ich wollte, halten Sie die Proportionen davon, ich halte nur die Shift-Taste gedrückt und dann eine der Ecken und zog einfach heraus. Jetzt, sobald ich das getan habe, ist es jetzt in der Größe es proportional und behält seine, Ah, Ah, auf meine hält eine proportionale, im Grunde, egal welche Größe es ist, und ich kann es genau die genaue Größe machen, die ich etwas mit der Ellipse will. Wenn ich das packen und das ein bisschen größer machen wollte, könnte ich das auch tun. Jetzt können Sie diese Arten von Formen tun. Sie können ein paar davon abhängen. Sie können sie bearbeiten, damit Sie den gewünschten Shape-Typ abrufen können. Denken Sie daran und bedenken Sie auch, wie ich bereits erwähnt habe, dass je mehr Formen Sie verwenden und je weniger Bilder Sie einbringen, desto kleiner wird die Dateigröße sein. Das ist einer der Vorteile des Versuchs, Formen I zu verwenden, anstatt Ihre eigenen Bilder für alles dort einzubringen. Also, aber wir haben immer noch alle anderen Elemente. Wenn es um Lippen, Hocker und abgerundete Rechtecke geht , erlaubt es uns im Grunde, all das so ziemlich gleich zu halten. Sie sind in Ordnung. So erstellen Sie Formen innerhalb von Tamal, geben Sie 8. 08 Objekte anordnen: Alles in Ordnung. Wenn Sie also diese verschiedenen Formen auf Ihrer Bühne haben und sie neu anordnen möchten, gibt es ein paar verschiedene Optionen, die Sie innerhalb des Tumulttyps tun können. Die erste Option besteht darin, diese verschiedenen Elemente auszuwählen. Gehen wir weiter in Nestle, nur damit wir den Unterschied hier erkennen können. Ich ändere die Farbe, ändere den Kreis, um zu lesen. Ich möchte dieses abgerundete Rechteck in ein bisschen grün ändern, und wir behalten das Rechteck dahinter, die gleiche Form. Also okay, Sie können sehen, dass der rote Kreis vor allem anderen steht und wir haben das grüne abgerundete Rechteck, das in der Mitte ist, und dann haben wir das große Rechteck, das hinter allem anderen steckt. Also, wenn ich diese Runde bringen wollte oder das ist ein Rechteck, das große Rechteck vor allem jetzt gibt es eine Abkürzungen, die ich tatsächlich nehmen kann ohne auf die Timeline zu kommen und das über alles ziehen zu müssen. Ich kann das tun, wenn du es wolltest. jedoch Oben oben befindet sichjedochdiese vordere Taste, und das von Button nimmt das Objekt, das Sie ausgewählt haben, und bringt es automatisch nach vorne. Also, indem Sie auswählen, dass es vor den Kreis gebracht hat. Es wird vor das abgerundete Rechteck gebracht, und jetzt ist das oben auf der Timeline. Also auf der Timeline hier haben wir das Rechteck oben da oben. Nun, das gleiche, wenn Sie es nach hinten bringen, ist, dass Sie tatsächlich sehen können, was dieses Objekt ausgewählt hat. Du kannst einfach da hinten schlagen, und wir bringen es den ganzen Weg nach hinten hinter jedem Objekt. Also, wenn Sie eine Zeitlinie haben, die ziemlich groß ist und Sie mehrere verschiedene Ebenen haben. Nun, mit diesen Schaltflächen, wenn Sie ein Element nehmen wollten, das Sie es nach vorne bringen wollten, bearbeiten Sie es und bringen Sie es dann nach hinten. Dies ist eine gute Option für Sie in der Lage t Einfach diese verschiedenen Elemente neu anordnen. Jetzt gibt es nicht nur eine bringen nach vorne. Sobald es vorwärts kommt, wird ein anderer und alles so ist nur diese beiden Tasten es einfach nach vorne bringen oder den ganzen Weg zurückbringen. Wenn Sie jedoch nur eine Ebene nach dem anderen machen wollten , dann kommen Sie einfach auf die Timeline selbst und ziehen und neu positionieren. Du nimmst das einfach und bewegst es. Wir arrangieren es in dieser Reihenfolge, wo immer ich wollte. Dort funktioniert das ein wenig besser, aber so arrangieren Sie Ihr, was auch immer es ist, wenn es ein Bild ist. Wenn es sich um ein Video seiner Audiodateien handelt, so arrangieren Sie Ihre Timeline, bringen Sachen nach vorne, nehmen Sachen nach hinten oder einfach nur bestimmte Ebenen auf einmal neu anordnen. 9. 09 Gruppierung: Alles klar. Also, wenn ich verschiedene Objekte habe, die ich gruppieren möchte, um diese Objekte zu verschieben oder diese Objekte alle zu einer Zeit zu verstecken, so muss ich nicht durch ah gehen, Schaltfläche, die mehrere Ebenen hat und einzeln ausblenden. Wenn ich mich nur auf ein Element konzentrieren wollte, möchte ich diese individuell ausblenden. Sie können einfach die Gruppe nehmen, und dann kann ich sie von dort verstecken, ohne ein Symbol erstellen zu müssen. Nun, Symbol ist eine andere Art, es zu tun. Aber ein Symbol erzeugt nur eine völlig neue Timeline. Ich will das nicht damit machen. Ich möchte nur einige Elemente zusammenfassen und gruppieren. Also werde ich hierher kommen und verschiedene Gegenstände auf der Bühne auswählen. Also möchte ich mein abgerundetes Rechteck auswählen und hierher kommen, und es ist wie das große Rechteck, und dann komme ich hoch und klicke auf Gruppe. Jetzt werden die verschiedenen Elemente benötigt, die ich innerhalb meiner Timeline ausgewählt habe, und es wird es in die Seite eines Ordners legen. Jetzt kann ich auf diesen Ordner doppelklicken, und ich kann einfach ändern, was ich will. Sagen wir mal, das ist der Hintergrund und ich werde diesen Hintergrund hier haben und jetzt kann ich dann das kleine Twirly Ding auf der Seite des Menüs oder innerhalb des Ordners nehmen, und ich könnte das auswählen. Und dann wirbelt es alles nach unten, so dass ich immer noch alle verschiedenen Elemente in hier sehen kann . Aber es erlaubt mir zumindest, den Hintergrund neu anzuordnen, indem ich dieses ein Element ziehe und ablege . Und es hat all das Zeug, das in dieser Gruppe ist. Das sind also die verschiedenen Elemente. Wenn ich wollte, kann ich auch hier reinkommen und andere Dinge mitnehmen. Wenn ich es später innerhalb einer Gruppe hinzufügen wollte, kann ich das wie diese Ellipsenform greifen. Wenn ich das innerhalb des Hintergrunds hinzufügen wollte, lass mich das einfach packen, Mauszeiger über im Hintergrund fahren und dann loslassen. Und jetzt ist das Ellipsen-Werkzeug jetzt in der Gruppe. Wenn ich dann UN-Gruppen-Zeug wollte. Wenn ich mich für OK entscheide, funktioniert das nicht. Lassen Sie uns voran und auf Gruppe gehen und haben die verschiedenen Elemente zeigen, warum diese Hintergrundschicht auswählen kann , kommen nach oben und klicken Sie dann auf Gruppe. Und dann werden wir einfach im Grunde nehmen diesen Ordner auf, Nehmen Sie alle Elemente in diesem Ordner und dann un Gruppe ein Einkaufszentrum, und jetzt können Sie ihn innerhalb unserer verwenden. Jetzt sind sie alle nur separate Schichten innerhalb Ihres Tumult-Typ-Projekts hier. So nehmen Sie verschiedene Elemente heraus und gruppieren Sie, ähm, ähm, setzen Sie sie nicht in Symbole, sondern wie Sie gruppieren und dann, wie Sie andere Dinge zur Gruppe hinzufügen und dann, wie Sie die Gruppe zu einem späteren Zeitpunkt rückgängig machen . 10. 10 Arbeiten mit Text: Alles klar, jetzt werden wir darüber reden, wie man Formen baut, wie manRechtecke benutzt, Rechtecke benutzt, abgerundete Rechtecke benutzt und wie man deine Lippen benutzt. Hatte eine Gruppe, die sie arrangieren und verschiedene Dinge wie diese. Nun gilt die Gruppierung in der Anordnung für alle verschiedenen Elemente, die Sie auf der Bühne verwenden können . Also, wenn Sie Text verwenden, wenn Sie Video verwenden, wenn Sie ein Audio oder ähnliches verwenden, gilt das alles , und es wird dasselbe sein. Jetzt werden wir darüber reden, wie man Text benutzt, oder dann reden wir über Audio und Video und andere Dinge wie diese. Also lasst uns voran gehen und uns zuerst auf Text konzentrieren, wie man Text einfügt, wie man Text zum Aktualisieren von Text verwendet. Also möchte ich in den Elementbereich kommen. Ich gehe voran und klicke auf Miss Dropdown-Feld und wähle dann den Text aus, und das wird ein Textelement zu meiner Bühne hinzufügen und wirklich alles von hier. Alles, was sie tun müssen, ist nur anfangen zu tippen. Also werde ich einfach einen Text einfügen. Dies ist ein Beispieltext, und es wird automatisch nur diesen Text nehmen. Was auch immer Sie mit der Eingabe beginnen und wird es auf die Länge des Textes ausdehnen. Nun, wenn ich wollte, wenn ich in Text komme in der netten um, Ich wollte einen bestimmten Bereich dieses Textes ausstrecken. Das kann ich auch. Jetzt ist der Unterschied, dass es sich einfach selbst füllen lässt und das mit zu nehmen, jetzt das ich hier reinkomme oder das mit nehme und es automatisch so dimensioniert. Jetzt, wenn ich hier reinkomme und ich beginne, es automatisch zu ändern, sobald ich drücke, geben Sie zu dieser Größe dort ein, so dass die automatische Größe genau so wird, wie Sie mit der Eingabe beginnen. Das ist das mit der tatsächlichen Größe. Wenn Sie die Größe des Rechtecks angeben, bevor Sie mit der Eingabe beginnen, oder das Quadrat, was auch immer es ist und von Ihrem Text, dann nimmt es nur diese Größe. Und dann kann es, wie Sie tippen, das könnte aussehen, als wäre es länger gedauert, aber sobald Sie eingeben, dann wird es einfach im Grunde nehmen, dass und es in die nächste Zeile als auch. Also werde ich das vorerst löschen. Aber als ich tippte. Es gibt auch etwas anderes, das kam. Wenn ich hier reinkomme, wir den Texaner einfach bei einem neuen Text hier loswerden. Dies ist ein Beispieltext, und wie ich hier eingegeben habe, werden Sie bemerken. Direkt unter diesem Text ist ein kleiner Bleistift. Nun, dass Bleistift, wenn ich anklicke, öffnet ein wenig Pop, ein kleines Pop-Open-Fenster und es sieht so ziemlich das gleiche hat den gleichen Text. Du fragst dich also, warum was der Unterschied da ist? Warum tippe ich es nicht einfach auf die Bühne? Nun, der Unterschied ist, mit diesem kleinen Pop-up-Fenster, können Sie tatsächlich HTML-Tags in hier einfügen, und das wird den Angriff verwenden. Also, wenn ich zum Beispiel markieren oder fett, zum Beispiel markieren oder fett, das ist, sagen wir, wir wollten hinzufügen, dass anstelle von starken Tags, ich werde voran gehen und einfach eine starke Steuer eintippen und dann am Ende von es. Wir gehen weiter und schließen das starke Etikett und du wirst es jetzt auf dem Text bemerken. Es ist ein bisschen schwieriger, auf dem Bildschirm zu sehen, aber es steht, dass es jetzt in Schraube ist. Es kann hier reinkommen und lassen Sie uns einfach eine kleine Pause hinzufügen. Also werde ich Br Schrägstrich addieren und dann werde ich das beenden und Sie bemerken, dass automatisch sogar innerhalb dieses kleinen Pop-up-Fensters wissen, es keinen Unterschied gemacht hat. Aber anstelle des eigentlichen Textes selbst, das Rendering brachte es, dass eine Pause hinzugefügt. Und so brachte es diese Linie. Ähm, dass zwischen dem alles, was nach dem Bruch der Br, es brachte es in die nächste Zeile. Und jetzt hat es tatsächlich, dass hier drin, können Sie Ihre eigenen HTML-Tags hinzufügen und bauen Sie Ihre eigenen HD oder verwenden Sie Ihre eigenen HTML-Tags darin Symboltyp. Das ist ein riesiges und nettes Feature in der Lage zu sein, das zu tun, so dass Sie I bestimmte Elemente stylen können. Wenn Sie nur wollten, dass bestimmte Text eine bestimmte Farbe hat. Sie wollte, dass bestimmte Steuern mutig sind. Sie können das innerhalb von hier tun Jetzt können Sie auch kommen, indem Sie den Text auswählen. Hier können Sie in die Typografie kommen, Inspector, der Typografie-Inspektor ermöglicht es Ihnen, verschiedene Elemente über den Text zu ändern. Also, wenn Sie hier reinkommen wollten und fett und nur bestimmte Elemente, wenn Sie mit HTML nicht vertraut sind. Ähm und Sie sind wohl damit vertraut, nur das Inspektorfenster zu ändern. Sie haben recht. Die meisten Leute sind Nun, Sie können einfach die verschiedenen Elemente des Textes auswählen, und Sie können hierher kommen und klicken Sie fett kursiv, unterstreichen und verschiedene Dinge tun. Aber was Sie nicht dio können ist, dass Sie nicht wie, ähm, auf Bestellliste hinzufügen ähm, können, so dass Sie, wie, ein Aufzählungslistenelement wie normales HTML haben können wie, . Wenn du das tust, bist du ein Tag, um, oder Ally Tag oder so etwas. Du kannst das nicht tun oder diesen Ach, ganzen Br Tag, den wir hatten, ein, ähm, du konntest das nicht innerhalb von, ähm, innerhalb des Inspektors. Das ist also, wo der Vorteil, HTML bearbeiten zu können, ins Spiel kommt, weil Sie das anstelle des kleinen Pop-up-Fensters tun können , das Sie Kansteiner Verbündeten innen, indem Sie Steuern auswählen und zum Typografie-Inspektor kommen. Aber Sie können keine anderen HTML-Steuer hinzufügen. Sie sind einige der anderen Elemente, die Sie innerhalb der Typografie bearbeiten können, Inspector ist Thea Font-Familie. So kann ich hier reinkommen, kann die Schriftfamilie ändern, egal welche Option ich hier ausgewählt habe, wie wir vorher gelernt haben. Wenn Sie Ihre eigenen Schriftarten hinzufügen möchten, müssten Sie tatsächlich in die Ressource kommen, zum Plus-Symbol kommen zur Schriftart gehen. Und sobald Sie die Schriftarten hinzugefügt haben, sollte sie hier in diesem Fenster angezeigt werden. Aber ich kann die Größe anpassen, die ich in einer bestimmten Größe der Mittel eingeben kann, die ich wollte. Ich kann auch einfach hier reinkommen und dort eine Größe auswählen. Oder ich könnte einfach hier reinkommen und einfach diesen kleinen Schieberegler auswählen, und das wird nur im Grunde einfach nach oben ziehen und es größer machen, wenn Sie nach oben ziehen oder es kleiner machen , während Sie nach unten ziehen. Dann könnte ich hier reinkommen und kursiv schreiben. Sie können auch in der Farbe kommen. Hier ist die hinzufügen mehr Schriftarten, wo es kommen kann, und es erlaubt mir Teoh, das ist Ah, drücken Sie Abbrechen für jetzt, und wir werden hier kommen und klicken Sie auf Hinzufügen mehr Geld und jetzt ist es hat mich meinen eigenen Kunden hinzufügen . Ich könnte durch Google-Schriften gehen. Ich kann jede Art von Google-Schriftart hinzufügen, oder ich kann auf benutzerdefinierte CSS klicken. Jetzt gibt es viele verschiedene Schriftarten auf Google-Fonds. Oder wenn es in diesem Jahr Schriftarten gibt, die bestimmte Mittel sind, können Sie wahrscheinlich etwas finden, das ähnlich auf Google-Schriftarten und dann bringen, dass dort. Und wenn ich auf klicke, kommen wir hier rein und dieses hier. Und wenn ich auf Add Funt klicke, dann wurde diese Schriftart jetzt hinzugefügt. Und so kann ich mich nicht erinnern, wo ich denke, dass das hier ist oder diesen Martel höre. Und das ist derjenige, den ich gerade hinzugefügt habe. Es ist jetzt in meiner Auswahl hier. Wenn ich in meine Ressource komme, ist es genau da. Meine Schriftart wurde zu meinem Projekt hinzugefügt, und einige kann ich sie als Teil der Auswahl dort verwenden. So hatten Sie dort benutzerdefinierte Schriftarten. Oder Sie können auch in und unter das Dropdown-Feld bei Custom CSS kommen, Und dies ermöglicht es Ihnen, das CSS für alle anderen Schriftarten anzuhängen. Das ist eine sehr spezifische Schriftarten, die Sie im Bett verwenden möchten. HTML. Sie können damit tun, dass eingebettete Kopf html, um das einzufügen, und das ist, wie Sie Ihren eigenen benutzerdefinierten Fonds hinzufügen. Jetzt können Sie die Achsen durchführen, Sie können die Achsen von links ausgerichtet zu nur zentrieren wechseln. Sie können auch links tun. Sie haben Recht, gerechtfertigt oder blockieren auch gerechtfertigt. Wenn Sie den Textblock Zeit möchten, können Sie auch den Buchstabenabstand tun. Nehmen wir an, Sie wollten Abstand zwischen den verschiedenen Buchstaben, und das sind die verschiedenen Buchstaben der Wörter, nicht nur die Wörter selbst. Sie können auch Wörterabstände hinzufügen, so dass es mehr Abstand zwischen den Wörtern geben wird, und Sie können auch die Zeilenhöhe hinzufügen. Wie viel Höhe gibt es zwischen der Linie darüber im Vergleich zu der darunter liegenden Linie? Sie können das auch anpassen. Nun, das ist praktisch. Wenn Sie die Größe der Schaltfläche anpassen, müssen Sie möglicherweise die tatsächliche Textbeschriftung der Schaltfläche positionieren. Wir werden darüber reden, sobald wir in die Knöpfe gekommen sind. Möglicherweise müssen wir das anpassen und das auch mit Ihrem Button ändern. Und dann, wie wir es mit unserem Elemente-Panel getan haben, wo wir den Schatten der verschiedenen Objekte anpassen konnten, die wir ausgewählt hatten, können wir unseren Briefen auch einen Schatten hinzufügen. Also kann ich das tun, indem ich auf dieses kleine Kreissymbol klicke und das über ziehe. Ähm, ich kann auch die Unschärfe anpassen. Ich kann die Farbe anpassen, wenn ich wenig Kontrast zur Farbe haben wollte, , und das jetzt anpassen, wenn ich nicht möchte, dass es einen Schatten gibt und dies einfach auf Null bringen all diese verschiedenen Elemente zurück auf Null und dieser Schatten hat wurde entfernt. Aber so fügen Sie Text hinzu, ähm, und eingefügt in Ihr Projekt. Wenndieser Text ausgewählt ist,können Sie dann den Text animieren. dieser Text ausgewählt ist, Sie können es einblenden. Sie können es verschieben, wenn Sie zu bestimmten Zeiten Aufzählungspunkte zum Fliegen wollten. Sie können das auch tun und sagten, dass alle Elemente, die für Formen gelten und auf Bilder gelten , auch für Text gelten. Und so haben Sie nur die Zehe tun, wenn wir in den Animationsbereich kommen. Aber das ist, wie Sie vorerst Ihren Text bearbeiten, wie Sie einige der HTML ändern, einige der verschiedenen Elemente, wie Sie Ihre eigenen benutzerdefinierten Schriftarten und alles innerhalb von Tumult hinzufügen, geben 11. 11 Buttons: Alles klar. Als nächstes werden wir darüber reden, wie man mit Knöpfen in einem Hype arbeitet. Jetzt können Sie Ihre eigenen Bilder mitbringen, wenn Sie möchten, aber in benutztem ism als Schaltflächen und fügen Sie Aktionen und verschiedene Dinge wie das hinzu. Aber Hype hat einige Standardschaltflächen, die Hover-Zustände und Down-Status und alles haben . Wenn Sie also in die Elemente kommen, wählen Sie Panels auf die Elemente, die nach unten kommen, um Schaltfläche. Dadurch wird die Schaltfläche innerhalb Ihres Bühnenbereichs hinzugefügt. Jetzt können Sie sehen, dass es genau wie der Text ist. Da ist ein Bleistift wie auf. Wenn ich dieses Bleistift-Symbol auswähle, könnte ich diese Schaltfläche tatsächlich so formatieren, dass ich die Textbeschriftung innerhalb dieser Schaltfläche möchte , indem ich darauf doppelklicke und ich kann meine eigenen HTML-Tags hinzufügen, genau wie wir es mit unserem Text getan haben. Aber wenn ich das ausgewählt habe, werden Sie etwas bemerken, das ein bisschen anders ist als das, was wir mit ihrem Text gesehen haben, ist , dass wir 100 Zustand unterdrückt acht haben und dann haben wir einen normalen Zustand. Jetzt, mit diesen verschiedenen Elementen ausgewählt, kann ich die Farben ändern und ich kann die verschiedenen Elemente über das ändern, was ich in diesen verschiedenen Zuständen bin , und das wird dann angezeigt, wenn ich schwebe und über oder wann immer ich Ich dränge. Nun, wenn Sie auf dem Handy sind, mag ich, wenn Sie auf einem iPad sind oder wenn Sie auf Android oder so etwas. Ah, der Schweber wird nicht auftauchen. Der Hover wird im Grunde nicht einmal sichtbar sein. An diesem Punkt wird nur das gedrückte angezeigt, sobald Sie es gedrückt haben. Daher ist es wichtig, dass Sie alle drei dieser verschiedenen Zustände für den Hover und die Presse und die Geschenke, die Benutzer aktualisieren Presse und die Geschenke, , irgendeine Art von Hinweis darauf, dass etwas ausgewählt wurde. Also werde ich hier im Normalzustand reinkommen. Ich werde diese verschiedenen Elemente ändern, über die wir bereits gesprochen haben. Ein Element des ersten Elements war nur der Elementinspektor, es uns erlaubt, die Farben der Formen und die Grenzen und verschiedene Dinge wie diese zu ändern . Nun, das ist das gleiche mit einer Schaltfläche ist im Grunde arbeiten wir mit kombinierter ah kombinierter Form, einem Rechteck und einem kombinierten Textelementen, und Sie können innerhalb des Inspektors ändern. Sie könnten die Elemente, den Inspektor ändern , und Sie können die Typografie-Inspektor-Informationen ändern, um die Schaltfläche so ziemlich zu aktualisieren und zu machen . Schau, auch immer du willst, dass es so aussieht, dass ich zuerst in den Abschnitt „Elemente“ kommen möchte, wenn es wie die Dropdown-Farbe ist und das weitergeht und sich in eine grüne Farbe ändert , und ich werde reinkommen, genau wie wir es mit ihre Formen. Ich werde die Grenze entfernen. Ich will nicht, dass die Grenze da ist. Ich möchte die Breite der Grenze gerade nach oben nehmen. Bringen Sie es jetzt auf Null. Es könnte auch nur diesen Stil annehmen, wenn ich einen Stil haben wollte, während solide Double oder so etwas, ich könnte das zu keiner ändern Beide Möglichkeiten funktionieren, wenn Sie einfach den Abwärtspfeil für Null drücken oder das Dropdown-Feld auswählen und wählen keine oder so funktioniert. Also möchte ich in die Typografie kommen und ich mag Weiß auf dem farbigen Hintergrund . Also werde ich voran gehen und tatsächlich den Hintergrund ändern, wo die Typografie ein weißes Label sein . Und so mit diesem weißen Label jetzt kann ich kommen tatsächlich ein wenig verschwommen für meine Ansicht. Aber wir werden es vorerst so behalten. Aber wenn ich auf den Hover State klicke, werden Sie feststellen, dass alles, was ich gerade im normalen Zustand geändert habe, auch auf den Hover und das Pressetermin übergeht . Was ich tun muss, ist, dass sie differenzieren, differenzieren müssen , was anders sein wird mit dem jedoch sagen, was mit dem Pressezustand anders sein wird. Also, wenn die Hover-Zustände ausgewählt sind, werde ich zu meinem l Es ist Elemente Panel zurückkommen. Ich würde die Farbe hier ändern. Ich werde es nur etwas dunkler machen. Und so, wenn es tatsächlich schwebt, kann man sehen,dass wenn es tatsächlich schwebt, kann man sehen, es ein bisschen dunkler ist, und wenn man gedrückt wird, werde ich das gleiche tun oder sogar etwas dunkler machen als das. Also, wenn Sie in den gedrückten Abschnitt kommen, auf die Farbe geändert oder wählen Sie die Farbe und dann machen Sie es nur noch dunkler als das, was es innerhalb des Hovers war . nun Wenn ichnunzurückgehe und meinen Hover überprüfe, können Sie sehen, dass der Hover-Zustand immer noch die gleiche Farbe hat, über die ich gerade ausgewählt habe. Mein normaler Zustand ist die gleiche Farbe wie vorher. Also wieder, alles, was Sie anstelle des normalen Zustands ändern, wird nur für den Fall in die schwebende in der Presse kaskadieren . Aber wenn Sie ein anderes schwebendes, beeindrucktes Element haben wollten, während Sie in den schweben gehen können,können Sie ändern, können Sie ändern, gehen Sie in die Presse und ändern Sie die Differenzelemente in den Elementen, Inspektor. Oder Sie können hineingehen und die verschiedenen Elemente in der Typografie ändern. Und wenn Sie möchten, dass sich der Text ändert, sagen wir, dass, wenn er schwebt, ich möchte, dass der Text ein wenig fett ist. Also werde ich in den Schwebeweg kommen und den Bolzen stilisieren. Und so jetzt bewegen Sie den Text wird ein wenig fett. Aber wenn ich wieder hier reinkomme, ist der Text nicht fett. Also erlaubt es mir im Grunde zu unterscheiden, was ich will. Wenn ich hier reinkomme und einfüge, äh, wenn ich noch etwas Text einfügen wollte,kann ich hierher kommen und einfach das Etikett ändern und dann den Text darüber hinaus haben. Wenn ich hier reinkomme und einfüge, äh, wenn ich noch etwas Text einfügen wollte, Ich kann sogar die Schecks ändern, wenn ich schwebe. Was immer du da machen wolltest. So kommen Sie in und fügen Sie eine Schaltfläche und sagte, Ändern Sie die verschiedenen Elemente in der Schaltfläche. Aber ich kann das Gleiche auch mit meinem strukturierten Knopf machen. Der einzige Unterschied zu meinem Textur-Button ist, dass ich hier reinkommen kann und anstelle einer normalen Farbe. Es ist eigentlich ein Grady in Farbe. Und so kann ich jetzt die verschiedenen Elemente ändern. Ah, die Grady INTS in meinem Knopf hier. Also, wenn eine Änderung der ersten Farbe auf eine Art hellere grüne zweite Farbe zu einem etwas dunkleren Grün. Und jetzt werde ich auch die 10 der Typografie in, ah, weißes Label ändern ah, . Und so lasst uns die Grenze loswerden. Wir haben dort eine Grenze, also wenn Sie die Breite auf Null ändern und da gehen wir. Also, jetzt kann ich in den Schwebezustand kommen und lassen Sie uns einfach beide Elemente des Hafenstaates auf dem Feuerzeug übernehmen . Was? Ich werde das nur ein bisschen dunkler und dunkler nehmen. Eins. Ich mache nur noch ein bisschen dunkler als das. Und da gehen wir. Also jetzt, wenn ich hier rüber komme mein Schweben und meine gedrückt Es gibt einen leichten Unterschied. Ich muss es wahrscheinlich etwas drastischer machen, aber es gibt einen leichten Unterschied mit meinem Hover und meiner Presse dort. Nehmen wir an, ich wollte eine sehr spezifische Form oder weniger. Ich wollte ein Bild und ich wollte, dass gesagt, um verschiedene Hover- und Presse-Staaten als auch. Nun, mit einem Objekt ausgewählt. Wir haben noch nicht über Bilder gesprochen, aber mit einem Knopf, es Objekt ausgewählt. Ich kann tatsächlich hier reinkommen, und ich kann zum Bearbeitungsmenü kommen und nach unten gehen, um Schaltflächen-Steuerelemente anzuzeigen. Wenn ich auf diese Show-Schaltflächen-Steuerelemente klicke, wird es mit meinem normalen, meinem Hover und meinem Druckzustand mit dieser Form geöffnet . Es ist also nicht gerade ein Knopf, aber es ist. Es hat immer noch einen Schwebe- und Unterdrückungszustand, den ich aktivieren kann, und dann kann es hierher kommen und die verschiedenen Elemente über die Form ändern, um den Hover zu aktivieren und den Druck auf jede beliebige Form zu aktivieren, oder jedes Bild, das Ich will auch. Ich kann auch hier reinkommen, und wenn ich die HTML-Elemente nicht sehe, kann ich in die Bearbeitung kommen und ich kann darauf klicken, um es Elemente inneres HTML und diese Papa-Box, die wir vorher mit den Etiketten gesehen haben und was der Text jetzt auf der Textur, so dass ich tatsächlich hier und auf meiner Form kommen kann, kann ich Text in diese Form einfügen. Das bedeutet, dass ich im Grunde HTML-Tags hinzufügen kann, und ich kann andere Elemente hinzufügen. Ich kann sogar einen Augenrahmen oder jede Art von Einbettungscode oder so etwas in diesem HTML machen , und Sie können dies mit jedem Objekt auf der Bühne tun. Sie können den HC-Stecker innerhalb ihrer und wieder bearbeiten, das ist, indem Sie in die Bearbeitungen gehen und dann entweder ah gehen, Schaltflächen-Steuerelemente anzeigen oder Schaltflächen-Steuerelemente ausblenden oder in die Bearbeitungselemente in unserem HTML gehen und ermöglicht es Ihnen, diese beiden Elemente, mit denen wir bereits sowohl mit der Schaltfläche als auch mit dem Text gearbeitet haben. So fügen Sie sowohl den regulären Knopf als auch den strukturierten Knopf ein und wie Sie eine so ziemlich jede Form annehmen und sie in einen Knopf innerhalb eines Tumulttyps konvertieren 12. 12 Bilder: Alles klar, wir haben über Formen gesprochen. Wir haben darüber gesprochen, Knöpfe und Text und alles in der Seite des Tumult-Typs einfügen zu können. Aber wir haben nicht darüber gesprochen, tatsächlich hatte eine Arbeit mit verschiedenen Bildern, die Sie außerhalb gebaut haben , wie in Foto-Shopper, Adobe Illustrator oder so etwas. In diesem hier werden wir darüber reden, wie man ein Bild einbringt. Und das ist im selben Elementabschnitt, mit dem wir gearbeitet haben. Wir werden in die Elemente kommen, würden das Dropdown-Feld auswählen, und dann komme ich rein und wähle das Bild hier aus. Jetzt müssen sie nur noch nach diesem Bild suchen. Ich kann einfach hier und auf meinem Desktop reinkommen. Ich habe hier ein Miniaturbild. Ich wähle einfach offen aus. Und Sie konnten sehen, dass das auf meinem Bühnenbereich eingebracht wurde. Nun, mit dem ausgewählten, kann ich hier reinkommen und es einfach dorthin schieben, wo ich sein wollte. Das ist ein J-Pegs. Ich kann John Geschenke mitbringen. Ich kann PNG-Dateien verschiedene Bilddateien einbringen, und ich möchte. Jetzt von hier aus kann ich reinkommen und die verschiedenen Elemente ändern, die Sie im Bilderhintergrund bemerken werden, dass es tatsächlich eingestellt ist. Es ist wie eine Form. Aber anstatt der Füllstil als Farbe oder Zutaten zu sein, ist es eigentlich nur ein Bild. Und dann haben wir eine andere Option zu skalieren. Um Wiederholungen anzupassen, wiederholen Sie den Vorgang vertikal oder horizontal. Wenn ich ein Muster oder eine Art von Hintergrund haben wollte, wie Sie es normalerweise im Inneren tun, war HTML nur eine Art Maßstab, um zu passen. Was passt eigentlich in meinen Bühnenbereich? Und so und dann ist es nicht wiederholt und was dieses Objekt ausgewählt, wenn ich es zu einem bestimmten Zeitpunkt austauschen wollte , kann ich auf Wählen klicken, und dann kann ich hier kommen und sagen, sagen wir, ich habe J Peg nicht aktualisiert oder PNG aktualisiert. Ich kann da reinkommen, dieses Objekt auswählen und es austauschen. Ich kann auch die Deckkraft der Grenzen anpassen, wenn ich auf die Deckkraft komme, den Schatten, die Unschärfe und alles anpasse . Dasselbe hast du mit den unterschiedlichen Formen gemacht, die dieselben Elemente dort aussagen. Nun, das andere Schöne ist, ich könnte mit SPG arbeiten. Schnee. SPG ist, wenn Sie auf dem Unterschied zwischen J Pegs, P und G bekannt sind , wenn Sie einen J-Pegs und PNG nehmen und Sie es ausstrecken, werden Sie tatsächlich einige Pixelisierung bekommen. Wenn das Bild sehr klein gemacht wurde und du anfängst, es auszudehnen, wirst du etwas Pixelisierung bekommen. Es wird verschwommen aussehen. Es wird verzerrt aussehen oder so etwas. Jetzt, mit SPG es, können Sie tatsächlich nehmen und es so groß wie Sie wollen oder eine kleine machen, wie Sie wollen. Und du wirst keine Art von Verzerrung bekommen. Wenn Sie also mit Illustrator arbeiten, können Sie es speichern. Wie SPG es. Wenn Sie mit Fotoshop arbeiten, dauert es ein wenig anders oder ein wenig anders Ansatz, um mit S. P. G's dort zu arbeiten S. P. . Aber ich werde hierher kommen und ich werde auf das Elemente-Panel klicken, ins Bild gehen und dann in die Form kommen. SPG ist die Datei, die ich auf meinem Desktop habe, und ich werde fortfahren und auf Öffnen klicken. Jetzt gibt es meine Form, und was ich mit dem SPG tun kann, ist, dass ich diese Form wirklich groß machen könnte und man sieht , dass es überhaupt keine Pixelisierung gibt. Und das ist das Schöne daran, deine Dateien zu speichern. Wenn Sie mit Illustrator arbeiten, empfehlen wir, seine S P G s zu speichern, wenn Sie diese Dinge unbelebten Betrag animieren wollen , dauert es ein wenig mehr Dateigröße. Wenn du also nicht animierst, sie zu wachsen, sie kleiner zu machen, so etwas wie das, dann ist es einfach, die P- und G's oder J-Packs zu retten. Aber denken Sie daran, dass alles, was Sie tun, jede Art von J. Peg oder A P und G, die Sie nehmen möchten, die gleichen Praktiken wie normale Web-Entwicklung verwenden, so dass Sie möchten sicherstellen, dass Sie sie für das Web speichern. Du sagst, optimiere sie so weit wie möglich. Und so da Diese Dateigröße ist viel kleiner, weil alles, jedes Bild wie das, wenn es ein wirklich großes Bild ist und Sie es bringen und setzen Sie es Symboltyp gut, das wird Ihr hohes Projekt sogar viel größer machen. Also wollen Sie es so klein wie möglich machen, und Sie tun das normalerweise in Photoshop oder Illustrator oder so etwas, ähm, und dann bringen Sie es in den Tumult Typ. Und dann, wenn ich in Ressource kommen ist, habe ich dann meine Sie können hier sehen, ich habe meine spg dort. Ich habe meine J-Pegs. Und dann habe ich auch die Möglichkeit, Referenz- oder Referenz-Retina-Dateien zu machen. Wenn ich ein Netzhaut-Display haben wollte. Also, wenn ich am iPad oder iPhone arbeite und ich ein wenig schärferes Display bekommen möchte, kann ich das auch tun. Aber denken Sie auch daran, dass das Ihre Dateigröße für Ihr gesamtes Webprojekt dort erhöht. Aber wenn ich hier reinkomme und noch keine Netzhaut habe und ich eine Netzhaut gut hinzufügen wollte, mit diesem Thumbnail ausgewählt, kann ich manchmal auch in die Netzhaut kommen, auch in die Netzhaut kommen, und ich kann reinkommen und Quelldatei hinzufügen. Und da würde ich die Quelle für diesen Daumen hinzufügen. Nun, jetzt sind diese Thumbnails schon groß, die ich bin mir nicht sicher, was jetzt überhaupt Daumen genannt wird, ehrlich, ähm, aber es ist schon groß, um damit zu beginnen, also brauche ich nicht wirklich eine Netzhaut. Aber wenn ich verschiedene Elemente haben wollte, wenn es auf einem Netzhautdisplay ist. Es weiß automatisch, dass und einige einzuziehen. Dann füge ich nur die Quelle dort hinzu. Und da gehen wir. Nun, das hat es sieht klarer, sauberer auf einem iPhone oder iPad oder sehr große Auflösung. Ah, Computer. Also, da gehst du hin. So fügen Sie Bilder ein, wie Sie SPG es beantworten, wie Sie ihn austauschen. Sie können auch hierher kommen und auf das Objekt auswählen, das Sie auswählen können. Das waren, sagt entfernen. Wenn kein Verweis mehr das Objekt entfernt, um Ihren Code zu beschleunigen, wird es das Bild vorladen. Und so, bevor die Interaktion, beginnt unsere Animation sogar zu spielen, bis sie vorinstalliert ist und kann etwas länger die Zehenbelastung in Anspruch nehmen . Um, und dann wird es auch automatisch beim Exportieren optimiert. Also, wenn Sie optimieren wollten, aber wenn Sie den Wind finden, ist er optimiert, wird es. Eigentlich mag man die Verzerrung nicht, die man damit bekommt. Werden Sie einfach deaktivieren, dass hier und dann jedes Mal, wenn Sie ein Bild ersetzen können, ohne etwas zu beeinflussen, was ich in meiner Animation gemacht habe? Also sagen wir, ich habe das benutzt und ich habe alles selbst animiert, und ich bin wie Oh verdammt. Ich muss dieses Bild aktualisieren, ohne das Bild dort zu beeinflussen. Ich könnte einfach hier reinkommen und ah ersetzen, ein neues Bild hochladen, und dann wird es tatsächlich das aktualisieren Nun, ich habe es auf der falschen Form gemacht. Ich habe es stattdessen auf der SPG-Form gemacht. Wenn eine Auswahl hier, klicken Sie auf Ersetzen Go Thumbnail hier und dann konnten Sie sehen, dass es für eine Sekunde blinkt, weil das Bild aktualisiert, wo immer es im gesamten Projekt verwendet wurde. Und das war alles, was ich tun musste. Wollte nur dorthin gehen, es dort ersetzen. Ähm, jetzt in meiner anderen Sache ist die Referenz in meiner Ressource, ist, dass ich auch hier reinkommen und das herausfiltern kann, wenn ich nur nach Bildern suchen wollte. Wenn ich nur nach Videos, Audiodateien, Funktionen, Schriftarten,so etwas suchen wollte Audiodateien, Funktionen, Schriftarten, Schriftarten , kann ich das einfach tun, indem ich hier reinkomme oder einfach nur wenn meine Ressource wirklich groß geworden ist, könnte einfach anfangen, die Minch einzutippen, das Bild zu finden und es dann von dort zu ersetzen. So arbeiten Sie also mit Bildern. SPG schreibt P- und G's Geschenke, J. Paige oder so etwas drinnen ein. Kleiner Typ 13. 13 Audio: Wir haben mit Bildern gearbeitet. Wir haben mit den Formen gearbeitet, die wir mit Text gearbeitet haben. Nun gehen wir in die Audiodatei und dann als nächstes werden wir über Video sprechen. Also, um Audio innerhalb Ihres Tempeltyp-Projekts zu beantworten, kommen Sie einfach in die Elemente. PanAm kommen auf Audio, und dann, mit diesem Audio ausgewählt, Ich kann dann das Audio auf meinem Desktop finden, die ich eine Beispieldatei hier Azaz Audio Punkt mp drei. Ich werde auf Öffnen klicken und sagte, dass automatisch Merkmale einen Knopf für mich. Nun, diese Audio-Schaltfläche wird dann konvertiert, dass Audio in oder tatsächlich nicht konvertieren. Aber um das Audio abzuspielen, wenn Sie sicherstellen möchten, dass es auf allen Geräten wiedergegeben wird, können Sie sehen, dass es hier platziert ist. Innerhalb meiner Ressource ist Folder, ein Audio-Ordner, der einen Verweis auf den Audiopunkt MP drei hat. Nun, es gibt noch ein paar andere Dinge, um auf mehreren verschiedenen Geräten zu spielen , die ich wahrscheinlich wollen, um zu konvertieren oder Feuer oder konvertieren Sie die Audiodatei in eine dot org oder dot whv away Datei. Und so können Sie wie Adobe Edge oder sorry Adobe Audition tun. Und um das über zu konvertieren, können Sie auch dio Kühnheit und exportieren, dass aus den verschiedenen Elementen in die Ogi-Datei oder die Art und Weise Datei. Und dann, wenn Sie das getan haben, um, wissen Sie, das Projekt nicht zu stören, denn im Moment muss ich diese Dateien nicht haben. Nun, ich kann tatsächlich mit denen arbeiten, die, ähm, einfügen und das Audio verwenden können , ähm, , wann immer ich will, aber um vorher, würde ich das tun wollen, bevor ich das veröffentliche, um es zu haben, stellen Sie sicher, dass auf allen Geräten funktioniert. Nun, ich möchte sicherstellen, dass es hier und auf meiner Ressource kommt, wählen Sie den Audioschrägstrich o g und dann in die Anzeigenquelle kommen und dann diese Ogi-Datei auf diese Weise finden. Es weiß, dass es die gleiche Audiodatei ist, aber es ist die Ogi-Version oder ist die gleiche audiophile in seiner w Version, die Art und Weise Version. Aber ich muss diese noch nicht für die Entwicklung haben. Ich möchte nur sicherstellen, dass ich die bekomme, bevor ich Betrag veröffentliche. Jetzt, sobald das Audio tatsächlich an Ort und Stelle ist, erstellt es automatisch eine Taste, weil das Audio etwas benötigt, um auslösen zu können. Also werde ich hierher kommen und so in meine Taten eintreten. Wir haben noch nicht darüber gesprochen, aber im Moment ist es Theater in ist eingestellt, um Sound zu spielen. Und dieser Ton wird die Audiodatei sein. Und ich kann auch dies ist ein Ort, wo ich meine MP drei Version meine O G. Eine Version verknüpfen kann , oder meine Wellenversion, wenn ich wollte. Dieselbe Stelle. Und wenn ich das nicht tue, sehen Sie diese Warnungen, die OK sagt, Firefox 3.64 Punkt 5.0 und höher eine nog oder Welle Audioquellen für die Wiedergabe erforderlich. Also, da diese Warnungen sind, kann ich weder eine Nog noch eine Auswärtsdatei meines Disney haben. Also, wenn ich einen Weg eingereicht habe, dann könnte ich das einfach verknüpfen. Und dann wird diese Warnung wahrscheinlich danach verschwinden. An diesem Punkt, wenn ich wollte, dass dasautomatisch spielt, automatisch spielt, kann ich hier und in meiner Szene reinkommen, Inspektor, was ist die Szene? Ähm, die Anfangsszene. Wenn ich auf diese Seite komme, warum kann in Szene laden und wählen Sie die Dropdown-Box und dann nach unten kommen, um Ton abzuspielen . Und wenn ich das aus dieser Dropdown-Box wähle, was der Sound ich wiedergeben möchte, wählen Sie dort die Audiodatei aus. Dann wird es wählen Sie die Es wird starten, den Ton zu spielen, ohne dass die Person tatsächlich einen Auslöser hat. Dieser Knopf. Wenn ich ein Bild habe, sagen wir, Lassen Sie mich voran und fügen Sie einfach mein Bild hier. Ich werde das Bild einfach das zufällige Bild zurückbringen, und ich komme hierher und füge 12 Discodatei-Bild ein. Die Einfügen dieses Bild hier und dann kann ich in die Aktionen kommen, kommen Sie mit der Maus, klicken Sie, wählen Sie das Dropdown-Feld, um Ton zu spielen und dann wählen Sie das und sagen, OK, es ist die Audiodatei. Es wird das Geräusch abspielen. Ah, wenn die Person auf das Bild klickt, also ist es nicht speziell, dass Sie nicht spielen können, haben Sie einfach Audio-Wiedergabe. Es ist nur, dass Sie angeben müssen, wann das Audio abgespielt wird. jedoch Wir habenjedochimmer noch eine Warnung mit sichtbarer Last. Sie werden das Drop-Down-Feld bemerken. Es gibt eine weitere Warnung, die ah ist, nicht spezifisch für das Ogi-Format oder das Auswärtsformat ist, es heißt genau hier. Android 2.3 und bestimmte IOS um, Elemente, die tatsächlich so ziemlich alle IOS-Elemente nicht automatisch Audio auf mobilen Geräten abspielen , es sei denn, es ist, ah, Home-Screen-Web-App. Also, wenn es ein Home-Stream Web ist, wird es automatisch abgespielt. Allerdings benötigt IOS oder sogar einige Versionen von Android benötigen den Benutzer, um den Sound zu initiieren oder etwas zu initiieren , und dann beschweren sich der Ton. Danach, ob das ah Beginn-Schaltfläche ist, wo Sie in der Regel auf verschiedenen Spielen oder Interaktionen zu sehen . Ah, beginnen Taste, wenn sie auf beginnen klicken Danach, dann sind Sie OK, um verschiedene Sounds zu initiieren und verschiedene Elemente zu verwenden. Es ist nur, dass es eine Art von Benutzereingaben geben muss, damit Sie das tun können. Und ich denke, das ist eine Napoli Einschränkung, dass sie wollen, dass drei Benutzer nicht nur diese diese diese all diese Audio-Dateien spielen zufällig. Sie möchten, dass der Benutzer in der Audiodatei die gleiche Sache mit Video, das Sie auf iOS-Geräten nicht haben können Video nur automatisch spielen ihren Benutzer braucht, um damit zu interagieren, und sie müssen die Play-Taste drücken und damit es zu spielen beginnen. So kommen Sie tatsächlich hier rein und fügen Audio ein und wie Sie Audio auf verschiedenen Triggern verwenden , unabhängig davon, ob es die Szene geladen wird, um automatisch mit der Wiedergabe zu beginnen. Und wieder, ich würde das wahrscheinlich nicht auf IOS tun wollen, aber so würden Sie das tun, wenn Sie nur auf Desktops oder so etwas zielen , sondern auch, wie Sie das Audio hinzufügen, um auf Ah zu spielen Preston-Bild oder so etwas. So arbeiten Sie mit Audio. 14. 14 Video: Als nächstes werden wir darüber sprechen, wie man Video in Ihr Projekt einfügt. Also komme ich zum Abschnitt Elemente, komm runter zum Video, und wenn ich zu Video komme, muss ich, ähm, ähm mein Video finden, das ich gerade dieses Monty Python Killer-Hase Video habe genau wie dieses Beispiel hier auf Öffnen klicken und das wird das Video in mein Projekt einfügen. Nun, unten unten, werden Sie feststellen, dass es eine Videospur gibt. Wenn ich in meine Eigenschaften gehe, muss ich sicherstellen, dass es ausgewählt ist. Ich werde diesen Bereich ausstrecken und Sie bemerken, dass ich die verschiedenen Elemente dieses Videos hier sehen kann . Nun, das ist schön, denn dann kann ich Timeline-Elemente auslösen oder einfügen, die an einem bestimmten Punkt in das Video passieren . Aber im Moment, Moment, habe ich standardmäßig nicht. Wir haben noch nicht über diese Auslöser gesprochen, also werde ich mir keine Sorgen darüber machen. Aber das ist nur etwas, was man im Auge behalten muss. Nun, dieses Element-Panel ausgewählt , möchte ich hierher kommen und tatsächlich werden Sie einige verschiedene Elemente bemerken, bei denen dieses Element-Panel ausgewählt ist. Das erste, was ist, dass das Video selbst gibt mir eine kleine Warnung. Hier, A sagt mobile Safari Auto. Die automatische Wiedergabe wird ignoriert, also wird keine automatische Wiedergabe durchgeführt. Und dann sagt es mir die auf Feuer Fox Videoquellen für die Wiedergabe erforderlich. Also eigentlich brauchen diese Oh, gv Datei oder diese w diese Web m Datei. Genau wie das Audio muss ich sicherstellen, dass die drei verschiedenen Formate für die verschiedenen Browser haben , um sicherzustellen, dass ich mein Projekt in allen Browsern arbeitet. Ich habe nicht sichergestellt, dass diese Formate korrekt sind, im richtigen Format formatiert sind, damit ich mit innerhalb des Tumult-Typs arbeiten kann. Jetzt können Sie mit Adobe Media Encoder Video codieren, damit ich das nehmen kann. Und davor habe ich in Adobe Media Encoder gegangen und dann in die richtigen Formate konvertiert, um es innerhalb von hier zu verwenden. Und dann habe ich einen Unterschied, der hier unten kontrolliert. Ich habe dieses Auto-Play, aber wieder IOS wird das ignorieren. Und dann werden wir eine Play-Schaltflächen zeigen. Sie müssen tatsächlich spielen, wenn ich die Steuerung zeigen wollte oder nicht. Wenn ich möchte, dass der Benutzer es kontrollieren kann. Ich kann das tun. Ich wollte standardmäßig stummgeschaltet werden. Seiken wählen Sie einfach stummgeschaltet. Und wenn ich eine Schleife machen wollte, sobald es bis zum Ende des Videos gelangt ist, kehrt es zurück zum Anfang des Videos und beginnt von vorne? Das kann ich auch tun. Wenn ich also wollte, dass das Schleifenvideo ein Schleifenvideoist und ich im Hintergrund stummgeschaltet werden wollte, nehmen wir einfach das Video strecken es auf den gesamten Bühnenbereich hier und jetzt aus. Ich könnte einfach diese Schleife haben, und es wird eine Art von Ihrem animierten Video in den Hintergrund gehen, wie Sie es auf einigen Web-Banner gesehen haben . Das ist eine Möglichkeit, es dort zu tun. Aber ich werde wiederkommen. Bringen Sie das hier zurück in die Kontrollen. Und eine Sache, die Sie hier bemerken werden, ist, wenn ich dies in verschiedenen Geräten vorschau, ist es hängt davon ab, dass die Steuerung von dem Gerät oder dem Browser abhängt, den Sie tatsächlich verwenden. Also und, ähm, das Gerät zu Also, wenn Sie ein iPad verwenden, wird es die Standard-Steuerelemente verwenden, die Sie auf einem iPad und iPhone sehen. Dasselbe mit mandroid wird es die Standard-Player-Steuerelemente für dasselbe verwenden, war weit. Es wird die Standard-Steuerelemente damit verwenden. Also, wenn ich hier reinkomme, klicken Sie hier spielen, Sie werden feststellen, dass es die Standard-Steuerelemente gibt und ich habe 30 Sekunden zurückgehen. Ich habe auch, dass geht auf den Vollbildmodus, so dass es in den Vollbildmodus gehen kann. Und ich kann auch sicherstellen, dass diese Anpassung an Auto-Play als auch. So gehe ich hier rein und passe einfach verschiedene Elemente in meinem Video an, indem ich die verschiedenen Objekte hier auswähle und einige, die ich hineingehen kann und einige haben Auto-Play. Ich kann es kontrollieren lassen, die Kontrollen zeigen. Ich kann einen gedämpften haben. Ich kann eine Schleife in verschiedenen Dingen haben, aber das ist die Grundlagen, Video darin zu verwenden, um Multi Pichon auch hier reinzukommen, ähm, Feind in der Deckkraft. Ich kann auch animiert Ah, das Video, das ich eine Fliege haben kann, wenn ich wollte Teoh animieren es in animiert aus. So viele verschiedene Elemente, die gleichen Elemente, die Sie mit normalen Formen und Differenzen verwenden. Eine Textdateien und alles Ähnliche funktionieren immer noch auf der Seite von Video- und Audiodateien, während nicht Audio, sondern Tasten, die Audiodateien an sie angehängt haben. So arbeiten Sie mit Video innerhalb seines Imm-Typs. 15. 15 HTML-Widget: Das letzte Element, was wir im Inneren des Tumult-Typs sprechen werden, ist das eingebettete pflanzliche HTML-Widget. Also werde ich in den Abschnitt „Elemente“ kommen. Ich möchte nach unten zu HTML-Widget gehen. Was das tun wird, werden Sie auf dem Etikett hier bemerken, sagt HTML-Widget in Humo Wedge A wird verwendet, um eingebettete HTML in Ihrer Szene anzuzeigen oder in meinem Rahmen eines anderen Web-Objekts eingebettet so ziemlich es gibt uns nur die Möglichkeit, hinzuzufügen was Code, den wir wollen. Also oben auf die in den Elementen, Inspector, haben wir dieses HTML-Widget. Ich kann auf dieses Editiercode-Snippet klicken, und wenn ich jetzt auf das Hinzufügen eines Code-Snippets klicke, sollte dies vertraut sein. Dies ist, was wir vorher arbeiten, wo wir tatsächlich den Code eingeben können, den wir wollen. Html Code jetzt. Typischerweise machten wir nur verschiedene Textdateien oder verschiedene Textelemente, aber ich konnte wirklich nur eines ihrer Tags einfügen, die einmal drin nur im Hinterkopf behalten. Es ist nur etwas, dass, ähm, mit welchem Code Sie tatsächlich arbeiten, Sie müssen nur sicherstellen, dass, wenn Sie auf verschiedene Objekte verweisen, Sie es an der richtigen Stelle und in allem referenzieren . So können wir entweder den HTML direkt innerhalb von dort bearbeiten, oder wir können tatsächlich hier und innerhalb der Elemente kommen. Der Inspektor schwächt sich. Nur ein angeben u R L, dass wir das auf einbetten verwenden möchten und ich Frame Code innerhalb von dort, so dass es ziemlich mit dem HTML-Widget ist, können Sie andere HTML einfügen. Sie können auf Websites oder ah verlinken, andere Elemente wie diese bringen, oder Sie können in Ihrem eigenen HTML antworten. Fügen Sie in Ihrem eigenen Augenrahmen oder etwas Ähnliches innerhalb von ah zu mull Typ. Nun ist das eine nette Sache daran ist, wenn Sie gerade in einem bestimmten Bereich angegeben sind, dass HTML wie ein Google Maps oder so etwas ist, können Sie dann in diesen Karten zu bestimmten Zeiten animieren, und Sie können diese nur auf bestimmten Seiten und alles. Aber das ist, wie Sie das HTML-Widget verwenden. Im Inneren des Tumult, Typ 16. 16 Symbole: In Ordnung. Das nächste, worüber wir reden werden, sind Symbole darin. Kleiner Typ. Jetzt sind Symbole wirklich nette Funktion, weil es Ihnen erlaubt, verschachtelte Animationen zu haben. Wenn Sie bestimmte Elemente haben möchten. Nehmen wir an, Sie verwenden Ihre Timeline, um zu verschiedenen Punkten zu springen. Aber Sie wollten Elemente haben, die unabhängig von Ihrer Timeline sind und immer noch kontinuierlich animieren können , selbst wenn Sie Ihre Timeline gestoppt haben. Grundsätzlich auf. Wir sahen das am Anfang, als ich die verschiedenen Beispiele der Karte zeigte und Sie die Karte nur irgendwie an einem Ort zu bleiben sahen. Aber dann sahen Sie die verschiedenen Elemente, wie das Karussell oder der Zug, der immer wieder schleift. Das waren alle verschachtelte Timelines innerhalb der Hype Animation Sache hier. Also, jetzt werde ich nur gerne nachdenken, Dinge einfach halten. Ich werde hier nicht wirklich etwas sehr Komplexes aufbauen. Und du fragst dich, okay, wie bin ich überhaupt zu diesem Ort gekommen? Ich mag es, Dinge mit verschiedenen Formen und verschiedenen Elementen wirklich einfach zu halten. Also haben wir das Kernkonzept gelernt, und dann in anderen Tutorials oder anderen Kursen oder so etwas nach den Grundlagen, nachdem Sie wissen, wie man nur mit normalen Formen macht, dann können wir in die komplexeren Sachen kommen, wie Okay, wie baue ich dieses spezifische Ding zu wissen, dass die Grundlagen, die ich bereits kenne, wie du augst, dann nimm das und implementiere es dann in verschiedene Bereiche und Sachen, damit wir in das kommen nur wieder. Mein Stil ist es, einfach mit den Grundlagen zu halten, mit grundlegenden Formen zu halten. Du fragst dich also nicht, wie es überhaupt zu einem bestimmten Punkt gekommen ist, wenn ich eine Beispieldatei oder so etwas eingerichtet habe ? Ordnung, also kommen wir hier rein und klicken auf neues Symbol. Sie haben zwei verschiedene Möglichkeiten. Sie können einfach auf Erstellen eines völlig neuen Symbols klicken, oder Sie können eine Form erstellen, die zu einem Symbol wird. Also werde ich in ein Rechteck kommen, und ich werde nur mit dem besagt, Rechteck ausgewählt, gehen, um dieses Symbol auf, sagt neues Symbol aus der Auswahl. Wenn ich also mehrere Elemente hatte, die innerhalb dieses Symbols animieren werden, möchte ich möglicherweise alle diese Elemente auswählen und dann in ein neues Symbol aus der Auswahl kommen. Nun, ich werde auf neues Symbol von der Auswahl hier klicken, und es hat sich wirklich nicht viel geändert. Sie werden bemerken, anstatt Rechteck nach unten in der Timeline. Es sagt jetzt Symbol, werde mein HTML-Widget dort los. Aber es steht nur Symbol und ich könnte das nennen, was ich will. Allerdings, wenn Sie wollen und wir sind immer noch arbeiten mit der Hauptzeitleiste im Hauptbereich , nicht in irgendeinem Symbol überhaupt. Wenn ich in dieses Symbol kommen und dann mit dieser Zeitleiste arbeiten wollte, kann ich das auch tun. Aber um dieses Konzept zu erhalten, werde ich zuerst, animiert und wir haben noch nicht über Animation gesprochen, aber wir werden nur einen schnellen Feind tun, der hier reinkommt und nur animiert. Also werde ich das an einer aktuellen Position loslegen und dann werde ich animieren. Ich klickte auf diesen roten Record-Button. Das wird jede Bewegung aufzeichnen, die ich getan habe. Jetzt habe ich dieses Objekt gewackelt, nur um zu registrieren, dass dies der Anfangszustand der Schaltfläche ist oder das Rechteck leid, und ich werde meinen Cursor oder diese Timeline auf eine Sekunde bewegen, und dann kann ich dies über Teoh animieren zum rechts, so dass Sie eine Sache bemerken und wieder werden wir in die Tiefe mit der Animation gehen. Aber Sie werden diese blaue Linie bemerken, die erstellt wird, die theano mation auf der Hauptzeitleiste ist. Wir arbeiten nicht in irgendeinem Symbol. Nun, wenn ich in dieses Symbol gehen und etwas in diesem Symbol animieren wollte, das unabhängig von der Zeitleiste ist , die ich gerade erstellt habe, während ich hineingehen konnte, lass mich einfach sicherstellen, dass ich zuerst Stop-Rekord treffen werde, aber ich werde in dieses Symbol gehen, um in das Symbol zu gehen, müssen Sie doppelklicken Sie auf das Objekt, das das Symbol selbst. Also wähle ich das ein Symbol aus und du wirst es merken. Jetzt habe ich diese violette Linie, die auf meiner Timeline auftaucht. Das gibt mir tatsächlich einige Brotkrumen, um mich wissen zu lassen, wo ich bin, weil Sie ein Symbol in einem Symbol innerhalb eines Symbols haben können , und Sie können uns tief bringen. Willst du im Grunde, und das erlaubt dir wieder, einfach den Überblick über jetzt zu behalten, weil ich in dieses Symbol mit dem Rechteck ging , ähm, es hat nichts, was ich gerade auf der Hauptzeitleiste getan habe, weil dies von dem, was wir gerade auf der Maine Zeit gemacht haben. Wie jetzt kann ich an dieser Stelle meine eigenen Animationen erstellen, die kontinuierlich immer wieder laufen obwohl die Hauptzeitleiste stoppt. Also komme ich hierher, klicke auf den Aufnahme-Button und jemanden, der sich bewegt. Ich werde mich hier ausstrecken. Wir nehmen nur diese Rotation und ich komme zu meinem Elemente-Eigentum, und ich werde und dann zu meiner Rotation kommen. Denken Sie an meine Rotationsaktion. Meine Rotation ist in meinen Kennzahlen, Inspektor. Ich werde in meine Rotation kommen, und ich werde diese Rotation einfach erhöhen, um so etwas wie „Sagen wir „, „Ach 3 60 „Nun, das macht das tatsächlich, äh, zu 73. Sieht aus, als wären wir dran und kommen näher an 72. Wahrscheinlich auf 70. Da gehen wir. Ich wollte es nur in den gleichen Grenzboxen behalten, wie wir es vorher hatten. Und, ähm , eigentlich, müssen wir das hier von Null anfangen. Entschuldigen Sie sich. Ich muss meine Zeitachse verschieben. Denken Sie daran, wir werden darüber reden, und sobald wir in den Animationsbereich gekommen sind, wo Sie Ihre Timeline um eine Sekunde bewegen müssen oder wie lange Sie wollen. Und jetzt können wir weitermachen und das einmal komplett nehmen. Und lasst uns einfach eine ganze 3 60 dort machen, da gehen wir. Also im Grunde nur einmal umgedreht, den ganzen Weg auf 360 Grad und einige, das ist es. Also, aber wir müssen noch eine Sache ist, dass wir die Animation Toe Schleife Schleife machen müssen, die Animation, die wir tatsächlich brauchen, um einen Trigger hinzuzufügen. Und indem wir einfach auf das Plus-Symbol innerhalb des Diamanten klicken, können wir dann in Aktion gehen und dann gehen wir zu Let's down, um Timeline zu starten, und wir gehen zur Main Timeline. Also drinnen. Und wir haben noch nicht über Timelines mehrere Timelines gesprochen. Aber innerhalb jeder mittleren Zeitachse oder sogar eines Symbols haben Sie verschiedene Zeitlinien. Sie können hier reinkommen und Sie können es sehen. Sofort. Ich habe nur eine Hauptzeitleiste, und diese Hauptzeitleiste wird standardmäßig nur einmal durchlaufen. Aber was ich tun möchte, ist, dass ich eine Schleife will, die es wieder durchläuft. Also, aber alles, was ich hier mache, ist nur innerhalb dieses Symbols auf. Also schleife ich nur die Animation, die die Rotation hier ist und so dass die Hauptzeitlinie überhaupt nicht beeinflusst werden sollte . Okay, also eine Sache, die wir bisher nicht getan haben, wenn ich die Vorschau hasse, ist, dass verschachtelte Timeline nicht automatisch gut spielt, wie bekomme ich es zum Startflugzeug? Also eine Sache, die ich tun muss, ist eigentlich auf meiner Hauptzeitleiste oder meiner Haupt-Ebene selbst. Ich muss hier reinkommen und das Symbol auswählen. Und dann muss ich zu den Eigenschaften und unter Symbolaktionen kommen. Ich muss tatsächlich auf dieses Plus-Symbol klicken und dann und öffnet sich mit dieser Symbolaktion. Und dann wähle ich das Dropdown-Feld aus, um die Timeline zu starten. Nun, es wird angeben, auf welcher Zeitachse, aber ich werde hier mehrere Zeitlinien haben. Und wenn der Name ist, ist es derjenige, der dort gerade standardmäßig Haupt-Timeline ist. Also werde ich sicherstellen, dass das ausgewählt ist, und das ist so ziemlich es, weil ich mit der Symbol-Timeline spreche. Ich spreche nicht von der gesamten Projektzeitlinie. Ich spreche nur mit der Symbol-Timeline, also möchte ich jetzt einen Hit und Hit Preview gehen und Sie werden feststellen, dass die Timeline, die Hauptzeitleiste, die wir aufgehört haben, weil wir das nicht schleifen, sondern die Rotation, ein Wort, das immer und immer und immer wieder schleift. Es wird weiter animieren, und auf diese Weise haben wir im Grunde die Hauptzeitlinie. Stoppen und unabhängig von dieser Zeitachse ist eine weitere Zeitleiste, die immer und immer wieder so durchläuft . Das ist also die Schönheit der Symbole. Nun, ein weiterer Unterschied, persistente Symbole, die Sie dieses Symbol zu nehmen und so ziemlich mit einem gekreuzten jede neue Szene, die Sie tatsächlich erstellen können. Darüber reden wir im nächsten Video. 17. 17 anhaltende Symbole: im letzten Video haben wir über Symbole gesprochen. In diesem Video werden wir über hartnäckige Symbole sprechen. Jetzt. Der Unterschied ist so ziemlich, dass es das Gleiche ist. Sie können immer noch funktionale Animationen haben. Sie können Zeitpläne unabhängig voneinander haben. Und so, selbst wenn Ihre Timeline selbst ist, wird Ihre Timeline selbst tatsächlich in der Zwischenzeit ausgeführt und Sie haben eine weitere Timeline, die immer wieder geloopt wird. Oh, das ist das Gleiche. Der einzige Unterschied bei persistenten Symbolen ist die Tatsache, dass es über alle Szenen geht. Also, wenn ich hier und in meinem Szenenabschnitt reinkomme, gehen wir weiter und fügen Sie einfach eine neue Szene hinzu. Wenn Sie auf dieses Plus-Symbol klicken, wird es eine völlig neue Szene hinzufügen. Ich werde wiederkommen, um einen zu sehen, und sagen wir, ich habe einen Hintergrund, der ähnlich sein wird, grased alle Differenzobjekte. Wir denken vielleicht, dass OK hier reinkommen kann, wählen Sie die erstellen ein Rechteck Haar und nur strecken Sie diesen Artikel. Und jetzt wird das mein Hintergrund sein. Nun, ich komme in das Elemente-Panel, ändere das zu lesen, und da gehen wir. Jetzt. Wenn ich wollte, dass dies über alle verschiedenen Szenen gehen. Nun, ich müsste das einfach kopieren und in jede Szene einfügen, die zum Albtraum werden könnte . Und du müsstest viel Zeit damit verbringen. Wenn Sie im Grunde nur auf einen Schlag wollten, haben Sie, dass inall Ihren verschiedenen Szenen ein hartnäckiges Symbol machen wird. Wenn Sie im Grunde nur auf einen Schlag wollten, haben Sie, dass in Also werde ich hier reinkommen und unter dem Symbol. Ich werde klicken, neues, hartnäckiges Symbol aus der Auswahl machen , die ich das Rechteck ausgewählt habe. Und es geht Teoh, gib mir die Möglichkeit, zu sehen, hinzugefügt zu aktuellen gesehen oder hinzugefügt toe alle Szenen. Nun, lassen Sie uns voran und fügen Sie es zu allen Szenen und Sie werden feststellen, dass automatisch und gesehen, um es hat jetzt das anhaltende Symbol dort. Ich muss nicht kreieren. Ich muss gar nichts tun. Also, wenn ich eine neue Szene erstelle, wird es wieder dieses hartnäckige Symbol dort haben. Und das ist das Schöne, dass ich immer noch hier reinkommen kann, um diese Timeline oder das Symbol zu erstellen, auf welchen Animationen ich will. Es kann einen animierten Hintergrund haben, der verschiedene Objekte durchläuft, wie wir es in dieser Karte gesehen haben . Sie haben die Pflege zu verkaufen. Sie hatten die verschiedenen Elemente unabhängig von der eigentlichen Hauptzeitleiste animiert. Sie können das auch hier tun, auch hier tun, aber dann jedes Projekt oder jede Szene, die Sie erstellt, die verschiedene Objekte hat fliegen in oder fliegen, hat das gleiche Hintergrundsymbol wirklich nützlich, extrem nützliche Funktion, die Sie haben im Inneren. Es ist ein Maulwurf Typ, den ich nicht gesehen habe, andere, ähm, Projekte oder andere Dateien sind Anwendungen wie diese selbst. Okay, aber wenn du es auf bestimmte Szenen machen willst, verbergen Sie dieses hartnäckige Symbol, na ja, du hast es in deiner Timeline. Trotzdem könntest du einfach auf den Augapfel klicken , und das würde ihn vor deiner Timeline verstecken. , Es ist also nicht innerhalb Ihrer Hauptzeit oder jener Zeitlinie, aber es ist eine jede andere Zeitleiste, auch wenn ich mehr Zeitlinien erstelle. Die neuen Timelines haben dieses Symbol, aber die andere in dieser Szene ist jetzt dort versteckt. Irgendwelche Änderungen? Die eine der netten Dinge über Symbole oder persistente Symbole? Ist es so ziemlich irgendwelche Änderungen, die Sie in einem Bereich vornehmen, werden über das Brett gehen. Also, wenn ich hier und unter diesem anhaltenden Symbol reinkomme, doppelklicken Sie darauf und ändern Sie dann die Farbe , sagen wir, grün gut über alles andere. Alle meine Differenzen Szenen. Dieses Projekt hat sich jetzt geändert oder das ist ein Hintergrund hat nun ein Grün geändert. Wenn ich andere Elemente hinzugefügt habe, die in dieses Symbol gehen und dann andere Elemente wie, sagen wir, ein Textelement hier hinzugefügt hat, hat das jetzt allen Instanzen dieses Symbols hinzugefügt. Also, wenn ich wieder reinkomme, um einen zu sehen, naja, sind Innis, es ist da. Also mache ich im Grunde meine Veränderung an einem Ort. Und dann ist es ein Kreuz auf dem Brett auf allen Elementen, und das ist das gleiche mit nur normalen Symbolen. Wenn du einen Knopf haben willst, der zusammengebaut wird, erstellen wir den Button und gehen dann weiter und setzen den Knopf und benutzen diesen Knopf und in all deinen verschiedenen Szenen. Und wenn Sie eine Änderung an dieser einen Schaltfläche vornehmen müssen, sagen wir, Sie müssen die Farben aktualisieren, die Sie benötigen, die Etiketten aktualisieren oder etwas. Sie ändern es an einer Stelle, und wenn Sie sich an einer Stelle ändern und dann zu all den verschiedenen Elementen kaskadieren, ist das ein weiteres großes Merkmal der Arbeit mit Symbolen im Inneren. Es ist ein Maulwurf-Typ 18. 18 Hauptzeitraum: Wir werden über die wichtigsten Zeitpläne im Inneren sprechen. Es ist jetzt ein Maulwurf-Typ in einem neuen Projekt. Wenn Sie über zahnige linke Seite hier ein unten kommen, werden Sie bemerken. Wenn ich dieses Dropdown-Feld auswähle, gibt es ein paar Fehler, die mich wissen lassen, dass es sich um eine Dropdown-Box handelt, und ich kann zwischen den verschiedenen Zeitplänen wechseln , die hier verfügbar sind, und ich kann hineingehen. Und gerade jetzt habe ich nur eine Zeitlinie, die die Hauptzeitlinie ist. Aber ich kann hier reinkommen und auf neue Timelines klicken oder Timelines bearbeiten. Eine andere Möglichkeit, zu meinen Zeitplänen zu gelangen, ist, zu meinem Inspektor zu kommen und dann zu meiner Szene zu gehen . Erwarten Sie er auf die Szene klicken und dann kann ich anpassen oder ADM oder Zeitlinien, indem Sie hierher kommen und auf das Plus klicken. Oder ich kann die Timeline auswählen und diese Timeline ebenfalls entfernen. Eines der Dinge über Timelines ist, dass es im Grunde optionale Animationen sind, die passieren können, so dass Sie zu verschiedenen Szenen springen können. Sie können verschiedene Inhalte haben, verschiedene Ebenen als auch, und Sie können Ihre Inhalte auch mit Symbolen und so etwas trennen. Aber die Sache mit Timelines ist, dass Sie diese optionalen Animationen haben können, und das ist wirklich, was Timelines, zumindest wie ich Timelines sehe, ist optionale Animation. Wenn also jemand auf diese Schaltfläche klickt, kann er diese Zeitachse 1 ausführen. Oder wenn jemand auf ein anderes Brötchen klickt, könnte es Timeline zu laufen und so weiter. So können Sie diese Unterschiede Dinge im Grunde haben , dass diese Zeitlinien, in denen diese Optionen basierend auf dem animieren, was angeklickt wird oder basierend auf jeder Art von Bedingung oder so etwas. Es sind also keine persistenten Symbole oder keine Symbole, bei denen eine Animationsart auf einer eigenen Timeline ausgeführt wird, und das ist innerhalb einer anderen Timeline. Es ist eine völlig separate Zeitleiste, in der die Dinge völlig anders sein können. Dinge können es passieren, abhängig davon, was angeklickt wird und was nicht gesammelt wird oder was auch immer an diesem Punkt passiert. Also nochmal, es liegt an dir. Wenn Sie auf eine Option klicken, die hier relativ steht, wird es das Objekt von wo es sich an diesem Punkt befindet, servieren Sie animiert am Main Timeline eins, und klicken Sie dann auf die Schaltfläche, die zur Timeline geht, zum Beispiel, Dann würde es es überall dort hinnehmen, wo diese Hauptzeitachse war und dann animiert, wo es sich innerhalb einer Zeitleiste befindet . Die beste Option, die ich sehen kann, ist im Grunde, wenn Sie etwas in die eine oder andere Richtung gehen wollten, und Sie können eine Timeline verwenden, um es auf eine Weise zu animieren und dann eine andere Zeitlinie zu verwenden und das animierte in die andere Richtung zu animieren. Wir werden später in diesem Kurs in die Zeitlinien eintauchen. Aber vorerst ist das wenigstens eine Einführung. Im Moment werden wir nur mit der Hauptzeitleiste arbeiten. Also lassen Sie uns in das nächste Video gehen und tatsächlich beginnen, einige Objekte zu animieren. 19. 19 Animaton: Jetzt fangen wir an, einige Objekte auf unserer Bühne zu animieren. Jetzt gibt es zwei verschiedene Möglichkeiten, wie Sie Objekte auf dieser Bühne innerhalb des Tumulttyps animieren können. Gehen wir weiter und fügen Sie ein Objekt hinzu. Also möchte ich zu meinen Elementen kommen, zum Rechteck hinunter gehen und uns weitermachen und dieses Rechteck über bewegen. Jetzt werde ich in meine Form gehen, Inspektor oder mein Element, Inspektor, ich möchte diese Farbe ändern, nur damit es ein wenig offensichtlicher ist. Früher war es so grau wie in das Weiß gemischt. Aber jetzt, da das da ist, möchte ich zu meiner Hauptzeitlinie kommen. Und wenn ein Doppelklick darauf, um voranzugehen und dies umzubenennen und ich werde nur Objekt eins sagen , gehen Sie voran und klicken Sie. Okay, jetzt, von hier unten unten, werde ich das etwas mehr ausstrecken, damit wir ihn sehen können. Aber Sie können sehen, ob ich hier reinkomme und diese Zeitleiste ausgestreckt habe, ich kann alle meine Objekte hier sehen, aber dann kann ich meine Eigenschaften unten unten sehen. Jetzt werden wir ein bisschen mehr darüber reden, was die Eigenschaften sind und was Sie damit machen können . Also jetzt, vorerst, werde ich einfach voran gehen und zu meinen Eigenschaften kommen und ich kann auf Plus klicken für den Ursprung links in der Ursprungsspitze. Das ist also im Grunde von links nach rechts. Das wird die Linke sein. Wenn Sie es von links nach rechts oder sogar von rechts nach links animieren möchten verwenden Sie immer noch diese Option , und dann oben ist, , und dann oben ist, wenn Sie von unten oder von oben nach unten oder von unten nach oben animiert werden, dann ist es so oder so, Sie werden im Grunde diese beiden Elemente verwenden. Also, um eine Zeitleiste zu starten, um einen Schlüsselrahmen zu starten, dann komme ich hierher und schiebe meine Zeitleiste hier nach unten. Das mit diesem Wäscher, und ich werde es so weit bewegen, dass ich eigentlich diese Animation starten möchte. Also geh ich weiter und klicke auf Plus für dieses Diamant-Symbol und das wird das Plus sein . Okay, ich werde meine Linke animieren und dann werde ich voran gehen und schlagen. Plus, für Animate Top ist gut, so dass beginnt meine Animation. Hier wird es anfangen. Also, jetzt von hier aus werde ich meinen Schlüsselrahmen etwas überziehen. Und jetzt kann ich mein Objekt an einen anderen Ort verschieben und dann wieder auf Plus und dann wieder plus klicken . Jetzt wird es nicht wirklich automatisch animiert. Ich muss eigentlich reingehen und sicherstellen, dass dies automatisch geschieht. kannst du sehen. In der Tat, manchmal, wenn ich es so mache, registriert es nicht einmal, dass ich es woanders verschoben habe. Also muss ich zurück zu ihm kommen und es dann wieder dorthin bringen, wo es vorher war. Nun, wenn ich die genauen Abmessungen bekommen wollte, könnte ich hierher kommen, in meine Metriken kommen, nach links kommen und in die Breite kommen, die nach oben kommt, auf die Höhe kommen. Und ich könnte tatsächlich reingehen und das genau dort bringen, wo ich es von Anfang an positionieren möchte . Und dann, wenn ich es bis zum Ende verschieben wollte. Jetzt kann ich auch die Platzierung des Endes anpassen, so dass erstellt automatisch Diese ah Tween im Grunde zwischen einem Keyframe und dem anderen Keyframe gegen. Manchmal registriert es nicht den ersten Schlüsselrahmen, so dass Sie es möglicherweise ein wenig auf dem ersten kam Frame herumwackeln müssen, damit es sich registrieren und dann bewegen, Ihren Wäscher ein wenig bewegen und dann Ihr Objekt bewegen dorthin, wo Sie es animieren auch animierenmöchten. Also, wenn ich voran gehen und spielen auf diesem, können Sie sehen, dass es für eine Sekunde pausiert, und dann spielt es das Objekt. Anstatt diese Keyframes für jedes Mal einfügen zu müssen, wenn ich etwas animieren möchte, gibt es einen einfacheren Weg. Anstatt diese Keyframes für jedes Mal einfügen zu müssen, wenn ich etwas animieren möchte, Und da ist dieser Aufnahmeknopf. Also werde ich voran gehen und diese Timeline oder diese Animation für links auswählen. Ich werde löschen drücken, und sie konnte das sehen. Jetzt ist es genauso wie oben und unten. Ich möchte voran gehen und das auch auswählen und drücken, löschen. Und jetzt, an diesem Punkt, habe ich keine Animationen. Der einfachere Weg, dies zu tun, ist tatsächlich, den Aufnahme-Button zu greifen, auf den Aufnahme-Button zu klicken und dann meinen Scrubber hierher zu bewegen, und Sie können sehen, dass ein zwei ganz Anfang davon. Dies ist der Anfang der Zeitachse und so kann ich diesen Punkt tatsächlich verschieben. OK, wo soll diese Animation ganz vorne in dieser Animation beginnen? Und dann kann ich den Schrubber bewegen. Okay, wo soll das enden? Und so habe ich diese beiden Punkte festgelegt. Und wenn ich diese beiden Punkte festgelegt habe, müssen sie nur mein Objekt verschieben und Sie können sehen, dass automatisch den vorderen Schlüsselrahmen und den letzten Schlüsselrahmen registriert . Und es hat diese Animation in der Zeit, als ich begann, dieser Schlüsselrahmen hier begann in dieser Animation. Und dann, als ich es beendet habe, was jetzt hier ist, könnte ich das ausstrecken. Ich könnte es kleiner machen. Ich kann es auch vergrößern, aber es animiert nur die gleichen Eigenschaften, die von einem Ort zum selben Ort gehen . Egal, wie viel Zeit es braucht, um es zu tun, es tut einfach nicht automatisch. Das Schöne an der Platte ist nur die Tatsache, dass ich nicht auf den Add Keyframe klicken muss. Jedes Mal, wenn ich anfangen wollte. Also gehe ich weiter und klicke einfach auf UN-Rekord oder Stop Record. Dann, wenn ich meinen Cursor über und ich werde wieder auf den Aufnahme-Button klicken Jetzt kann ich meinen Startpunkt verschieben, um irgendwo anders zu sein. Lass uns das in drei Sekunden bewegen, und dann werde ich meinen Wäscher auf fünf Sekunden bewegen. jetzt Wenn ich michjetztmit denen bewege, kann ich weitermachen und meine Objekte woanders verschieben. Und Sie können sehen, dass es für eine Sekunde pausiert, weil ich eine neue Timeline gestartet habe oder ich eine neue Animation in drei Sekunden gestartet habe. Und dann beendete ich die Animation mit fünf Sekunden. Und so tut es das für mich automatisch, so kann ich voran gehen und einfach drücken, stoppen Rekord wieder und dann das gleiche tun. Wenn ich also meinen Wäscher wieder bewegen wollte, kann ich diesen so oft animieren, wie ich will. Ich kann hier bei anderen Elementen reinkommen, diese Elemente auch animieren. So beginne ich mit der Animation, sowohl mache ich es selbst in den Keyframes oder verwende die Aufnahmetaste, um meine Animation aufzunehmen 20. 20 Animationen erleichtern: Im letzten Video haben wir also darüber gesprochen, entlang deiner Timeline zu animieren. Jetzt habe ich hier schon eine Animation. Wenn ich meinen Scrubber nehme und diese Animation in einer Vorschau sehen möchte, könnte ich sie einfach nach links und rechts hier bewegen, und ich konnte sehen, dass es von der linken Seite zur rechten Seite geht, eine ziemlich einfache Animation dort. Wenn ich meine Eigenschaften unten nicht sehe, könnte ich dieses Objekt auswählen, und jetzt konnte ich die Animation sehen. Das einzige, was wirklich animiert ist, ist die linke Eigenschaft, und sie geht jetzt von links nach rechts. Das Schöne daran ist, dass Sie tatsächlich hinzufügen können, was Lockerung genannt wird, was Lockerung einen realistischen Start hinzufügt, so dass es nicht tatsächlich die ganze Zeit die gleiche Geschwindigkeit bleibt. Wenn Sie Unbehagen in, das ist denken, in und out als Start und Ziel. Also, wenn ich im East End hinzufüge, bedeutet das, dass es diese Leichtigkeit am Anfang haben wird. Am Anfang, wenn ich etwas hinzufüge, das sagt, dass er draußen ist, dann wird es diese Leichtigkeit haben oder diese Verlangsamung am Ende, weil es einfach ist , also ist er in Mittel starten Leichtigkeit aus bedeutet jetzt beenden. Wenn Sie etwas auswählen, das sagt, dass er rein und raus ist, dann wird es beide am Anfang erleichtern, und es wird sich am Ende erleichtern. Worüber rede ich, wenn ich „Leichtigkeit“ sage? Nun, wenn Sie die Option auswählen wollten, kann ich dieses Jahr auswählen. Ich kann auf die rechte Seite kommen und diese Option hier auswählen, wo sagt, er ist rein und raus und es wird mir eine Pop-up-Box mit verschiedenen Dingen geben, die ich tatsächlich von hier aus wählen kann oder eine andere Möglichkeit, zum selben Menü zu gelangen, ist durch Doppelklick auf die -Animation. Und wenn ich dies an eine sehr spezifische binden wollte, dass ich auf der rechten Seite doppelklicken kann , wird diese gleiche Lockerung auf alle verschiedenen Eigenschaften anwenden , die animiert sind. Das erlaubt mir, sehr spezifisch mit ihnen zu werden. Also, wenn ich hier reinkomme, kann ich wählen. Wenn ich will, dass das sofort ist und du siehst, dass es keine Verlangsamung gibt, gibt es kein bisschen langsam anzufangen und dann schneller zu werden. Es passiert einfach die gleiche Geschwindigkeit die ganze Zeit. Ähm und dann linear ist eigentlich sofort passiert einfach. Es gibt überhaupt keine Animation. Es passiert einfach sofort. Es springt nur in den neuen Bereich. Linear wird im Grunde nur sagen OK, es bleibt die gleiche Geschwindigkeit am Anfang und am Ende, Leichtigkeit in, Leichtigkeit in, sagen wir ist okay, was auch immer Leichtigkeit, die ich anwenden wird am Anfang passieren. Aber es wird am Ende nicht passieren. Es wird irgendwie gleich bleiben und Sie können dies mit dem Diagramm sehen. Es bleibt irgendwie am Ende gleich. Leichtigkeit wird gleich am Anfang bleiben. Aber dann etwas langsamer am Ende, er ist rein und raus wird beides schmoren. Grundsätzlich wird es am Anfang langsam beginnen, und dann wird es auch am Ende langsam gehen. Dann habe ich Dinge wie Bounce, wo man sehen kann, dass es irgendwie springt. Wenn ich einen Basketball bekommen wollte und ich wollte, dass der Basketball selbst aussieht, als ob er springt, kann ich diese elastische Art von Überschreitungen seiner Marke machen und kommt dann wieder zu ihm ähnlich wie Sprungkraft. Es springt einfach zurück und dann zurück sagt im Grunde: Okay, Okay, es wird seine Marke überschritten, aber dann kommt auch langsam wieder. Nun, die nette Sache über jede dieser Optionen, die ich wählen, werden Sie feststellen, dass ich diese Bars hier habe, dass ich tatsächlich greifen kann. Und ich kann dies anpassen, wie ich will, so kann ich diese Leichtigkeit anpassen, die Leichtigkeit in und Leichtigkeit in irgendeiner Weise, die ich will anpassen. Jetzt ein paar andere Optionen, die ich habe, können Sie sehen, dass, wenn ich auf Leichtigkeit auswählen, zum Beispiel, Ich kann kommen und ich kann Cubic Quad Court wählen, Quitte gesehen oder Expo oder Cirque. Jetzt geben mir diese im Grunde nur verschiedene Optionen. Also, wenn ich hier reinkomme, kann ich sehen, wie sich das Diagramm tatsächlich ändern wird, je nachdem, was ich tatsächlich ausgewählt habe. Wenn es also etwas gibt, das mir ein bisschen mehr gefällt, als ich hier reinkommen und auf Expo klicken kann , kann ich hier reinkommen, auf Cirque klicken oder so etwas. Es ist also nur im Grunde gesagt , , es ist wirklich eine Präferenz, also was immer Sie am meisten mögen, können Sie voran gehen und es testen. Hit Play und man konnte sehen, es begann wirklich schnell und dann nur irgendwie verlangsamt am Ende. Wenn das der Effekt ist, bin ich auf der Suche nach großartigen. So wende ich es an. Wenn ich das nicht genau das ist, wonach ich suche, dass ich hier zurückkommen kann, doppelklicken Sie darauf und wählen Sie dann eine andere Option und bekommen etwas Mawr was ich suche, verbunden ist, damit Sie sehen können, dass man ein bisschen ist langsamer und es beginnt normal, und dann wird es nur ein wenig langsamer gegen Ende. So wenden Sie sich also an, im Grunde jede der Eigenschaften, die Sie animieren. So gerade jetzt wurde dies nur angewendet Teoh der Ursprung links. Aber wenn Sie Dinge wie Größe, Höhe, Breite oder Ähnliches haben Höhe, , können Sie diese Leichtigkeit in oder aus auf eine dieser Eigenschaftsanimationen anwenden 21. 21 Animation anderer Eigenschaften: bis zu diesem Punkt. Wir haben nur Bewegung animiert. Wir animierten von einer Seite der Bühne auf eine andere Seite der Bühne. Jetzt werden wir darüber reden, andere Eigenschaften zu animieren, damit Sie sehen können, dass ich diese Animation bereits habe . Ich könnte hier reinkommen und ich könnte tatsächlich mehr Eigenschaften hinzufügen. Diejenigen, die ich Optionen habe. Die Optionen, die ich jetzt habe, sind Opazität links, Top-Hype und Peitsche. Es gibt andere Eigenschaften, die ich auch anpassen kann kommen hier in Richtung sagt Eigenschaften. Ich kann diese Dropdown-Box auswählen, meine Maus ein wenig nach unten bewegen und Sie können sehen, dass es eine ganze Menge anderer Eigenschaften gibt , die ich tatsächlich anpassen kann. Ich kann das Hintergrundbild anpassen. Ich kann das Hintergrundbild animieren. Jede dieser Optionen ist Dinge, die ich animieren kann, damit ich meiner Animation hinzufügen kann. Ich werde die Helligkeit anpassen, die Schriftgröße, die Schriftfamilie. Sie können die animierte Schriftfamilie von einem Fonds in eine andere Schriftart ändern. Es ist im Grunde genau das, was du willst. Was auch immer Sie wollen, ich kann die Grenze animieren. Ich kann auch die Rahmenfarbe am unteren Rand des linken Randradius mit animieren . Wenn ich eine Grenze mit einer bestimmten Größe wollte, kann ich das auch tun. Ich kann die Kühnheit, die Hintergrundfarbe animieren . Ich kann auch animieren klopfen, wenn ich wollte, dass es mehr Polstersättigung geben. CPL. Ähm, viele verschiedene Dinge. Textile Linie Wenn ich von der Mitte nach links gerechtfertigt gehen wollte, liegt es an Ihnen auch Inter HTML-Zeilenhöhe. sind also all die verschiedenen Arten von Auktionsoptionen, die ich verwenden kann, damit ich hier reinkommen und einfach diejenige auswählen kann, die ich will, und dann könnte es von dort aus animieren. Aber ich werde nur bei denen bleiben, die vorerst hier sind. Also werde ich voran gehen und das animieren. Ich möchte, dass das verblasst, damit es sein wird, dass die Deckkraft anfänglich Null sein wird, und dann wird es vollständig transparent animieren. Also werde ich oder dann das wird animieren, um vollständig zu sein, sie gehen voran und klicken Sie auf Hinzufügen eines Schlüsselbildes. Ich will rüber kommen. Ok. An diesem Punkt wollte ich voll und ganz da sein, als ich einen weiteren Schlüsselrahmen hatte, der jetzt wieder hier reinkommt und diesen Schlüsselrahmen auswählt, und dann werde ich hier reinkommen und die Deckkraft ändern. Also, wenn es in die Elemente kommt, Inspektor hier und hier ist, wo ich die Sichtbarkeit geändert. Also möchte ich voran gehen und diese Sichtbarkeit als Null auswählen. Ich brauche das nicht am Ende zu sein, denn als ich diesen Schlüsselrahmen erstellt habe, wurde die Deckkraft für dieses Objekt bereits 200% festgelegt, so dass diese Eigenschaften bereits vorhanden waren. Aber jetzt, da ich es von Anfang an animiert habe, können Sie sehen, dass es nur im Grunde, wie ich mein Peeling nehme, entfernen Sie es von links nach rechts. Sie können sehen, dass es ganz am Anfang vollständig verschwunden ist, aber es beginnt, am Ende davon zu verblassen. Jetzt könnte ich dasselbe mit der Höhe machen, also werde ich die Höhe auswählen und sicherstellen, dass ich Schlüsselbilder für den Hype erstelle, der am Anfang und am Ende gebaut wurde . Nun, was ich mit der Höhe tun werde, wird nicht voran gehen und das nur ein wenig ausstrecken und Sie können sehen, dass es automatisch von Anfang bis zum Ende animiert wird, und Sie können sehen, dass es größer wird. Ich könnte das Gleiche mit dem mit machen. Lassen Sie uns voran und fügen Sie einfach einen Schlüsselrahmen mit gepeitscht am Anfang hinzu. Fügen Sie am Ende einen Schlüsselrahmen für die Breite hinzu und lassen Sie uns voran gehen und ändern Sie dies einfach mit ein wenig als gut, so dass Sie sehen können, dass es beginnt als eine kleine Box und beginnt, zu einer größeren Box zu wachsen. Ich kann das auch auf Akte machen. Gehen wir weiter und löschen Sie das genau wie wir es im letzten Video gelernt haben. Wir müssen nicht die Keyframes erstellen, die ich hier tatsächlich aufnehmen könnte. Gehen Sie weiter und lassen Sie uns das einfach so bewegen, wie es ist. Gehen wir weiter und bewegen Sie dies bis zum Ende der Animation, und dann werde ich voran gehen und halten Sie einfach die Shift-Taste gedrückt. Dehnen Sie dies aus und Sie können sehen, dass es automatisch erstellt, dass die Animation die Größe für die Höhe und die Größe für die Breite. Und jetzt, wenn ich hier reinkomme, können Sie sehen, dass wächst von kleiner zu größer in der Aufnahme-Taste. Im Grunde, helfen Sie einfach Zeit zu sparen, Sie können sehen, OK, beginnen Sie von hier. Und dann an dieser Stelle, und ich möchte, dass Sie etwas anderes sein und Sie können die Farbe anpassen. Du wirst nur noch andere Elemente. Gehen wir weiter und drücken Sie einfach die Farbtaste oder die Aufnahmetaste. Komm her und ich werde die Hintergrundfarbe ändern, um ein Rot zu sein, damit du sehen kannst , dass sich die Farbe tatsächlich ändert. So fängt es grün an. Ich weiß, wir können es nicht wirklich mit Kapazitäten sehen, also lasst uns diese Deckkraft vorerst loswerden. Und lassen Sie uns einfach die in den Eigenschaften bis die Kapazität, so dass Sie am Anfang sehen können, die bei einem grünen beginnt. Aber es fängt an, die Farben zu ändern, und am Ende dreht es sich um zu lesen. So hat das automatische Drücken der Aufzeichnungsschaltfläche, die zu meinen Eigenschaften kommt automatisch diese Hintergrundfarbeeigenschaft zu meiner Animation hinzugefügt. Und da ist es. Und so kann ich jetzt anfangen. So ziemlich alles, was im Eigenschaftenbereich auf der rechten Seite vorbei ist, ist mir erlaubt , es zu animieren, damit ich es mit einer Farbe beginnen kann. Änderungen an einer anderen Farbe, die mit einer Größe begonnen wurden, ändern sich beim Animieren zu einer anderen Größe . Dieser Schatten animiert andere Objekte, wie Randradius oder Ecken für etwas. Wenn ich etwas von einem Quadrat in einen Kreis gehen wollte, kann ich das auch animieren. So viele ferne, verschiedene Möglichkeiten. Aber so fügen Sie zumindest zusätzliche Eigenschaften hinzu und verwenden Sie das Aufzeichnungswerkzeug, um diese Eigenschaften zu animieren oder sogar das Schlüsselbildwerkzeug, um diese Eigenschaften auch animieren zu können . 22. 22 Schlüsselrahmen ändern: Nehmen wir an, nachdem ich etwas animiert habe, muss ich zurückkommen und ich brauche Teoh nur eine dieser Eigenschaften oder irgendeine, um ein bestimmtes Element über diese Eigenschaft oder Schlüsselrahmen anzupassen . Will. Sie können hereinkommen und das Objekt auswählen und dann zu meinen Eigenschaften zurückkehren und ich kann eine dieser Eigenschaften auswählen. Und wenn ich meinen Wäscher an einem bestimmten Punkt hierher schiebe, kann ich tatsächlich mitnehmen und auswählen. Wenn ich dieses Element oben auswähle, wird es alle meine Eigenschaften auswählen. Aber wenn ich hier runterkomme und nur einen Schlüsselrahmen auswähle, kann ich diesen Schlüsselrahmen anpassen. Und ich könnte sagen, OK, die Größe wird tatsächlich ein bisschen länger dauern, was bedeutet, dass die ganze Animation genau dort stattfinden wird. Aber dann wird die Größe tatsächlich dort weiter animieren. Ich könnte sogar hier reinkommen und einen zusätzlichen Schlüsselrahmen hinzufügen, damit ich meinen Wäscher so weit bewegen kann , dass ich ihn haben möchte. Ich gehe weiter und wähle das hier aus und dann komme ich zu diesem Diamant mit dem Plus und klicke dann auf das und jetzt wird das ein neuer Schlüsselrahmen sein. Die wichtige Sache, die Sie bei Schlüsselbildern beachten sollten, sind Schlüsselbilder bedeutet, dass jetzt etwas anderes passieren wird, dass das Tween oder die Animation von einem Punkt zum anderen geht, von einem Punkt zu einem anderen Punkt, etwas sieht aus wie ein Unterschied oder etwas sieht auf eine bestimmte Art und Weise und dann zu einem anderen Schlüsselrahmen gehen, was bedeutet, dass es jetzt so aussehen wird. Es wird eine neue Höhe haben. Es gibt neue, mit oder irgendetwas und dann zwischen automatisch animiert okay von diesem, wie es von hier aus sah , wie es nach dem Ende dieser Animation neu aussieht, so dass Tween automatisch geschieht . Nun, wenn ich zusätzliche Schlüsselbilder hinzufügen wollte und okay, an dieser Stelle wird hier springen und dann an dieser Stelle zu ihren springen, können wir hier reinkommen und ich kann diese Schlüsselbilder hinzufügen und Sie können sehen, dass auf der Höhe, Lass es uns eigentlich ein bisschen kleiner machen. Also, an diesem Punkt wird es uns tatsächlich etwas kleiner gehen. Und sobald es diesen Schlüsselrahmen trifft, es jetzt zum größeren animieren, damit ich etwas klein animieren kann. Und dann, sobald es auf einen bestimmten Bereich trifft, kann ich ihn feindlich haben oder auch etwas länger ausstrecken. Ah, viele verschiedene Möglichkeiten. Aber so kann ich hier reinkommen, und ich kann diesen Schlüsselrahmen animieren, und ich kann sogar hineingehen und ihn dorthin ziehen, wo ich will. Ich kann das ausstrecken. Wenn ich etwas länger sein wollte, kannst du diesen Schlüsselrahmen ausdehnen, wenn ich wollte, dass die erste Animation etwas schneller auf der Höhe und dann ein bisschen länger läuft. Es liegt an dir. Aber so fügen Sie neue Keyframes, zusätzliche Keyframes ein. Ich könnte hier reinkommen und sogar auswählen, dass das Ah Schlüsselbildpunkt ist und dann einfach löschen sitzen . Und dann wird es den Schlüsselrahmen nehmen, der begonnen hat oder in der Mitte, und ich werde es einfach komplett löschen. Und jetzt wird es nur wieder von diesem Keyframe zu diesem Keyframe animiert. Schlüsselbilder sind, wenn etwas Unterschied oder etwas anderes passiert oder es an einem bestimmten Punkt anders aussieht , oder einige Eigenschaften haben sich geändert oder so etwas. Das ist ein Schlüsselrahmen. Und dann irgendetwas dazwischen. Diese Leiste ist im Grunde die Animation, die von diesem einen Schlüsselbild geht, wie es auf diesen Schlüsselrahmen aussieht und wie er auf diesen neuen Schlüsselrahmen aussieht. Und wir werden Feind, was auch immer diese Eigenschaft am Anfang war, zur Animation oder zu dieser Eigenschaft, wie es am Ende aussieht, ich muss es nicht animieren. Wenn ich Teoh nicht will, könnten Sie tatsächlich die Animationen ausschalten, und so springt es automatisch zu einem bestimmten Punkt. Aber das ist wirklich nicht animierend. Das ist im Grunde, die Eigenschaften an einem bestimmten Punkt zu ändern. So arbeiten Sie wenigstens mit den verschiedenen Schlüsselbildern. Fügen Sie neue Keyframes hinzu und passen Sie auch Ihr Timing Ihrer Keyframes an 23. 23 Duplikation von Animationen: eine andere Sache, die Sie vielleicht tun möchten. Sie kann Ihre Animation kopieren, die Sie für ein Objekt ausgeführt haben, und fügen Sie sie in ein anderes Objekt ein . Wenn ich hier reinkomme und ein völlig neues Objekt hinzufüge, gehen wir weiter und fügen diesen Kreis hier hinzu. Ich möchte die Hintergrundfarbe hier so ändern, dass sie eine Differenzfarbe ist. Und dann, was ich tun werde, ist, dass ich dieses Objekt auf dem Platz auswählen werde, und ich werde voran gehen und die Animation auswählen. Wenn ich die ganze Animation, eine Kopie über eine Bedingung wie diesen Animationstreitbefehl möchte , sehen und kommen Sie dann hierher und wählen Sie meinen Kreis aus und drücken Sie dann Befehl V und das wird es einfügen . Aber die Sache ist, ist animiert in der gleichen Breite und Höhe, der gleiche Ursprung, der links und oben ist. Also ist es wirklich hinter diesem Objekt. Aber wenn ich es tun musste, dann werde das Quadrat loswerden. Ich kann voran gehen und löscht das Quadrat hier, und Sie können sehen, dass es jetzt auf den Kreis geändert wird, und weil ich eine bestimmte Farbe hatte, ändert es auch die Farbe. Aber jetzt habe ich diesen Kreis automatisch und habe ihn geschafft. Wenn ich das Objekt ändern musste, wenn ich eine Änderung brauchte, ein bestimmtes Element und dann diese Animation, die ich mir die Zeit genommen habe, zu erstellen. Auf diesem Element kopiere ich es einfach und füge es ein, was schön ist. Wenn Ihr Drahtrahmen und Sie noch nicht genau alle Visuals haben, können Sie voran gehen und einige nur Boxen für jetzt einrichten. Und dann. Sobald Sie die Visuals erhalten haben, können Sie die Visuals aus diesem Feld oder die Animation aus diesem Feld kopieren, und dann können Sie sich in die Grafik bezahlen, die Sie tatsächlich erhalten. Sie können es auch einfach auf einer bestimmten Linie Elemente tun. Wenn ich hierher komme und dieses Linienelement auswähle, könnte ich diese Linienanimation kopieren. Kommen Sie zu einem anderen Objekt hier, und lassen Sie uns voran gehen und nur Tempo, dass Futter Animation. So hat es nicht alles eingefügt. Es hat gerade diese eine Eigenschaft eingefügt, die ich animiert habe. Wenn ich nur möchte, dass die gleiche Animation in dieser Animation von links nach rechts ist. Wenn ich nur die gleiche Animation auf diesem einen Objekt wollte, könnte ich das auch tun. Eine andere Option ist, dass ich hierher kommen könnte, rechten Maustaste darauf klicken, herunterkommen, um zu duplizieren, und das wird meine Objekte duplizieren. Es ist also genau das gleiche Objekt, und alle Animationen werden passieren oder bleiben gleich. Aber das kannst du sehen, weil ich ganz am Anfang bin. Wenn ich dieses Objekt ein wenig kleiner mache, wird es immer noch zu diesem einen Schlüsselbildpunkt animiert. Also konnte ich das nicht ein bisschen mehr bewegen, und jetzt wird es ein bisschen länger für die Animation dauern. So kopieren Sie Animationen, die Sie mit einem Objekt ausgeführt haben, und fügen Sie es in ein anderes Objekt ein . 24. 24 Bewegungswege: Nun, eine Sache, die ich vielleicht tun möchte, ist, ich Objekte animiere, möchte ich vielleicht die Kurve des tatsächlichen Objekts anpassen, anstatt nur einen Insassen von links nach rechts zu haben. Vielleicht wollen Sie, dass es ein wenig nach oben und dann auch ein bisschen runter geht. Sie können das mit einem Objekt tun, jemand, der hier reinkommen und einfach ein neues Rechteck erstellen, in das ich kommen werde, und wählen Sie die Farbe, um eine andere Farbe zu sein. Und dann werde ich voran gehen und das animieren. Ich klicke auf den Aufnahme-Button. Lassen Sie uns das auf zwei Sekunden bewegen und dann bewegen wir es einfach auf die rechte Seite. Jetzt merkst du, dass ich, da ich sie über diesem blauen Balken habe, es mir erlaubt. Es hebt ein wenig hervor und lässt mich wissen, dass ich dies auswählen könnte und ich kann im Grunde einen Punkt hinzufügen , der es kurven wird, so dass ich das hier einfach auswählen und es dann ein wenig mehr nach oben bewegen und dann erlaubt es mir, die Kurve dieser Animation anzupassen, und es gibt mir ein paar Lenker, die ich tatsächlich etwas mehr ausstrecken kann. Wenn ich auf der rechten Seite mehr gekrümmt sein wollte oder auf der linken Seite mehr gekrümmt sein wollte, könnte ich das tun. Und dann kann ich auch die Kurve winkeln. Nun, das bringt mich im Grunde wirklich Ah, große Details darüber, wie oder Kontrolle über diese Animation, ich kann hierher kommen und hatte auch andere Punkte. Also, wenn ich eine Art Kurve nach oben und unten auf wie eine Welle haben wollte , kann ich das auch automatisch tun. Das gibt mir nur die Möglichkeit, diese Kurve zu erstellen. Und jetzt, wenn ich vorgehe und auf Play klicke, könntest du sehen, dass dieses Objekt entlang dieses Kurts animiert. Nun, eine andere Sache, die Sie tun möchten, ist, dass Sie dieses Objekt haben möchten, Zum Beispiel, wenn Sie versuchen, einen Vogel oder etwas zu animieren, möchten Sie vielleicht, dass dieses Objekt der Kurve folgen. Und so wird der Kopf dieses Objekts, wenn es ein Vogel ist, wenn es ein Vogel ist,tatsächlich hinuntergehen und mehr Sinn machen, außer dem Körper oder dem Bauch des Vogels. Geh einfach auch runter. Sie möchten also möglicherweise an dieser Animation ausrichten. Sie könnten das innerhalb der Eigenschaften tun, indem Sie zu den Eigenschaften hier kommen und dann kommen und auf die Drehung klicken, folgt Motion Path. Jetzt unter diesem ist dies unter den Metriken, Inspektor kommt zum Rotationsabschnitt und wählt einfach diese Option aus. Sie können jetzt sehen, ob ich komme und spielen, das ist Rechteck oder das Quadrat wird im Grunde dem Weg folgen. Das ist eine sehr scharfe Kurve, also bin ich irgendwie ein bisschen gesprungen. Aber es wird dem Weg dieser Animation folgen, und das war alles, was sie mit Select Us Now zu tun hatten. Ich könnte animieren, dass die Rotation selbst, wenn ich wollte, und erstellen Sie einige Schlüsselpunkte, wenn ich wirklich feine Details darüber bekommen wollte, wie das Rotation passiert, Aber in diesem Fall ist das gut genug, damit ich voran gehen und einfach gehen kann. bei der Drehung ausgewählte Option folgt dem Bewegungspfad und folgt dann automatisch diesem Bewegungspfad. Und wenn ich dies vorschaue, wird dieses animierte HTML-Objekt im Grunde entlang dieses Pfades animiert, und das ist, wie ich Bewegung in den Tumult passe, geben Sie 25. 25 CSS-Filter: jetzt, eine der Dinge, die Sie vielleicht animen möchten, sind die CSS-Filter. Dies ist ein wenig anders als normale Filter oder normale Eigenschaften, weil manchmal diese Filter, es hängt von dem Browser ab, der tatsächlich irgendwann angesehen wird. Diese Filter funktionieren nicht wirklich, aber was ich damit meine, ist, lassen Sie uns voran gehen und auf den Aufnahme-Button klicken. Ich werde meinen Wäscher auf zwei Sekunden hierher bringen, und dann gehe ich weiter und lass uns das einfach überlegen. Ein bisschen von meinem Aufnahmetaste wurde rückgängig gemacht. Jemand bewegt das rüber, aber ich werde in die Elemente kommen, Inspektor, ich werde nach unten zu ihr scrollen, sagt Filtereffekte. Nun, hier kann ich die Unschärfe anpassen. Ich kann den CPI anpassen, aber ich kann die Sättigung anpassen, Aiken nur den Farbton und alles so. Nun, da das Gleiche ist, was wir bereits animiert haben. So ist die Spitze, die Höhe, die Breite und alles so ziemlich das gleiche. , die Sie sehen werden, ist jedoch Eine Sache, die Sie sehen werden, ist jedochauf der rechten Seite vorbei. Ist das eine Warnung? Wenn ich auf diese Warnung klicke, wird es mich wissen lassen. Hey, das sind CSS drei Filter und ihre nicht von diesen Browsern unterstützt, die ziemlich alte Browser sind. Aber das ist nur etwas, was man im Auge behalten muss. Wenn Sie sich nicht darum kümmern, dann können Sie weitermachen und dieses Jahr einfach behalten. Aber ein Wort der Vorsicht ist, diese Animation nicht entscheidend für Ihre tatsächliche Anwendung zu machen , die Sie diese Website erstellen, die Sie erstellen. Denn wenn Sie dies verwenden und aus irgendeinem Grund Ihre Benutzer auf einem dieser älteren Browser sind , sogar ich e. 11 oder so etwas, dann wird diese Animation nicht genau so funktionieren, wie Sie es nicht getan haben. Das ist also nur eine Sache, die man im Hinterkopf behalten muss. Teoh, seien Sie sich dieser Warnung bewusst. Werfen Sie einen Blick auf diese Warnung und wenn Sie ohne Vorwarnung in Ordnung sind, dann können Sie weitermachen und fortfahren. Wenn Sie dies nicht tun, möchten Sie vielleicht darüber nachdenken, etwas anderes zu animieren oder eine andere Art von Eigenschaftsfarbe zu haben . Was auch immer du tun wolltest. Ah, das ändert sich gut, Also das ist, wie zumindest ein Wort der Warnung, wenn Sie verwenden, CSS-Filter animieren 26. 26 Timeline: im letzten Abschnitt. Wir haben in diesem Abschnitt über Animationen gesprochen. Wir werden jetzt über Aktionen sprechen, Aktionen sind ein Stück Code oder ein Stück Logik, die an einem bestimmten Punkt in der Timeline passieren wird . Oder es kann passieren, wenn etwas angeklickt wird oder es bei anderen Art der Bestimmung beim Drehen oder Ziehen oder so etwas passieren könnte . Also werden wir herausfinden, wie man diese Aktionen erstellt und wie man diese Aktionen hinzufügt. Zwei verschiedene Objekte in Ihre Timeline. In diesem Video werden wir zunächst über die Timeline-Aktionen sprechen, Timeline-Aktionen werden an einem bestimmten Punkt innerhalb der Timeline stattfinden. Also, sobald es fünf Sekunden erreicht oder wenn Sie zwei Sekunden erreicht haben, können Sie eine Art von Code-Läufen ausführen, irgendeine Art von Logik. Sie können die Zeitleiste pausieren. Sie können die Zeitleiste fortsetzen, wenn auf etwas geklickt wird. Utkan. Grundsätzlich können Sie sogar die Timeline steuern, da etwas gezogen wird oder viele verschiedene Möglichkeiten zur Auswahl stehen. Also nochmal, um es einfach zu halten, werden wir Ihnen keine komplexe Sache zeigen. Sie müssen herausfinden, wie es gebaut wurde. Ich werde es einfach halten Einfache Elemente erkunden einige dieser Optionen, in die Sie gehen können, und Sie können verwenden, um diese Arten von Aktionen zu erstellen. Also, allem, um die verschiedenen Timeline-Aktionen zu sehen, die Sie tun können, möchte ich voran gehen und hier in mein Hype Beispiel kommen. Nur eine leere Leinwand. Wenn Sie nur ein neues Projekt starten möchten, können Sie es. Ich werde voran gehen und ein Element hinzufügen, nur ein Rechteck-Element. Jetzt werde ich die Hintergrundfarbe dieser Szene ändern. Also bin ich unter den Szenen Eigenschaften. Ich komme rüber zum Hintergrund, wähle das Dropdown-Feld auf eine grüne Farbe hier und gehe weiter. Und lassen Sie uns das animieren, wie wir es in unserem letzten Video gelernt haben. Gehen Sie voran und klicken Sie auf den Aufnahme-Button und Sie können sehen, dass wir hier die Startlinie haben . Ich kann das dorthin bewegen, wo ich will und dann auch die Endlinie. Lass uns die 23 Sekunden bewegen, und dann kann ich ihn einfach mit der Umschalttaste nach unten ziehen, um eine gerade Linie zu bekommen , und wir ziehen das auf die andere Seite der Bühne. Nun, das ist das Einzige, was ich für diese kleine Animation tun möchte. Also werde ich voran gehen und einfach den Aufnahme-Button deaktivieren. Und jetzt haben wir unsere Animation von der linken Sandseite der Bühne. Machen Sie die rechte Seite der Bühne. Jetzt. Was ich tun möchte, ist, dass ich hier einen Timeline-Auslöser hinzufügen möchte. Also, wenn in der Mitte der Timeline, was passieren wird, es wird die Timeline pausieren, also wird es genau in der Mitte pas, und es wird diese Timeline nicht fortsetzen. Um einen Timeline-Trigger hinzuzufügen, komme ich auf die linke Seite, rechts, wo Haupt-Timeline sagt, und ich gehe voran und klicke auf diesen Diamanten, der ein Plus in der Mitte hat , das im Grunde einen Schlüsselrahmen hinzufügt oder in in diesem Fall eine Timeline-Aktion in diesem Code, wie passieren wird, sobald mein Scrubber, das ist dieser weiße Balken. Ich kann das überall dort platzieren, wo ich will. Das ist, wo die Aktion passieren wird. Und ich werde voran gehen und auf diese neue Aktion klicken und es wird diese Timeline-Aktion öffnen . Ich kann voran gehen und die Dropdown-Box auswählen und dann sind dies meine Standardaktionen, die ich hier tun kann . Und es sieht vielleicht nicht viel ähnlich aus, aber es gibt einige der Aktionen, die Sie dio bieten können eine Menge Flexibilität, wie zum Beispiel ausführen, ein Skript fahren oder benutzerdefinierte Verhalten auslösen, oder Ton abspielen oder eine bestimmte Timeline oder etwas starten wie das. Also werde ich hier reinkommen. Ich kann auch zu einer bestimmten Szene springen. Ich kann voran gehen und starten Sie die Timeline Positive Timeline. Und ich kann sogar angeben, welche Timeline in meinem Reden, denn auf der rechten Seite in meinen Bühneneigenschaften wirst du dich daran erinnern, dass wir mehrere verschiedene Zeitlinien haben können, was im Grunde mehrere verschiedene Arten von möglichen -Animationen. Und ich kann diese möglichen Animationen auslösen, abhängig von einer bestimmten Logik oder bestimmten Punkten der Timeline, dass sie zwei oder die Hauptzeitlinie erhalten . So gibt es dort viele verschiedene Möglichkeiten. Also werde ich die Timeline pausieren, und ich werde es dort belassen, wo Timeline die Hauptzeitlinie ist, und das ist so ziemlich er. Also, wenn ich darauf zurückkommen und später modifizieren muss, müssen sie nur einen Doppelklick auf diesen Diamanten machen, und es wird mit meiner Timeline-Aktion geöffnet, die ich später ändern kann. Lassen Sie uns vorgehen und eine Vorschau darauf. Also werde ich schlagen, Save. Ich werde Befehl Enter drücken, um es in der Vorschau anzuzeigen, und Sie können sehen, dass die Animation direkt in der Mitte stoppt , so dass es mir nicht erlaubt, fortzufahren oder so etwas, auch wenn ich darauf klicke. Wenn ich versucht habe, irgendetwas zu tun, es nicht weitergehen. Ich muss irgendwie auslösen, dass die Animation oder die Aktion mit etwas anderem fortzusetzen . Ich kann das durch einen Tastendruck oder so etwas wie einen Play-Button oder so etwas auslösen . Und so werden wir das im nächsten Video erfahren. Wie man in Aktion zu einem Objekt hinzufügt. Aber das ist zumindest, wie Sie in Aktion zu der Timeline hinzufügen, wenn Teoh einen bestimmten Punkt innerhalb der Timeline erreicht , und ich könnte wieder hier in HeiP kommen und ich könnte mehrere verschiedene Aktionen haben, die entlang meiner Timeline spielen werden . Wenn ich also bestimmte Audiophile an bestimmten Stellen platzieren wollte, könnte ich das mit Timeline-Aktionen tun. Also im nächsten Video werden wir weitermachen und darüber reden, wie wir diese Animation fortsetzen können. Sobald dieses Rechteck auf 27. 27 Object: In Ordnung. Im letzten Video haben wir also über Timeline-Aktionen gesprochen. Aber in diesem Video werden wir über die verschiedenen Arten von Aktionen sprechen, die Sie zu Objekten hinzufügen können . Wenn ich also in Aktion hinzufügen möchte, wenn dies angeklickt wird, um die Timeline fortzusetzen, wähle ich einfach dieses Objekt aus. Und dann komme ich hier rüber zu meinem Inspektorbereich, stelle sicher, dass das aktiviert ist. Wenn Sie es nicht sehen, stellen Sie sicher, dass Sie oben auf der Stelle klicken, wo „Inspektor“ steht . Und dann werde ich nicht zu meiner Szene kommen, Inspektor, Inspektor, als hätten wir es in früheren Videos erforscht. Ich werde hierher kommen, wo es meine Taten sind. Inspektor, ist diese Hand im Grunde? Und das im Grunde die verschiedenen Aktionen, die ich anwenden kann. Und Sie können hier sehen, wo ich auf Mausklick sagt, dies wird im Grunde auf einem mobilen Gerät sein. Dies wird ein Tippen auf die Maus nach unten sein. Dies wird sein, wenn es anfängt zu berühren, wenn sie anfangen, es zu berühren, bevor sie angehoben, und dann auf der Maus nach oben, wird es tatsächlich die Berührung sein. Und sobald sie erhoben, so dass jede dieser Arten von Aktionen. Wenn ich es auf dem Gerät selbst mache oder wenn es auf dem Desktop ist, es nur ein einfacher Mausklick oder so weiter. Wenn es sich um einen Desktop handelt, gilt dies grundsätzlich nicht für diesen Code. Gilt nicht für Touch-Geräte. Aber wenn ich Code auf der Maus über ausführen wollte, wenn es über schwebt oder wenn meine Maus tatsächlich außerhalb des Objekts geht, kann ich dort auch Code ausführen. Ich kann auch auf Drag oder Interview tun. Port bedeutet, dass, sobald diese Szene tatsächlich sichtbar wird, ich auch eine Logik ausführen kann. Wenn diese Szene verlassen oder verlassen wird, überlassen Sie diese Szene einer anderen Szene. Du kannst auch Code ausführen, also werde ich weitermachen. Machen Sie einfach einen einfachen Mausklick und gehen Sie weiter und klicken Sie darauf. Plus, wenn ich in Aktion hinzufügen möchte und ich werde das Dropdown-Feld auswählen und Sie werden feststellen, dass das Dropdown-Feld die gleiche ist, die wir in unserer Timeline-Aktion hatten. Dies sind die verschiedenen Standardoptionen für unsere Aktionen innerhalb des Tumulttyps, also möchte ich voran gehen und sagen: OK, OK, sobald sie darauf klicken, möchte ich nur die Timeline fortsetzen. Es pausiert also die Timeline automatisch in unserer Timeline-Aktion. Aber jetzt möchte ich diese Zeitlinie fortsetzen. Und wie spät möchte ich die Zeitleiste fortsetzen? Nun, es wird die Hauptzeitlinie sein, die einzige Zeitlinie, die ich habe. Und dann kann ich auch auf Play in umgekehrter und dann geben Sie die Möglichkeit, Timeline neu starten zu können , wenn nötig. Also, wenn ich wollte, dass dies spielt, aber und zurück dorthin gehen, wo es vorher war, könnte ich diese Option auch tun. Aber das ist so ziemlich alles, was ich dafür tun möchte. Und du konntest das sehen. Was passiert, wenn ich hier auf meiner Bühne auswähle? Diese Aktionen zeigen sich hier, wo es die gesamte Bühne ist. Ich könnte einige Aktionen auf der gesamten Bühne hinzufügen, indem ich eine beliebige Stelle im grauen Bereich auswähle . Sie werden zugeben, dass das heißt, wenn ich auf eine der Bühne klicke, ich könnte die Timeline anhalten und dann die Timeline neu starten, wenn nötig. Ich könnte auch hierher kommen und so in Ordnung mit der Maus über den Desktop selbst. Ich hätte auch etwas auslösen können, aber ich werde weitermachen. Und wenn ich hier wieder reinkommen muss, kann es immer noch so sein. Kommen Sie zurück und ändern Sie diese Aktion. Gehen wir voran und schauen Sie uns dies an. Jemand geht voran und trifft Befehl eingeben. Sie können sehen, dass es in der Mitte dieser Zeitleiste pausiert, aber wenn ich fortfahre und darauf klicke, wird es jetzt diese Zeitleiste fortsetzen. Wir haben nun erfolgreich in Aktion zu diesem Objekt innerhalb des Tumulttyps hinzugefügt. Also lasst uns wieder in den Hype gehen. Und jetzt gehen wir weiter und erkunden ein paar andere Dinge. Wenn ich dieses Objekt auswähle, kann ich auch mehrere andere Arten von Aktionen hinzufügen, auf die ich klicke. Außerdem können Sie sehen, dass eine zusätzliche Aktion hinzufügt. Wenn ich also weitermachen und weitere Aktionen hinzufügen wollte, kann ich das auch tun. Aber im nächsten Video werden wir darüber reden, diese Aktionen zu entfernen und diese Aktionen Bedarf neu zu arrangieren beiBedarf neu zu arrangieren. 28. 28 Aktionen entfernen: Alles klar, Also in den letzten paar Videos sprachen wir über Timeline-Aktionen, und wir sprachen über das Hinzufügen von Aktionen zu Objekten. Was passiert nun, wenn ich diese Aktionen entfernen muss? Du kommst hierher, und wenn ich das auswähle, kann ich nicht wirklich einfach voran gehen und schlagen. Löschen. Sie müssen hier und unter der Aktion kommen, wählen Sie das Dropdown-Feld und gehen Sie zu entfernen, und das wird nur die eine Aktion entfernen, damit ich hier reinkommen kann. Und wenn ich mehrere habe, kommen Sie in einer der Zeiten und entfernen Sie diese verschiedenen Aktionen. Es ist also einfach nicht sichtbar. Also wollte ich sicherstellen, dass das zumindest darauf hingewiesen wurde, dass Sie in jeder Aktion kommen können , die Sie hinzufügen. Wenn Sie sich entscheiden, dass Sie diese Aktion nicht haben möchten, können Sie hierher kommen und die Aktion auswählen, Dropdown-Feld auswählen und nach unten gehen, um zu entfernen. Oder wenn Sie sich entscheiden, dass Sie es von,sagen wir, einem Sprung zur gesehenen Aktion zu einer anderen Aktion wechseln sagen wir, möchten. Sie können hier nach unten kommen und es zu einer anderen Aktion wechseln und dann die verschiedenen Informationen ausfüllen , um diese neue Aktion auszuführen. So entfernen Sie diese Aktion zumindest aus dem Objekt. Sie müssen sicherstellen, dass die Möglichkeiten ausgewählt sind oder in meine Timeline kommen, ich kann diese Dropdown-Box glatt und gehen Sie nach unten zu entfernen oder in der Timeline. Es ist ein bisschen anders, weil ich diese Timeline auswählen könnte und ich den Löschknopf auf der Timeline drücken könnte . Aber Sie können das hier nicht tun, oder Sie können das nicht einmal auf dieser Bühne tun, weil Sie das gesamte Objekt löschen. Sie müssen also das Dropdown-Feld auswählen, um nach unten zu entfernen, um das Objekt zu entfernen. So entfernen Sie verschiedene Aktionen im Inneren, es ist ein Maulwurf Typ. 29. 29 Veraltete Aktionen entdecken: in diesem Video. Ich wollte nur einige der verschiedenen Aktionen erkunden, die Sie tatsächlich im Inneren verwenden können. Es ist ein Multi-Pass. So werden diese Luft die Standardaktionen später über benutzerdefinierte JavaScript-Aktionen sprechen. Aber so gehst du zumindest ein und fügst einige dieser Aktionen hinzu. Also werde ich hier reinkommen und unter Mausklick. Ich möchte voran gehen und auf das Plus-Symbol klicken, und ich werde hier runter kommen, um zu springen, um zu scheinen, wenn ich auf Jump to Gesehen klicke Dies wird mir tatsächlich erlauben, zu einem bestimmten gesehen standardmäßig zu springen. Es ist nur die nächste Szene. Wenn Sie automatisch zur nächsten Szene springen wollten, wird es dort sein. Oder Sie können die Dropdown-Box auswählen, um zuerst gesehen, zuletzt gesehen. Oder das ist, wo es uns viele verschiedene geben wird. Sehen Sie alle verschiedenen Szenen zur Verfügung. Im Moment haben wir nur eine Szene auf der linken Seite. Ich könnte darauf doppelklicken und uns die Szene eins nennen. Und ich kann hier rüber zu dieser Plus-Symbol an einer neuen Szene kommen, und wir werden diese Szene nennen. Sicher, ich buchstabiere auch Recht sehen, und ich will wieder hier reinkommen. , Bevor wir das tun,stellen wir sicher, dass wir wissen, dass wir zum Tatort gesprungen sind. Also, wenn Sie den Text hier auswählen und sagen, dass dies gesehen wird, um voran zu gehen und zu tippen, dass dort und jetzt wieder in gesehen ein möchte ich in dieses Rechteck kommen, und jetzt wird es zur Szene springen, die die nächste -Szene. Aber wenn ich springen wollte, spezifizieren Sie eine bestimmte Szene und kommen Sie hierher und wählen Sie diese Szene oder ich kann einfach sagen OK, na ja , seine nächste Szene, ich werde nur zu der nächsten Szene springen, jetzt können wir auch den Übergang auswählen, was der Übergang sein wird. Sofortiges Kreuz verblassen, tauschen, links drücken, rechts drücken, von oben nach unten drücken. Und das ist eine Art Animation, die Parallax-Effekte, die Sie erhalten, wenn Sie von einer Seite zu einer anderen Seite gehen möchten. Also lasst uns weitermachen, und ich werde das ändern, um von unten nach oben zu drücken, und ich werde das retten. Gehen Sie voran und sehen Sie es vor. Und jetzt werde ich hier auf diesem Platz auswählen, und Sie können sehen, dass die Szene jetzt von unten geschoben wird, und jetzt ist sie nach oben oder nach oben geschoben. Und ich könnte sogar wieder in scheinen, uns voran und in der Szene gehen zu lassen, auch. Wenn ich einen Zurück-Button haben wollte oder so. Lassen Sie uns voran und wählen Sie einfach dieses Rechteck Doppelklick darauf und sagen Sie zurück offensichtlich, ich will vielleicht Ah haben, lasst uns einen Knopf hierher bringen. Das könnte ein bisschen besser sein. In Ordnung, also bleiben wir hier zurück und jetzt, was passieren wird, ist auf diesem Mausklick. Lassen Sie uns voran gehen und treffen, plus springen zu sehen und wir werden sagen, vorherige Szene und das alles wird statt von unten nach oben. Das wird von oben nach unten sein. Und so wird es, wenn es zurückgeht, wird es von oben nach unten sein, als ob es wieder nach oben animiert. Also werde ich voran gehen und eine Vorschau auf diesen Klick auf dieses Quadrat. Es wird zur nächsten Szene animieren, und dann kann ich auf Backend klicken wird zurück zu dieser Szene animieren, so dass Sie verschiedene Abschnitte haben können , die Art von Parallaxe von einer Seite zu einer anderen Seite durchlaufen, sie denken vielleicht, Warum ist es nur in einem Abschnitt? Es ist, weil dies nicht wirklich reagiert, aber Sie könnten hier kommen und wählen Sie unter der Szene Eigenschaften wählen Sie die Skala, die 100% sein wird und die Höhen 100% auf dem mit 100% auf dem Hype. Und jetzt kann ich einfach voran gehen und speichern drücken, und Sie können sehen, dass es etwas mehr ausgestreckt ist. Aber wenn ich dieses Quadrat wieder treffe, wird die ganze Seite tatsächlich von oben von unten nach oben animieren und dann auch das Gleiche. Wenn ich zurückklicke, wird dies nach hinten animiert. Wir werden über Reaktionsfähigkeit sprechen und wie Sie dies in bestimmten Bereichen anbringen oder in bestimmten Bereichen in einem anderen Video verankern können. Aber so würden Sie es zumindest zu 100% ändern , , wenn Sie das gesamte Fenster, den gesamten Bereich von unten nach oben animieren möchten . Also lasst uns weitermachen und ein paar andere Dinge erkunden, also werde ich wieder in das Aktionsfeld kommen. Wir werden dies umschalten, um Java-Skript auszuführen. Jetzt ist JavaScript Dieb-Funktionalität, die Sie ausführen können, und wir werden mehr darüber in der Tiefe sprechen . Aber wenn ich voran gehen und eine neue Funktion erstellen wollte, Aiken, Aiken, dann mach weiter. Genau wie diese Option. Und jetzt können Sie hier Funktion mit dem Titel Funktion sehen. Ich kann JavaScript-Code in hier platzieren, also könnte ich tatsächlich Alarm sagen und diese Farbe wird hallo sagen. Also, wenn ich das speichere, wenn dies angeklickt wird, wird es tatsächlich alarmieren. Hallo. Also werde ich voran gehen und diesen Klick auf dieses Quadrat vorsehen und jetzt gibt es meine Warnungen. Da steht „Hallo“. Ich kann voran gehen und dort schließen, damit ich JavaScript ausführen kann. Und es gibt viele andere Sachen, die du kriegen kannst. Sie können zu verschiedenen Seiten navigieren. Sie können Variablen und andere Dinge innerhalb des JavaScripts haben, die in einem späteren Video erfahren werden. Lass mich weitermachen und das umschalten, damit wir zurückkommen, um benutzerdefiniertes Verhalten auszulösen. Aber ich will zu dir gehen, bin ich hier. Und so lassen Sie uns voran und ziehen Sie einfach nach oben lernen Dojo Dot Netze ein Tempo, dass Sie l kommen zurück in Hype. Ich werde das hier hineintreiben. Also kopierte ich die URL von Safari und füge sie dort ein, wollte dies aber in einem neuen Fenster öffnen . Ich könnte, oder lassen Sie es einfach deaktiviert, wenn Sie es aus dem aktuellen Fenster entfernen möchten. Eigentlich, gehen wir und öffnen es einfach aus einem neuen Fenster. Also gehen Sie voran und drücken Sie, speichern und klicken Sie dann auf dieses Quadrat und Sie können sehen, dass es ein völlig neues Fenster öffnet was auch immer Sie waren gut, dass ich tatsächlich dort angebracht. Das ist großartig. Also lasst uns etwas anderes ausprobieren. Sie können verfasste E-Mails sehen. Es ist Ah, Sie können diese E-Mail direkt an eine bestimmte Person haben, wenn ich wollte. Also Jeff, beim Erlernen von Dodo Dot Net könnte ich ein Thema haben. Ich könnte hier auch einen Textkörper haben, und dann, wenn das tatsächlich passiert, gehen wir voran und drücken Sie die Vorschau. Ich bin mir nicht sicher, ob mein E-Mail-Client abgelaufen ist, aber lass uns voran gehen und eine Vorschau anzeigen. Ja, es zieht meine E-Mails. Sie können sehen, es wird automatisch an Jeff angesprochen hat meine Beispiel-Betreffzeile. Ich habe nichts gut, ich habe etwas auf den Körper gesetzt Textil haben, um zu sehen , warum das nicht Punkt da drin ist. Aber das ist zumindest, wie Sie hineingehen und den Verfassen-E-Mail-Ort hinzufügen. Sound ermöglicht es Ihnen, einen Ton anzubringen, den ich in keinen Ton gebracht habe. Wir werden später in Ton geraten, aber ich müsste die MP 30 G. A und Wave-Datei jetzt einbringen . Der Grund dafür liegt darin, dass dies im Grunde darauf vorbereitete, in jedem Browser kompatibel zu sein, mit jedem Browser kompatibel zu sein. Also müssen Sie in der MP 30 G A und Weg-Datei zu bringen, damit es auf den verschiedenen verfügbaren Browsern spielen kann. Ich wollte eine Schleife machen. Das kann ich auch tun. Stop Sound ist das Gleiche. Start-Timeline wird. Grundsätzlich haben wir bereits über Pause und Fortfahren erfahren. Beginnen Sie mit der Timeline wird. Wenn ich standardmäßig keine Timeline abgespielt habe, kann ich an einem bestimmten Punkt beginnen oder zu einer Timeline gehen, eine Haupt- oder Zeit innerhalb der Timeline . Ich kann wählen, wie spät es ist, und dann kann ich hier und in Sekunden reinkommen. Ich werde eigentlich sagen, dass ich auf fünf Sekunden springen werde und das wird automatisch auf fünf Sekunden anstatt auf die Timeline springen . Das ist also einige der Standardeinstellungen. Verschiedene Zucker werden gehen. Kommen Sie zurück in das Run-Job-Skript und tauchen Sie später mehr in das Ausführen JavaScript ein. Aber das sind zumindest einige der Standardauslöser, die innerhalb des Tumulttyps verfügbar sind. 30. 30 Drag: ein weiteres cooles Element, das ich Ihnen vorstellen möchte, ist der Drag-Element-Sound. Das Drag-Element ermöglicht es Ihnen, ein paar verschiedene Dinge zu tun. Also will ich hier reinkommen. Und zuallererst werde ich eine Animation für meine Objekte erstellen. Ich möchte auf diese Aufzeichnung klicken, die zu meiner Timeline kommt, und ich werde voran gehen und erstreckt sich die drei Sekunden und dann lassen Sie uns das von links nach rechts animieren . Also jetzt von hier aus möchte ich ein anderes Objekt erstellen, das diese Animation steuert. Ich gehe voran und klicke auf den A- oder den Stop-Datensatz, und ich werde herkommen und dieses Rechteck hier auswählen. Wir erstellen ein neues Rechteck und dehnen das aus, um einen bestimmten Bereich unten unten zu sein . Sobald wir dieses Objekt haben, können wir jetzt hierher kommen und dieses Drop-Down-Feld auswählen, und wir können sagen, Kontrolle Timeline. Was das tun wird, ist, welche Zeitlinie wollen wir kontrollieren? Nun, das wird die Hauptzeitlinie sein. Wollen Zehe den horizontalen Zugang durch Drachen kontrollieren, oder wollen wir ihn kontrollieren. Wenn wir vertikal nach oben und unten ziehen, ist das eine weitere Option, die wir tun können. Wir können auch einen vorwärts gehen oder wir können einen Rückwärtsgang basierend auf unserer Zeitachse haben. Also werde ich das ändern und auch die Geschwindigkeit. Und dann ist dies die Option, die Änderung. Oder du könntest Geschwindigkeit machen sowie nach dem Ziehen fortfahren, nachdem ich gezogen habe. Willst du, dass der Schwung danach weitergeht? Also mal sehen, was das tut. Ich möchte voran gehen und speichern und dann eine Vorschau anzeigen und Sie konnten sehen, dass die Timeline immer noch abgespielt wird . Aber wenn ich hier reinkomme und in Drag auswähle, klicke ich und ziehe dies irgendwo innerhalb meiner Timeline, Sie können sehen, dass die Timeline von diesem Drag Bereich gesteuert wird, so dass ich hier reinkommen und irgendwie wischen kann , wenn ich wollte. Und Sie können sehen, dass ich jetzt loslasse, und es flickt einfach und hält diesen Schwung am Laufen. Es tut nicht den ganzen Weg. Ah, ich kann hier reinkommen und es einfach schwingen. Wie auch immer ich jetzt will, könnte ich es so machen, wo ich einfach meinen Finger hinüberschiebe, als diese Timeline zu kontrollieren oder die andere Option ist, hierher zu kommen. Lassen Sie uns dies ein wenig kleiner machen, und wir werden nicht nur die Timeline steuern, sondern wir werden auch einen neuen Zug auswählen und hinzufügen. Wählen Sie diese Dropdown-Box und wir werden hier runter kommen und sagen, Steuerelement, Position, Steuerung, Element Position bedeutet, dass es das Objekt mit der Bühne selbst ziehen wird oder ich begann mit den Finger, also werde ich voran gehen und Command Praktikant drücken, damit es die Animation abspielt. Aber was ich tun kann, ist, wie die Animation zu spielen beginnt, ich kann dieses Objekt tatsächlich klicken und ziehen, und Sie können sehen, dass es dieses Objekt tatsächlich steuert basierend auf dem, was ich habe. wo sich dieses Objekt, das ich ziehe, auf dem horizontalen Zugriff befindet, so dass ich es auf der Timeline steuern kann , wo ich meinen Finger über schiebe, oder es kann es hier steuern, indem ich das Objekt tatsächlich ziehe. Nun, ein paar Anwendungen. Möglicherweise können Sie dies tun, wenn Sie eine Zeitleiste haben wollten. Animation wie ein Unterschied. Wenn Sie versuchen, verschiedene Punkte in einer Timeline zu erklären, können Sie den Benutzer tatsächlich auf seinen Finger klicken oder auf seinen Finger tippen und entlang der Zeitlinie ziehen und verschiedene Animationen abspielen lassen. auf dieser Zeitachse nicht möchten, dass Wenn Sieauf dieser Zeitachse nicht möchten, dassdie Animation oder die Timeline automatisch wiedergegeben wird, können Sie das stoppen und dann wird es nur durch Ihren tatsächlichen Ziehen gesteuert. Also, das ist, wie Sie einige ziehen innerhalb von kleinen Typ. Wenn Sie eine Art von Logik haben wollten, die sobald Sie sie irgendwo loslassen, bestimmt, ob sie auf einem bestimmten Bereich fallen gelassen wird und dann eine andere Logik ausführt, die tatsächlich ausgeführt werden müsste . Löschen Sie ein Skript und so müssten Sie gehen und bestimmen Sie die Position und andere Sachen, und wir werden später in mehr von Job Skript bekommen. Ich möchte jetzt nicht tief in das eintauchen, aber das sind die beiden Optionen, die Sie haben, die entweder gesteuert Timeline waren Steuerelementposition, und dann wird die dritte Option später, die ist das Run-Job-Skript. Und das ist, wie Sie einige der verschiedenen Arten von Aktionen innerhalb eines Tumulttyps verwenden 31. 31 Zeitfenster: Jetzt reden wir über Timelines. Timelines gibt uns die Möglichkeit, Differenzoptionen oder unterschiedliche Ergebnisse für den Benutzer erstellen zu können . Also lassen Sie uns voran und beginnen mit einem neuen Projekt hier. Ich werde das Projekt retten. Das ist vorerst nur ein Blinkprojekt. Ich werde es auf meinem Desktop speichern, und wir werden nur diese Zeitlinien anrufen und voran gehen und auf Speichern ihrer drücken. Jetzt gehe ich in die Elemente und komm runter, um nur aufzubauen. Wir brauchen nur etwas, mit dem wir hier arbeiten können. Also, wenn Sie voran gehen und das auf die linke Seite bewegen und wir werden mehrere Timelines dafür erstellen , aber um die Optionen zu haben, um zu diesen verschiedenen Zeitlinien zu gehen, was ich tun möchte, ist eine Menge, um zwei Schaltflächen zu erstellen, die Timeline eins oder Timeline zu, weil Sie in der Lage sein müssen, die Timeline irgendwo auszulösen. Ich könnte es mit der Timeline-Aktion hier auslösen. Sieht so aus, als hätte ich schon eins. Ich möchte das löschen, aber ich kann mit der Timeline-Aktion Oregon Trigger mit einer Art von Eingabebenutzereingabe , wie einer Taste auslösen, also werde ich hier zu den Elementen kommen. Ich möchte weitermachen und auf „Einen Knopf hinzufügen“ klicken und wir rufen diese Zeitlinie eins an, und wir werden hierher kommen. Legen Sie es einfach auf die linke untere Seite. Ich gehe weiter und füge eine neue Schaltfläche ein und wir rufen diese eine Zeitleiste an, damit diese Luft unsere beiden Optionen hier sein wird, die ich auswählen kann, und das geht auf Timeline eins oder Timeline bis jetzt, auf meiner Hauptzeitleiste oder meinem Hauptteil. Ja, meine Hauptzeitlinie hier. Ich kann diese Option animiert haben und tun, was immer ich brauche. Also werde ich voran gehen und einfach diese Animationen von Anfang an beginnen und dann anime auf die rechte Seite und das war's. Wenn ich auf Speichern und dann auf Vorschau klicke, werden Sie meine Option bemerken. Mein Rechteck animiert nur auf der rechten Seite. Großartig. Das ist es, was wir anfangen müssen. Also werden wir weitermachen und nur Hits stoppen auf der Platte dort. Aber jetzt kommen wir zu unseren gesehenen Immobilien, und das ist vorbei. Wenn Sie es nicht sehen, müssen Sie auf den Inspektor klicken kommen über die zweite Option hier, gesehen Inspektor und dann kommen Sie zu ihr, sagt Animation Timelines. Die 1. 1, mit der wir gearbeitet haben. Siehst du das? Es steht die Haupt-Timeline, aber wir können hier rüber kommen und wir können zusätzliche Zeitlinien hinzufügen. Wenn ich auf den Plus-Button klicke, lassen Sie uns voran und rufen Sie diese eine Zeitlinie One nur so waren konsistent mit den Tasten hier unten. Wir gehen weiter und fügen eine neue Zeitachse hinzu, und wir werden noch einmal Timeline sagen. Ich mag diese als Art von denken, wie wählen Sie Ihre eigenen Abenteuer oder optionale Ergebnisse zu dieser Animation, so dass ich verschiedene Animationen basierend auf Benutzereingaben haben kann . So auf Timeline sieht aus wie ich verpasste Gürtel, dass Sie doppelklicken können, um den Text zu ändern wenn Sie wollten. Ich möchte voran gehen und Timeline 1 auswählen. Ich wähle dieses Rechteck hier aus, klicke auf den Aufnahme-Button, bewege meinen Wäscher über ein paar Sekunden und schiebe das hier unten links unten . Also, das ist Timeline eins. Diese Option wird passieren, und so lassen Sie uns voran und wählen Sie Timeline tatsächlich sieht aus, als wäre ich noch auf der Timeline zu Oh , ich habe vergessen zu tun. Eine Sache ist, ich habe vergessen, dies tatsächlich auszuwählen und auf Zeitlinie anzeigen zu klicken. Wenn Sie das nicht tun, werden Sie tatsächlich mit der Timeline arbeiten, auf der Sie zuvor waren. Also, jetzt bin ich pünktlich Linie eins. Lass uns das Gleiche machen. Jemand klickt auf Aufnahme, bewegt meinen Wäscher ein wenig über und geht dann nach unten links. kannst du verkaufen. Sehen Sie, dass ich eine Dauer von zwei Sekunden und 20.27. Das bedeutet, dass das die Zeitleiste ist, die gerade betroffen war. Also bin ich gut da. Wenn Sie auf Stop Record klicken, kommen Sie zu Timeline, um auf Showtime Linie klicken, und jetzt können Sie auf Timeline zu sehen Es gibt wirklich keine Timeline Optionen hier, also werde ich hier auf Datensatz klicken, und dann werde ich zu bewegen mein Quadrat nur unten rechts dort, so dass Sie sehen können, ob das jetzt 2,20 Sekunden dauert. Und so werde ich voran gehen und schlagen. Aufzeichnung stoppen. Jetzt lassen Sie uns nur eine Vorschau auf dies für jetzt, und Sie können sehen, dass nichts tatsächlich passiert an dieser Stelle. Es ist, wenn ich auf Timeline ein oder eine Zeit klicke, wie nichts passiert, weil ich diese nicht ausgelöst habe , um tatsächlich zu erscheinen. Also werde ich hier rüber kommen und wir gehen zur Hauptzeitleiste. Klicken Sie auf Showtime Linie, und ich komme hier zu Timeline eins. Die Timeline mit einem Knopf und ich werde zu meinen Aktionen kommen, Inspektor. Es kommen über unsere sagt auf Mausklick, Klicken Sie auf das Plus, Und sie wollten eine Option wählen, um Timeline zu starten. Welche Zeitachse oder wir werden anfangen? Nun, in diesem Fall werden wir eigentlich Timeline eins starten. Wenn diese Option ausgewählt ist, wird die erste Zeitachse gestartet. Jetzt kann es voran gehen und dasselbe für eine Timeline auswählen, um uns wie dieser Buttonhier rüberspringen hier rüber zu lassen. Wo sagt Start Timeline und wählen Sie das Dropdown-Feld, um Timeline zu Jetzt diese Luft nur Optionen, die diese Timelines spielen, wenn diese Tasten Luft ausgewählt. Also gehen wir voran und drücken Speichern und Sie könnten sehen, dass die Hauptzeitleiste gut spielt. Aber wenn ich voran gehe und Timeline 1 drücke, wird es es tatsächlich von seinem vorherigen Standort nehmen weil das das Ende der Zeit war, wie die Hauptzeitleiste und es an den Ort verschieben, den wir für Timeline 1 definiert haben. 32. 32 Relative Zeitlinien: Nun, mal sehen, was passiert, wenn wir auf Timeline klicken, um zu sehen, dass es springt zurück, wo es vorher war und dann bewegt es an diesem Punkt nach unten. So ziemlich, was passiert ist, dass es Timeline eins ignoriert, der Ort, an dem es in der Zeit Linie eins war und nur sagt, Oh, nun, das ist, wo es vorher begann und bewegt es nach unten, wenn Sie tun wollen, wenn es bewegt wurde hier zu, dann auf der rechten Seite zu bewegen, Nun, Nun, es ist eine einfache, nur klicken Sie auf Markieren. Wenn ich wieder in meine Szene komme, Inspector, kann ich voran gehen und diese Zeitachse zu einem machen. Wenn ich das auswähle, drücken wir einfach Show Timeline, nur um sicherzustellen, dass es das ist. Ja, das ist die, die wir haben. Also möchte ich auf diese relative Schaltfläche klicken, und dann werde ich voran gehen und auf die relative Schaltfläche für die Timeline klicken. Wenn ich jetzt auf Speichern Vorschau klicke, können Sie das Gleiche sehen, was auf der Hauptzeitleiste passiert, indem Sie auf Timeline klicken. Eine gleiche Sache wird passieren, aber was pünktlich passieren wird, wie zwei ist, es wird es von diesem Ort nehmen und an den endgültigen Ort bewegen, dass es war, dass es das war, bevor ich dasselbe mit Timeline einmal gemacht habe. Wenn ich also auf Timeline eins klicke, wird es es von seinem aktuellen Standort genommen und verschoben. Deshalb mag ich es, als wählen Sie Ihr eigenes Abenteuer oder verschiedene Optionen, die Sie es basierend auf Benutzereingaben auswählen können. Sie können einen Feind haben, der zwei verschiedene oder an verschiedenen Orten basiert, und dann können Sie sogar diese verschiedenen Dinge auslösen, um auch auf der Timeline passieren. Wenn ich also wieder in die Hauptzeitleiste komme, klicken wir auf Showtime Zeile. Ich werde hier runter kommen und auf diesem Timeline-Auslöser werde ich voran gehen und eine Timeline-Aktion hinzufügen. Und diese Aktion wird Timeline beginnen, und wir werden voran gehen und Timeline eins starten. Also, jetzt muss der Benutzer nicht einmal eingeben, dass ich voran gehen und drücken könnte, speichern, wird animieren und dann automatisch auf die linke Seite animieren. Das ist auch ein Weg, den Sie könnten, wenn Sie Ihre Timelines sequenzieren und nicht alle auf der Hauptzeitleiste haben und Sie eine Timeline machen wollten, diese andere spielen und dann, wenn das fertig ist, spielen Sie diese Timeline, es trennen sie irgendwie. Das kannst du auch tun, also liegt es nur an dir. Aber so erstellen Sie zumindest neue Timelines und wie Sie diese Timelines auslösen, sowohl durch Benutzereingaben als auch durch die Timeline-Aktionen. 33. 33 Looping: Was ist, wenn Sie Ihre Timeline durchlaufen und immer wieder anfangen wollen? Es sei denn, ein Benutzer stoppt tatsächlich die Timeline, Nun, das ist eine Option, die schwächen tun. Also werde ich voran gehen und hierher zu dem vorherigen Beispiel kommen, das wir hatten. Wir hatten ein paar verschiedene Zeitpläne, aber ich brauche diese zusätzlichen Zeitlinien nicht mehr. Und ich brauche diese zusätzlichen Knöpfe nicht. Ich werde einen der Knöpfe behalten, und ich werde eigentlich sagen, Stop-Animation, die die Animation stoppen wird. Abgesehen davon wird es einfach immer wieder schleifen. Ich möchte diese vorherige loswerden, die ich vor dieser Timeline-Aktion hatte. Wir werden in einer Sekunde noch einen hinzufügen, aber ich wollte das nur loswerden. Also jetzt, wenn ich vorgehe und eine Vorschau darauf, sollte es Feind sein. Aber dann wird es einfach an diesem Punkt anhalten. Also und was ich tun möchte, ist, dass ich eine Schleife es immer und immer wieder will. Also fängt einfach an. Es stoppt und startet und alles automatisch. Also werde ich weitermachen und am Ende dieser Animation, also werde ich nur sicherstellen, dass meine Wäscher am Ende der Animation selbst. Ich werde eine Timeline-Aktion hinzufügen, und diese Aktion wird voran gehen und sagen: Start-Timeline, Haupt-Timeline. Also, wenn ich jetzt voran gehe und drücke, speichern und Vorschau, wird es zu diesem Punkt kommen und dann wird es automatisch von vorne beginnen. Wenn ich wollte, könnte ich das auch in umgekehrter Richtung spielen. Lassen Sie uns voran gehen und nur doppelklicken Sie auf das und Sie könnten dies als Spiel in umgekehrter Form sehen. Also werde ich voran gehen und drücken, speichern und Vorschau, und es wird dauern, und es wird es wieder zu animieren, wo es vorher war. Es wird also diesen springenden Effekt bekommen. Uns ist aufgefallen, dass es, sobald es umgekehrt ist, keine Aktion gibt, um tatsächlich wieder zu starten. Also, was ich tun werde, wenn ich eine Art Bounce hin und her haben wollte, werde ich eine neue Timeline-Aktion hinzufügen, und ich werde voran gehen und Start-Timeline drücken, und dieses Mal brauche ich kein Spiel in umgekehrter Richtung zu machen. Wird nur die Timeline dort beginnen, also wird es den ganzen Weg rüber auf die rechte Seite springen, wollte ich zurück auf die linke Seite kommen . Es wird diese neue Aktion treffen und dann gleich wieder zurückspringen. Also, jetzt müssen wir irgendwie unendliche Schleife hin und her gehen. Es kann einige Male geben, wo Sie wollen, dass es sein kann. Manchmal wollen wir das nicht, also oder Sie möchten dem Benutzer die Möglichkeit geben, die Animation zu stoppen. Also, jetzt kommen wir wieder in den Hype zurück. Ich werde diese Aktion auswählen, zu meinen Mausaktionen kommen, und anstelle der Startzeitleiste werde ich tatsächlich das Dropdown-Feld auswählen, um das Zeitlicht zu pausieren. Wenn ich also jetzt Timeline pausieren klicke, welche Timeline möchte ich pausieren? Nun, ich werde die Hauptzeitlinie pausieren. Und so jetzt gehen wir voran und trifft Vorschau. Sie können sehen, dass unsere Animation beginnt, sich hin und her zu schleifen. Nun, lassen Sie uns voran und drücken Sie Stop Animation, und Sie könnten sehen, dass die Animation stoppt tot in ihren Spuren. Nun, wie habe ich wieder angefangen? Nun, ich kann hier reingehen, und ich kann einen neuen Knopf hinzufügen, wenn ich wollte. Lassen Sie uns voran und fügen Sie eine neue Schaltfläche hinzu, die heißt Animation starten, Und wir könnten einen einfachen Trigger tun, um die Timeline fortzusetzen. Und wenn ich zu einem bestimmten Punkt in der Timeline springen wollte, könnte ich tatsächlich zur Timeline-Zeit in der Timeline gehen und sagen: Okay, Okay, gehen Sie auf diese bestimmte Anzahl von Sekunden. Also werde ich voran gehen und drücken, Speichern Sie hier, drücken Sie die Vorschau, stoppen Sie die Animation, aber klicken Sie dann auf Starten Sie die Animation, um sie wieder zu starten, damit ich diese ganze Animation haben könnte . Ich kann dem Benutzer die Möglichkeit geben, die Animation anzuhalten, um die Animation zu stoppen und sie dann wieder aufzunehmen, wenn er zurückkehren möchte. Und das ist, wie Sie es durch diese verschiedenen Steuerelemente tun und auch, wie Sie Ihre Animation tatsächlich schleifen würden , wenn Sie eine kontinuierliche ah Schleife von Animationen oder eine Art von ähnlichem Willen, der weiter animiert, oder eine Art von Rauch, die weiterhin animieren. Du wolltest die Zehenschleife immer und immer wieder. Sie können das über diese Timeline-Trigger tun 34. 34 Szenen erstellen: Alles klar. Das nächste, worüber wir reden werden, sind Szenen. Nun, Szenen sind innerhalb von Tumult Typ und sie sind im Grunde verschiedene Seiten, die Sie navigieren können Teoh So können Sie kommen hier und im Hauptbildschirm hier. Wenn ich nach links komme, kann ich hier auf Szenen klicken, und das wird mir eine Liste aller verschiedenen Szenen geben, die mir in diesem Projekt zur Verfügung stehen . Jetzt ist die erste Szene eine unbetitelte Szene. Und wenn ich das will oder wenn ich später dazu navigieren möchte, möchte ich das vielleicht in etwas ändern, das ein bisschen mehr Sinn macht. Also nennen wir es einfach „Main Scene“. Und dann kann ich hier reinkommen und sie können neue Szenen hinzufügen. Also werde ich auf dieses Plus-Symbol klicken, um eine andere Szene hinzuzufügen, und Sie können sehen, es fügt eine weitere unbenannte gesehen. Also lassen Sie uns voran gehen und nennen dies scheint, und dann erstellen Sie eine weitere, die drei scheint. Nun wird der Inhalt, den Sie in einer Szene haben, nicht immer auf eine andere Szene übertragen . Also, wenn ich hier reinkomme und ich auf das Rechteck klicke. Ich habe meine eigene Zeitleiste dafür, und ich habe meine eigene. Wir werden das hier nur ausstrecken. Also habe ich hier meine eigene Timeline mit meinen eigenen Objekten. Und wenn ich komme, um dort zu scheinen, dann habe ich es. Das ist Objekt, das auf der Hauptszene war, ist nicht auf dieser Szene. Im Gegensatz zu den Zeitlinien, wenn ich zur Hauptszene zurückkomme und in die Szene gehe, Inspektor, im Gegensatz zu Zeitlinien, in denen es dieselben Objekte teilt, die sich auf der Bühne über alle verschiedenen Zeitlinien befinden , die Szenen selbst keinen Inhalt teilen. Wenn Sie etwas nicht zu einem dauerhaften Symbol machen, bedeutet ein persistentes Symbol, dass es sich auf einer Szene befindet, und dann wird es automatisch zu jeder einzelnen Szene Kaskaden in jeder einzelnen Szene angezeigt. Oder Sie können angeben, welche Szenen es nicht haben und auf einer Szene nach Szenenbasis zeigen. Aber das liegt an dir. Aber auf der Hauptseite gesehen, haben Sie zumindest. Das ist ein Objekt hier, und Sie können mit diesem Objekt arbeiten. Aber wenn Sie bereit sind, etwas mit völlig anders heraus zu bewegen , dann würden Sie eine neue Szene erstellen. Also werde ich das vorerst löschen. Ok? Es löschte tatsächlich meine Haupt gesehen. Also möchte ich weitermachen und diese Szene wieder erstellen, und ich kann diese Szenen per Drag & Drop organisieren, wie ich Teoh will. Also lass uns weitermachen und es nennt diese Hauptszene, und ich werde Text einfügen. Ich werde dem Benutzer die Frage geben. Was ist die beste Antwort? Ich gehe voran und positioniere das in der Mitte und lass uns Rechteck auswählen und hier einen Einsatz in den Lippen voran gehen und ich werde dem Benutzer eine Frage geben und basierend auf ihrer Wahl, werde ich ihnen Ah zeigen, Wahl, oder ich werde ihnen die Antwort zeigen. Also in der ersten Szene, oder tatsächlich scheinen hier, werde ich voran gehen und etwas Text einfügen und sagen: „ Richtig “. Das war ein Rechteck. Und nur um ein bisschen mehr Sinn zu machen, gehen wir hierher. Und lassen Sie uns das ändern, um das Rechteck auszuwählen. Jetzt besteht ihre Herausforderung darin, das Rechteck auszuwählen, und wenn sie dann auswählen, wird es zu diesem kommen. Wenn sie das nicht auswählen, dann wird es ihnen eine Antwort geben, wie das nicht korrekt war. Alles klar, so einfache Szene. Aber wieder, es ist mehr, durch die Logik zu arbeiten, um sicherzustellen, dass wir verstehen, was hier passieren muss . Also werde ich voran gehen und hier wieder reinkommen und ich werde einen Auslöser einfügen, der, wenn das ausgewähltwird , wenn das ausgewählt , zu sehen gehen wird, wenn das ausgewählt ist, wird tatsächlich zu drei gehen. Also werde ich voran gehen und das Objekt auswählen. Kommen Sie hier rüber zum Aktionsfeld, kommen Sie zu meiner Maus, klicken Sie, und dann, wenn es wie die Aktion zu sehen ist, und ich könnte das Dropdown-Feld auswählen, um zu sehen. Und dann ist die nächste Sache, ich wähle die Ellipse aus, und ich werde untätig hierher kommen, um zu sehen, und das hier wird drei gesehen werden. Wenn ich nur zur nächsten Szene gehen wollte, könnte ich das tun. Wenn ich zur ersten Szene gehen will, kann es das tun. Das Letzte, was ich tun kann, aber in diesem Fall werde ich speziell zu drei gehen. Ich möchte nicht wählen, zuletzt gesehen hier, auch wissen, was es ist, die letzte Szene. Ich möchte das nicht auswählen, da ich später weitere Seiten hinzufügen kann. Nun, wenn ich fortfahre und drücke, speichern und Vorschau, können Sie sehen, dass es meine Option hier gibt. Ich kann das Rechteck auswählen, das besagt: „ Korrigieren“. Das war das Rechteck Wir gehen voran und trafen, Aktualisieren, um jetzt wieder zu kommen. Wenn ich Ellipse wähle, wird die Ellipse ausgewählt, oder die Option Ellipse wird angezeigt. Sie sind großartig. Also, das funktioniert großartig. Also, das funktioniert. Und so werden wir im nächsten Video über den Übergang von einer Szene zu einer anderen Szene sprechen und die verschiedenen Optionen, die Sie dafür tun können. 35. 35 Scene: Im letzten Video sprachen wir über das Erstellen neuer Szenen und das Auslösen durch einen Tastendruck oder eine Mausaktion, um zu einer bestimmten Szene zu gelangen. Nun, was wir tun werden, ist, dass wir in die Szene übergehen, weil derzeit, wenn Sie eines dieser Objekte auswählen, es geht nur zu dieser Szene. Was also, wenn Sie den Übergang wollten, Art Parallaxeffekt Animationseffekt, der in die nächste Szene geht? Nun, es gibt einige Optionen, aus denen wir wählen können. Also, wenn ich diese Option wähle und komme zurück zu ihr, sagt auf der Maus Klicken, Ich mag nur diese Option, wo sagt Übergang und ich kann sehen, dass Aiken zu einem Kreuz Fade gehen, verwenden Sie einen Cross Fade Swap oder dieser Push tatsächlich erlaubt mir, das zu bekommen Parallax-Effekt, damit ich von links nach rechts schieben kann, rechte Zehe nach links drücken, unten nach oben drücken oder oben nach unten drücken kann. Und so möchte ich voran gehen und wählen Sie eine von denen und dann Treffer, speichern und Vorschau. Wählen Sie eine dieser Optionen aus, und Sie können sehen, dass sie von oben nach unten schiebt. Ich möchte vielleicht einen Code nach unten haben, als würde er von einer Szene zu einem anderen Blatt von oben nach unten gehen. Also werde ich voran gehen und wählen Sie die sichere von unten nach oben und dann gehen Sie voran und drücken Sie Vorschau und Sie könnten sehen, dass animiert aus. Und die neue Szene animiert jetzt wegen des Hintergrunds. Ich kann das vielleicht nicht sehr gut sehen, also lassen Sie uns voran und ändern Sie die Farbe der These een. Hier. Ich möchte die Hintergrundfarbe auf etwas Grün ändern und dann auf Szene, um die Hintergrundfarbe in einen Rotton zu ändern. nun Wenn ichnunauf Speichern klicke, können Sie sehen, dass die gesamte Szene hier da ist, und wie ich sie sehe, scrollt sich aus und die neue Szene kommt ins Spiel. Jetzt ist es rot, eine Sache im Auge zu behalten. Das ist, wenn Sie die Hintergrundfarbe der ersten Seite ändern. Es wird tatsächlich erben, um der Hintergrund für alles zu sein. Wenn Sie darauf klicken und die neue Seite mit einer anderen Farbe kommt, wird die Außenseite immer noch schlechte Farbe Wenn ich also auf Geschicklichkeit klicke, wird das auf 100% angewendet. Und dann, wenn ich ins Spiel komme, möchte ich sicherstellen, dass diese Skala auch auf 100% angewendet wird. Und so jetzt, wenn ich voran und drücken Vorschau, klicken Sie auf das Rechteck, dann die ganzen Seiten gehen zu rutschen und die neuen Seiten werden leicht in. Es ist also nicht nur dieser Abschnitt, er wird 100% in Anspruch nehmen. So wechseln Sie zumindest einen Übergang oder wenden Sie einen Übergang an, um von einer Seite zu einer anderen Seite innerhalb eines Tamaltyps zu wechseln . 36. 36 Transen auslösen: wir haben bereits darüber gesprochen, wie Zehe einen Trigger über das Aktionsfeld hinzufügen. Und wenn Sie darauf klicken, wird es zur nächsten Seite navigieren oder wie Sie eine andere Szene auslösen können, nicht nur die nächste Szene selbst. Aber ich möchte über einen weiteren Auslöser sprechen, den Sie tun können, um diese Trainingsübergänge in eine andere Szene auslösen zu können. Also möchte ich in die Szene kommen, Inspektor, Inspektor, und wenn ein Scroll hier nach unten und Sie werden feststellen, dass auf Swipe nach links, Streichen nach rechts, Streichen nach oben und Streichen nach unten. Wir haben bestimmte Zucker, die nicht auf bestimmte Objekte zutreffen, sondern überall auf der Szene angewendet werden. Grundsätzlich, und dies ist eine gute Möglichkeit, vor allem für mobile, um die Navigation einfach intuitiv zu sein, Lage zu sein, nach oben zu streichen und nach unten selbst zu streichen. Also werde ich voran gehen und auswählen oder sagt, Streichen Sie nach oben. Ich werde den Auslöser auswählen und zu einer Szene springen, und ich werde voran gehen und die spezifische Szene auswählen, die Szene 2 sagt, und ich werde voran gehen und es bei Push unten nach oben halten, und dann kann ich auch die Dauer hier ist gut, so dass Sie entscheiden können, wie lange dies tatsächlich dauern wird, um von einer Szene zu einer anderen Szene zu gehen. Ich werde drücken, speichern und Preview drücken, und jetzt werde ich nach oben streichen und Sie könnten sehen, sobald ich nach oben streichen. Also klickte ich und zog von oben von unten nach oben und streift automatisch oder übergeht automatisch, als ob mein Streichen selbst diese Animation ausgelöst hat, diesen Übergang. Also werde ich hier reinkommen und dasselbe mit dieser Szene machen. Also, jetzt bin ich auf Szene, ich möchte nach unten streichen, um zurück zu dieser Seite zu gehen. Also will ich voran gehen und sparen sprang zu scheinen, und dann werde ich sagen, gesehen Hauptszene. Und jetzt geht es zu statt von unten nach oben. Es wird von oben nach unten sein. Auf diese Weise ist es die Navigation selbst. Wenn ich einmal runterging, möchte ich nicht, dass es wieder runtergeht, um eine Seite zurück zu gehen und wollte von dort, wo es gerade wieder nach oben geht. Also werde ich nach unten wischen und dann gehe ich weiter und streiche hier nach oben. Es wird mich dorthin bringen, wo der Tatort vorher war. Also nur eine Möglichkeit, diese Navigation zu erstellen, von einer Szene zu einer anderen Szene zu gehen und diese Art von Parallax-Effekt so zu bekommen, als ob sie von einem Abschnitt zu einem anderen Abschnitt gehen würde. So machen Sie das und sagten, es tumult Typ. 37. 37 Prozentuale stage: In Ordnung. Jetzt werden wir über Möglichkeiten sprechen, wie Sie Ihre Tumult-Anwendungen reaktionsschnell machen können , so dass es sich an die verschiedenen Bildschirmgrößen anpasst. Es ist Größe ändern ist, wo Anker an verschiedenen Teilen des Bildschirms als auch. Aber der entscheidende Punkt ist, dass es einfach nicht die gleiche Größe wie es ändert und eine Antwort auf die verschiedenen Gerätebildschirme bleibt . Jetzt gibt es eine Möglichkeit, Layouts zu erstellen, die, anderen Worten, wie Breakpoints sind, die sagen: Okay, jetzt wird das verschwinden. Bei dieser Größe wird dies in dieser Größe kommen. Das wird bei dieser Größe etwas anders aussehen. Es gibt einen Weg, das zu tun. Aber bevor wir in den Teil kommen, werde ich darüber reden, wie ich tatsächlich nutzen und Ihre Bühne den gesamten Bildschirm nutzen kann. Also zuerst werde ich einen Text oder ein Formelement beantworten, zum Rechteck kommen, und wir werden diese Art von standardmäßig auf der rechten Seite der Bühne platzieren. Wenn ich eine Vorschau darauf sehe, werden Sie sehen, dass es auf der rechten Seite auf Over gesetzt ist. Es ist irgendwie in der Mitte der Box selbst. Ist irgendwie richtig hier, weil diese momentan, aktuelle Größe 600 mal 400 ist, was in meinen Szeneneigenschaften oben in meinem Inspektorbereich gesetzt wird, und es geht nicht wirklich darüber hinaus. Also, wenn ich vorgehe und ich die Größe ändere, gehe und nimm das, du kannst sehen, dass es nicht reagiert oder es passt sich nicht an die verschiedenen Größen an. Es bleibt so ziemlich die gleiche Größe. Wir können das innerhalb des tamalen Typs ändern. Sie einfach in die Szene, den Inspektor und die Bildschirmgröße kommen , können Sie das Dropdown-Feld auswählen. Sie können die verschiedenen Bildschirmgrößen sehen, die Ihnen zur Verfügung stehen, wenn Sie versuchen, zunächst eine bestimmte Größe anzuvisieren . Aber wenn Sie wollten, dass sich dies an den gesamten Bildschirm anpassen, müssen Sie nur auf dieses Kontrollkästchen klicken, direkt neben der Breite und dem Skala Kontrollkästchen direkt neben der Höhe. Nun, was passieren wird, ist, wenn ich das in der Vorschau speichern, werden Sie feststellen, dass es tatsächlich auf die linke Seite bewegt. Der Grund dafür liegt darin, dass dies jetzt reagiert. So nimmt es den gesamten Bildschirm ein. können wir nicht wirklich sagen, nur mit dem weißen Hintergrund. können wir jedoch sagen, wenn ich hier reinkomme und den Hintergrund in eine andere Farbe ändere. Also werde ich diesen Hintergrund-Hit ändern, eingeben, und jetzt können Sie sehen, dass es an die neueste angepasst ist oder jetzt den Vollbildmodus nimmt . Ah, und so hat die ganze Seite selbst die neue Größe. Wenn ich hierher komme und ich wollte, dass Teoh ein anderes Layout erstellt, habe ich das antwortlich heraus, aber wir werden in diesen Abschnitt in den kommenden Videos eingehen. Aber jetzt werde ich voran gehen und einfach dieses Objekt auswählen. Sie haben bemerkt, dass dieses Objekt basierend auf meiner Größe nicht wirklich reagiert, weil das keine prozentuale Basis ist und sein Anker an den Biss D fällt. Es ist an der oberen und der linken Seite des Bildschirms verankert, so dass es nicht wirklich passt oder fließt mit der rechten Seite des Bildschirms. Wenn ich dies auf der linken Seite neu dimensioniert habe, können Sie sehen, dass es irgendwie gleich bleibt oder sich an der gleichen Stelle auf der linken Seite befindet, aber es tut das nicht auf der rechten Seite. Wenn ich wollte, dass dies auf der rechten Seite verankert wird, kann ich hier in meine Metriken kommen, und ich kann zu dem flexiblen Layout kommen und Sie werden feststellen, dass ich die Möglichkeit habe, Pin und Größe. Das erlaubt mir, dies tatsächlich an die Rechte, die linke, die obere oder die untere. Ich kann alle drei machen. Aiken machen alle vier, die ich Aiken antun könnte. Es ist ziemlich flexibel dort, also werde ich voran gehen und drücken, speichern und Vorschau, und Sie werden feststellen, dass es sich sowohl für die linke als auch für die rechte Seite ändert. Es ist so verankert. Es ist auf der linken Seite verankert und oben verankert. jedoch Es istjedochnicht auf der Unterseite verankert. Wenn ich wollte, dass es auf der Unterseite oder Pin auf der Unterseite verankert wird, könnte ich das tun. Sie können sehen, dass es mir eine Vorschau gibt, die besagt, dass dies in der Mitte sein wird und es wird sich an die verschiedenen Größen anpassen, so dass es sich ändert, wenn ich nach oben und unten gehe, ändert wenn ich nach links gehe und Rechte und so weiter. Also, das waren verschiedene Möglichkeiten, die ich anpassen kann, oder Buße Wenn ich es tat, wenn ich es wollte, bleiben Sie meistens auf der rechten Seite des Bildschirms. Ich kann auf die Pin auf der linken Seite klicken und nur sicherstellen, dass das deaktiviert ist. Es ist deaktiviert, wenn es grau ist, es wird aktiviert, wenn es blau ist, und jetzt, wenn ich Speichern Vorschau klicke, können Sie das oben auf der linken Seite sehen. Wenn ich das irgendwie anpasse, bleibt es ziemlich gleich. jedoch Wenn ichjedochdie rechte Seite justiere, passt sie sich an und es bleibt auf der rechten Seite. So kann ich Dinge in bestimmten Bereichen reparieren und Dinge immer in einem bestimmten Bereich hier haben . Nicht nur kann ich tun, dass mit der Positionierung, wo die Stifte, aber ich kann auch tun, dass mit der Dimensionierung, so dass Sie sehen, diese beiden Pfeile gehen links und Rechte und zwei Pfeile gehen nach oben und unten. Wenn ich anpassen und die Breite einen Prozentsatz haben wollte, warum kann ich diese Option einfach auswählen? Und Sie könnten sehen, dass diese Pfeile nun hervorgehoben wurden. Ich kann auch die oberen und unteren Pfeile auswählen, und jetzt wird es sowohl, ähm, die Breite weise und Höhe weise strecken ähm, . Wenn ich in der Vorschau auf Speichern klicke, ist meine Box jetzt ein bisschen größer geworden. ich die Größe meines Bildschirms ändere, können Sie sehen, dass die Größe der Box abhängig von meiner Breite und Höhe meines Browsers geändert wird. Also, indem Sie all dies tun, können Sie Dinge haben, die kleiner werden, größer werden, dass Anker oder Anheften an bestimmten Seiten des Bildschirms. Es ändert keinen Inhalt. Ich kann nicht sagen, okay, wenn es zu diesem Punkt gekommen ist, komm her. Das ist, wo die verschiedenen Layouts ins Spiel kommen, sobald wir in die Layouts kommen. Aber das ermöglicht es Ihnen zumindest, etwas Reaktionsfähigkeit zu schaffen und Dinge auch an bestimmten Orten zu verankern . Wenn ich hierher komme und diese Option wähle, können Sie sehen, dass ich hier einige weitere Optionen für das Skalierungsverhalten habe. Ich kann dieses Dropdown-Feld auswählen. Ich kann sehen schrumpfen, um zu passen oder zu erweitern, um zu füllen. Wenn ich auf schrumpfen klicken, um hier zu passen, lassen Sie uns voran und re Größen und Sie können sehen, es bleibt ein wenig mehr proportional als Strecken die mit ihm hält es in seinem Verhältnis dort, wenn Sie wollen. Wenn das der gewünschte Effekt ist, können Sie dies tun oder erweitern, um zu füllen. Sie können sehen, dass es hier eine ähnliche Sache tut, genau so, wie es im Hintergrund tut. Sie können entweder erweitern, um sich zu fühlen, oder Sie könnten schrumpfen, um zu passen, oder Sie können es behalten. Es ist Standard, wenn Strecken, aber das wird sowohl die Breite als auch die Höhe dehnen. So ist, wie Sie einige der Skalierung auf und passen Sie Ihren Bildschirm automatisch an die unterschiedlichen Größen Browser angepasst werden . Und so machen Sie einige flexible Layouts mit verschiedenen Objekten. Sie können dies mit Text tun. Sie können dies mit Differenzelementen, Schaltflächen und solchen Dingen tun, und dies wird automatisch die Größe für Positionselemente in bestimmten Bereichen ändern. Dann können Sie beginnen, wenn Sie Ah wollten, ändern Sie basierend auf der Bildschirmgröße. Das ist, wo Sie anfangen, Breakpoints hinzuzufügen oder Sie beginnen, verschiedene Layouts hinzuzufügen, so dass wir in diesem Video im nächsten Video, wie Sie verschiedene Layouts erstellen und Ihre Inhalte basierend auf der Bildschirmgrößeanpassen Ihre Inhalte basierend auf der Bildschirmgröße 38. 38 Verschiedene Layouts erstellen: im letzten Video haben wir darüber gesprochen, ihre Bildschirmgröße anzupassen, um automatisch zu reagieren und nicht nur zu nehmen. Oppo legt die Größe fest, nimmt aber tatsächlich die Größe Ihres gesamten Browsers ein. Es kann jedoch vorkommen, dass Sie Ihre Inhalte basierend auf den Layouts anpassen müssen. Also, das ist, wo die Layouts Option über auf der linken oberen Seite ins Spiel kommt. Wenn ich diese Option wähle, gibt es mir ein neues Panel namens Layouts. Wenn ich Szenen für jetzt verstecken wollte, kann ich voran gehen und deaktivieren Sie Szenen und habe jetzt standardmäßig meine Layout-Option. Dies ist das anfängliche Layout, das mir gegeben wird, aber ich kann hier auftauchen und neue Layouts hinzufügen, und ich kann dieses Layout auch umbenennen. Also werde ich diesen einen Standard nennen, und ich werde voran gehen und auf das Plus-Symbol klicken, und es gibt mir die Möglichkeit, anzupassen oder zu erstellen. Größe basiert auf dem iPhone, dem iPad im Portrait, dem iPad im Querformat und dann auf dem Desktop sowie auf dem Desktop. Moment sind wir bei etwa 600, so dass wir irgendwie dazwischen waren tatsächlich zwischen dem iPhone und dem iPad. Anfangs, eso möchten wir vielleicht das iPad Porträt entwerfen. Wir möchten vielleicht die iPad-Landschaft gestalten und so weiter. Also lassen Sie uns voran und nur vor allem, beginnen Sie mit dem iPad Portrait und es wird mir sagen, was der Bruchpunkt IHS und der Bruchpunkt jetzt ist 7 68 Ich werde voran gehen und klicken Sie auf Hinzufügen eines Layouts. Nun, dies wird für alles, was zu dieser Größe von etwa 7 68 So Android-Tablets im Grunde, da Sie mit einem Mac arbeiten, Ich denke, das ist, warum sie nur die IOS-Größen haben es. Aber alles, was zu diesem Punkt kommt, wie wenn es ein Android-Tablet ist, wird automatisch die Größe ändern oder haben diese Bruchpunkte in dieser bestimmten Größe passieren. Also werde ich rauszoomen. Das ist irgendwie groß, und so werde ich meinen Zoom nach oben nehmen und verkleinern, damit ich ein wenig mehr von meiner Bühne sehen kann , damit Sie sehen können, dass dies die iPad-Portraitgröße ist. Und so wird alles, was ich hier mache, tatsächlich anpassen oder ändern, abhängig von dieser Größe, so dass Sie hier sehen können, die Standardeinstellung, wenn ich wieder umschalten, ist auf der rechten Seite vorbei , aber das iPad-Portrait ist jetzt auf der linken Seite vorbei. Also, wenn ich auf Speichern Vorschau, Sie können sehen, die linke Seite waren ein wenig größer als das, was ein iPad oder als die 600. Was also passieren wird, ist, wenn ich beginne, die Größe zu ändern und ich zu diesem 600 Punkt komme, können Sie sehen, dass sich mein Objekt geändert hat, und es nimmt jetzt dieses Layout anstelle dieses anderen Layouts. Und wenn ich also sehr spezifisch werden wollte, kann ich hier reinkommen und hier eine iPad-Landschaft hinzufügen. Lass uns voran gehen und Fledermäuse hinzufügen und du siehst, es hat immer noch meinen Inhalt von über. Aber jetzt kann ich sagen, OK, nun, im Landschaftsmodus wird es jetzt auf der rechten unteren Seite vorbei sein. Ich kann die Größe anpassen, ich kann den Witz anpassen, und Sie konnten sehen, dass es nicht die Größe oder die Breite meines anderen Objekts beeinflusst. Nun, was passiert, wenn ich eine Animation habe? Nun, kommen wir hier rein. Lassen Sie uns eine Animation hinzufügen. Und ich werde nur meinen Cursor bewegen. Mein, ähm, Scheuerbügel rüber zur rechten Seite und schieb das rüber und geh weiter und drücke das Uncheck . Also, wenn ich hierher zum iPad-Porträt komme, wirst du feststellen, dass die Animation nicht passiert. So habe ich verschiedene Timeline-Optionen, dass diese verschiedenen Größen und es kann eine echte spezifische Erfahrung für das iPad Portrait oder eine bestimmte Erfahrung für die iPad-Landschaft oder spezifische Erfahrung für das iPad oder das iPhone oder Desktop jetzt erstellen spezifische Erfahrung für das iPad Portrait oder eine bestimmte Erfahrung für die iPad-Landschaft . Typischerweise ist die Anfangsgröße des Hype sehr klein. 600. Also ich mag es, dieses Layout loszuwerden. Aiken, rechts, klicken Sie darauf und gehen Sie zu löschen Layout. Und dann mag ich es auf iPad Landscape iPad Portrait auf einem Desktop dort zu halten, eine für die größeren Größen. Und dann möchte ich weitermachen und ein iPhone hinzufügen Hier wieder, es tut es nicht. Grundsätzlich jedes Android-Handy, das zu diesem Punkt kommen wird. Sie können voran gehen und es immer noch für diese Größe entwickeln, und dann wird jedes Android-Handy diese Größe nutzen. Es ist nicht spezifisch für das iPhone, was bedeutet, dass diese Größe nur auf dem iPhone funktioniert, so dass ich hier reinkommen und diese Größe ändern und OK auf dem iPhone sagen kann . Da gehen wir. Wir können weitermachen und es wird so aussehen. Also werde ich sicher und vorschauen, und ich werde Ihnen hier ein Beispiel zeigen. Das wird mich wirklich schnell hier reinkommen lassen und ich werde Ihnen zeigen, wie Sie dies auf verschiedenen Geräten ansehen können. Wenn Sie Safari verwenden, , wenn Sie Chrome verwenden ist es ein bisschen anders, wenn Sie Chrome verwenden. Aber auf Safari, wenn Sie Optionsbefehl gleichzeitig drücken, wird es tatsächlich in eine Vorschau gehen hier, und Sie können sehen, wie dies bei den verschiedenen Größen aussehen wird. Also haben wir ein iPhone S e. Wir haben ein iPhone sechs. Wir haben ein iPhone sechs. Plus. Wenn ich erneut auf das Symbol klicke, wird das auf eine andere Größe gedreht. Wenn ich hierher komme, um das iPad Mini vier in Landscape, Sie können sehen, dass unsere Animation passiert. Nun, lassen Sie uns das in den Portraitmodus drehen, und Sie können sehen, dass das wie ein Porträt aussehen wird. Jetzt. Das iPad Mini vier und das iPad Air zwei haben so ziemlich die gleiche Größe. Also, wenn ich hier rüber wechsle, kann ich sehen, wie es auf der Landschaft aussehen wird. So wird es im Portraitmodus aussehen. Ich kann auch im iPad Pro kommen, und ich kann bis zu verschiedenen Größen als auch gehen. Es hat einen Ziehbalken auf der linken Seite, links hier drüben, rechts hier und dann unten. Also, wenn ich eine sehr spezifische Bildschirmgröße habe, die ich versuchen wollte, kann ich das auch tun. Und was jetzt? Wie kommt man zu dieser Art von Ding in einem Chrom? Wenn Sie es gewohnt sind, Chrome zu verwenden, werden Sie hier hineinkommen, wo Sie sich ansehen und dann zum Entwickler gehen, kommen Sie vorbei, um Quell- oder Entwicklertools anzuzeigen? Ich werde hier zu Entwickler-Tools gehen, und ich werde auf diesen Schalter Gerät Tab-Leiste oder Symbolleiste klicken, und dies wird mir tatsächlich erlauben, meine unterschiedliche Größe der Überprüfung meiner verschiedenen Größen hier anzupassen . Also ich von 56 plus sechs iPad, iPad, Pro und Galaxy Nexus und andere Sachen. Wenn ich darauf klicke, können Sie sehen, was Sie Unterschied Inhalt wird damit sein. Wenn Sie Chrome verwenden, benutze ich normalerweise nur Safari. Aber wenn Sie Chrome verwenden, das ist ein guter Weg Zeh. Um das auch zu tun. Um aus ihm herauszukommen, klicken Sie einfach auf Option Befehl sind wieder, und das wird Sie aus diesem Vorschaubereich nehmen. So erstellen Sie die verschiedenen Layouts und fügen neue Layouts für die verschiedenen Größen von Tablets, Desktops und Telefonen im nächsten hinzu. Wir werden darüber sprechen, eine benutzerdefinierte Größe zu erstellen, wenn Sie wissen, dass Sie versuchen, verschiedene Geräte anzusprechen . Und es ist nicht eine dieser verschiedenen Größen, und Sie wollten eine benutzerdefinierte erstellen. Darüber reden wir im nächsten Video. 39. 39 Breakpoints verändern: Also in den letzten Videos, haben wir über die Anpassung Ihres Bildschirms gesprochen, so dass automatisch die Vorteile der gesamten Bildschirmgröße . Wir haben über das Erstellen eines neuen Layouts gesprochen, damit Sie bestimmte Inhalte für bestimmte Layouts in den verschiedenen Layouts erhalten können , die standardmäßig verfügbar sind. Aber was passiert, wenn Sie ein sehr benutzerdefiniertes Layout haben oder das wollten? Nehmen wir an, zwischen iPad, Portrait und iPhone wollten Sie ein Layout für iPhone six plus oder so etwas haben. Nun, das ist, wo Sie in die Layouts kommen können, und Sie können tatsächlich ein neues Layout hinzufügen, nur indem Sie Breakpoint sagen, hier reinkommen und das mit sagen, Okay, na ja, ich will etwas bei über 500 500 selbst haben und dann kann ich hier reinkommen und sagen, Okay, jetzt ist das von 500 bis 7 68 Es wird dieses Layout haben. Ich kann auch hier durch auf meiner Szene kommen, Inspektor anpassen oder das neue responsive Layout hinzufügen. Ich kann hier reinkommen und sagen Neues Layout hinzufügen und es wird dasselbe tun, so dass ich in den iPad-Layouts die Desktop-Layouts hinzufügen kann . Wenn ich sie nicht schon gehabt hätte. Oder Sie können hier kommen und Ungerechtigkeit Größe und sparen 500 klicken Sie auf neues Layout hinzufügen. Jetzt wird es ein Layout zwischen meinem iPhone und meinem iPad-Porträt zugeben, und ich kann hierher kommen und sagen, Okay , nun, wird iPhone sechs plus oder iPhone sieben plus oder, weißt du, unabhängig von der Größe, die es zu der Zeit ist. Also, jetzt habe ich das. Und wenn ich wollte, könnte ich hierher kommen und die Höhe anpassen. Wenn ich die Anfangshöhe haben wollte, sei es etwas. Aber die Skala nutzt so ziemlich die Höhe aus. Dann wird das sowieso 100% des Hypes sein, also musst du nicht sehr spezifisch werden. Zumindest muss es auf den Anfangspunkt bringen sagen: OK, OK, hier ist, wo das sein wird. Eine andere Sache, die Sie vielleicht wollen, um die Vorteile zu nehmen, ist kommen über das iPad Porträt. Gehen wir einfach weiter und kommen Sie in unsere Metriken. Inspektor, können Sie tatsächlich nach unten kommen und passen Sie die linke oben auf der Höhe, oder dort mit anfänglich. Also kommt die Linke auf der linken Seite vorbei. Dies wird es tatsächlich von links über anpassen, und dies wird die anfängliche Platzierung sein, obwohl dies auf der rechten Seite verankert ist, Sie immer noch die anfängliche Platzierung über auf der linken Seite anpassen jetzt, Also, das ist nur etwas zu beachten, dass sogar wissen, dass es auf der rechten Seite verankert ist. Es wird ursprünglich positioniert, so dass Sie es immer ursprünglich an einem bestimmten Punkt platzieren müssen. Aber wenn es sich an den gesamten Bildschirm anpasst oder die Größe neu anpasst, denken Sie daran. Das ist Ah, wo auch immer du hinstellst, es wird anfänglich sein, und es wird zu diesem Zeitpunkt ein Prozentsatz sein, von dem von deiner anfänglichen Sache, es wird dieser Prozentsatz sein 40. 40 JavaScript Actions Intro: Wir haben eine Menge der Teile der Lage, Ihre verschiedenen Objekte zu animieren, in der Lage, einige der Einstellungen innerhalb des Tumulttyps anzupassen. Jetzt werden wir über das Hinzufügen einiger benutzerdefinierter Funktionen mit JavaScript-Aktionen im Inneren sprechen . Es ist ein Maulwurf-Typ. Also habe ich hier ein Beispielprojekt. Ich werde das einfach auf meinem Desktop speichern. Ich werde es einfach nochmal Probe nennen. Ich mache mir mehr Sorgen darüber, dass ich die Funktionalität einfach herunterkomme, und dann hoffentlich später, und die Trainingsvideos werden verschiedene Beispiele haben, die Sie durcharbeiten können. Aber ich werde voran gehen und einfach hier „Speichern“ drücken, und dann werde ich reinkommen und ein Element erstellen. Ich werde runterkommen und klären, auf Rechteck klicken. Und so haben wir einfach etwas, mit dem wir auf der Bühne arbeiten können. nun Umnuneinen benutzerdefinierten JavaScript-Code auf einer Bühne oder auf einem beliebigen Differenzobjekt hinzuzufügen, müssen Sie entweder in die Szene, in den Inspektor kommen , oder Sie müssen in die Aktionen kommen, Inspector. Wenn ich in die Szene komme, Inspektor, dies ist, wo es kommen kann und fügen Sie Aktionen zu sehen gesehen Last auf Streichen nach links auf, wischen nach rechts auf, wischen nach oben, unten und so weiter. Wenn ich also einen benutzerdefinierten JavaScript-Code in einem dieser Elemente oder einer dieser Aktionen haben wollte , die das hier tun können, werde ich voran gehen, wählen Sie einfach dieses Objekt aus. Und ich möchte, dass dieser Code ausgeführt wird, sobald dieser darauf ausgewählt wird. Also werde ich hier rüber kommen und wählen Sie diese Maus oder die Aktionen, die Hand Aktionen Inspektor, und ich werde kommen und sagen, OK, OK, lassen Sie uns einfach das passieren auf den Mausklicks Ich will klicken Plus wählen Sie den Drop Down-Box und ich werde nach unten kommen, um JavaScript auszuführen. Wir wollen etwas Javascript ausführen. Nun, was passiert, ist in meiner Ressource ist, dass Sie bemerken, sobald ich eine JavaScript-Funktion erstelle , wird es hinzufügen. Innerhalb meiner Ressource ist, weil das Schöne daran ist, dass ich diese JavaScript-Funktion mit jeder Schaltfläche oder jedem Element wiederverwenden kann , das sie tatsächlich aufruft. Also, sobald diese kreative Funktion, ist es wiederverwendbar. Drinnen ist es ein Multi-Pass, also kommen wir runter und wählen dieses Drop-Down-Feld aus. Wenn ich bereits eine Funktion erstellt hätte, würde es hier tatsächlich die verschiedenen Funktionen zeigen . Aber in diesem Fall werde ich voran gehen und einfach auf neue Funktion klicken, weil ich noch nichts angefangen habe. Und das ist es, was es zeigt seine Shows. Hier, Pops, öffnen Sie einen neuen Tab, aber kommen Sie zurück zu hier, um ohne Titel gesehen dies wird. Dies ermöglicht es mir, auf die Timeline zurückzukommen, und Sie werden feststellen, dass in der Ressource wir jetzt diese unbenannte Funktion haben. jedoch Wenn ichjedochauf die Funktion zurückkomme, möchte ich als erstes diese Funktion benennen. Nun, das ist, dass Sie mit all Ihrem Code arbeiten, der in diese Funktion gehen muss. Und so werden wir weitermachen und es einfach etwas nennen, das Doppelklick dort, wo es ohne Titel steht . Und ich werde diese Probe Funks oder Koje nennen, ähm, und das Visum haben. Fügen wir einfach die eine hinzu, denn wir werden mehrere Funktionen hinzufügen, aber wir werden einfach weitermachen und das hier hinzufügen. Nein, es wird ein paar Parameter übergeben. Ah, Hype, Dokumentenelemente und Event-Panel. Dies ist kein Job-Skript-Kurs. Und so, wenn Sie alles über JavaScript erfahren wollen? Ich empfehle Ihnen, zurück zu lernen Dojo Dot Netze und melden Sie sich dort für unseren JavaScript-Kurs an. Also werde ich hier reinkommen, und wir werden nur eine einfache Alarmierung machen. Also werde ich Prinz öffnen Diese engen Klammern, offene Anführungszeichen, enge Anführungszeichen und wir werden nur sagen, Hey, wir werden nur ein einfaches Hey da warnen. Was passieren wird, ist, wenn ich wieder in mein berechtigtes gesehen komme, werden Sie feststellen, dass sich die Funktion innerhalb der Ressource tatsächlich geändert hat. So wird das je nach Registerkarte auch hier aktualisiert. Es wird aktualisiert, je nachdem, was ich es hier genannt habe, dass die gleichen Regeln mit JavaScript gelten . Sie sind Funktionen müssen ein Name sein. Sie können keine Räume oder so etwas haben. Folgen Sie einfach den gleichen Methoden so weit wie das, was Sie benennen. In Ordnung, also lasst uns einfach vorgehen und sehen, ob das funktioniert. Ich werde schlagen, speichern, speichern, und dann werde ich eine Vorschau darauf, und sobald ich darauf klicke, ist es, wenn diese Funktion passieren wird und Sie hier sehen können, ist es meine Javascript-Funktion, die ihre einfachen Warnungen direkt innerhalb von jedoch zusätzliche Funktionalität hinzufügen, können Sie jedoch zusätzliche Funktionalität hinzufügen,neben nur alarmieren, wenn Sie möchten, es gibt eine Menge, die Sie dio können, wenn ich wieder in diese Funktion einsteigen muss. Aus irgendeinem Grund, wenn diese Registerkarte geschlossen ist, könnte ich wieder in die Ressource kommen und doppelklicken Sie darauf oder klicken Sie unten an seiner Quelle. , den ich finde, ist jedoch, Der schnellste Weg, den ich finde, ist jedoch,indem ich darauf klicke und dann auf diesen Pfeil rechts hier klicke und das wird tatsächlich in der neuen Registerkarte auftauchen und mich zurück zu dieser Funktion bringen . Es gibt eine Menge, die Sie mit dem JavaScript tun können, aber Sie müssen wissen, wie Sie Ihre Dokumente in sauer Ihre Elemente innerhalb des Tumulttyps referenzieren können. Und das Schöne daran ist, dass wir hier sind. OK, Das Element ist das HT-Stecker-Dokument, das die Funktion ausgelöst hat. Also, was auch immer diese Funktion ausgelöst hat, die die Elemente sein wird. Das Ereignis ist Theo-Ereignis, das diese Funktion ausgelöst hat. Grundsätzlich, wenn es sich um ein Mausereignis oder ein Tippen oder so etwas handelt, könnten Sie das bestimmen und dies als Art von if und Anweisungen verwenden, wenn Sie es tun müssen. Allerdings wissen Sie vielleicht nicht alles andere hier, so dass es unten unten an der Unterseite. Wir haben eine Liste von verschiedenen Ressourcen ist, dass Sie tatsächlich tun können. Wir werden einige davon in den nächsten paar Videos durchgehen, aber im Moment möchte ich nur, dass du weißt, wie du wirklich reingehst und eins davon hinzufügst. Sie müssen also zuerst Ihren Cursor irgendwo innerhalb der Funktion platzieren und dann den gewünschten finden. Also lassen Sie uns voran und sagen, Äh gut, lassen Sie uns einfach voran gehen und sagen Dokument I d. Hier müssen wir nur damit zu tun ist diejenige, die ich will. Ich möchte voran gehen und doppelklicken Sie darauf und Sie werden es jetzt bemerken, platziert diesen Code in dieser Funktion, wenn ich es tun musste. Ich kann eine Variable hinzufügen und sagen, dass das Beispiel weit dem Hype-Dokument entspricht. Und dann auf diese Weise, wenn ich es in eine sehr schwarze und dann alarmierte, ist es jemand, der Alert-Beispielleiste sagen. Und jetzt, wenn ich auf Vorschau klicke, wird es diesen Index alarmieren. Unterstrich Hype Unterstrich Container. So viele verschiedene Elemente, die wir gehen, um zu gehen, wie einige von ihnen zu tun. Sie können die Zeitachse starten und stoppen. Sie können Elemente durch erhalten. Sie können die Immobilie bekommen. Sie können dann die Eigenschaft eines bestimmten Elements auf Opazität Null setzen. Wenn Sie Dinge verstecken und zeigen wollten, wenn Sie hineingehen und über das JavaScript zur nächsten Szene springen wollten, könnten Sie das tun. Wenn Sie die Zeitachse anhalten möchten, wenn Sie die Zeitachse starten möchten. Einige von diesem Zeug ist das gleiche wie das, was eine Aktion würde SEO. Es kann Fälle geben, dass wir es nicht tun wollen, aber Sie möchten vielleicht ein bedingtes Element haben, das sagt: Wenn das gut spielt, dann hören Sie auf, oder wenn dies die Dauer ist eine bestimmte Menge, dann aufhören oder spielen. Das ist oder machen Sie so etwas. Daher ist es in einigen Situationen nützlich, diesen Code referenzieren zu können. Also werde ich einfach die nächsten paar Videos durchgehen und wir werden Ihnen zeigen, wie Sie ein paar davon machen , beginnend mit dem Dokument, wie Sie mit dem Dokument arbeiten können, indem Sie das I d bekommen oder ein I D festlegen und wie Sie einige verschiedene Elementeigenschaften, also gehen wir voran und beginnen mit, dass im nächsten Video. 41. 41 Document: im letzten Video haben wir darüber gesprochen, diese Funktion aus einer Mausaktion zu erstellen. Und so werden wir in diesem Video nur einige der Differenzcode-Elemente erkunden, die wir hier unten tun können , die verschiedenen Code Hansen Sachen, die wir jetzt zur Verfügung haben, wenn ich wollte, wie Sie in das letzte Video, wenn Sie einfach auf etwas doppelklicken, wenn Sie das verwenden wollten und dann können Sie es von dort ändern. Aber das erste, was ich tun möchte, ist, dass wir bereits ein wenig über das Dokument namens Dr. Night gesprochen haben . Die Ressource ist Ordner und Funktionen. Ich benutze diese Ach oft nicht. Sie sind da. Wenn du Teoh brauchst, verweise sie ein bisschen mehr. Und wenn dies Ihnen nicht genügend Informationen darüber gibt, womit Sie arbeiten werden , gibt es einen weiteren Info-Button, der mit einer Dokumentation für den Tumult-Typ geöffnet wird, und es geht in ein wenig mehr Tiefe dessen, was Sie möglicherweise Sie möchten für die Zeitlinien verwenden, wie Sie diese verschiedenen Zeitlinien starten oder etwas. die Zeitlinien verwenden, Also, das ist nur etwas im Auge zu behalten ist, dass Sie darauf klicken und ein wenig mehr lesen ein wenig mehr dort. Aber wenn du wie ich bist, sehe ich gerne Sachen in Aktion. Also lasst uns weitermachen und etwas davon erkunden. Ich werde zuerst kommen, um Element von i d zu bekommen damit wir tatsächlich ein bestimmtes Element bekommen können, wenn wir mit einem Element reden wollen, besonders wenn wir ein bestimmtes Element verstecken wollen. Das ist nicht das Element, auf das geklickt wurde, weil Sie hier bemerken werden, dass das Element vorbei ist. Wenn wir also nur mit diesem Element sprechen, dann müssen wir es nur nach Element referenzieren. Aber wenn wir mit einem anderen Element reden wollen , dann müssen wir wirklich reingehen. Und wir müssen die Elemente bekommen, und wir müssen das identifizieren, also ist das für diese Art von Sache nützlich . Also werde ich voran gehen und doppelklicken Sie darauf und dann können Sie sehen, es sagt Hype Dokument Punkt get Element von I D. Und dann in Anführungszeichen ist I. D. Nun, es gibt wirklich kein Element, das ich d Da draußen, also müssen wir tatsächlich in unsere Szene gehen und wir müssen ein Element erstellen, das ein I d hat. Also werde ich reingehen und diesen Kreis erstellen und Sie können den Elementen eine 90 geben, indem Sie zum Inspektorfenster hier auf der rechten Seite kommen . Und das ist eigentlich der Identitätsinspektor und wir werden sofort runterkommen. Es steht Anzeigename. Das ist es, was hier angezeigt wird. Das kann ich hier ändern. Oder es könnte diesem ein einzigartiges Element geben. Ich d und so alle Elemente. Es kann nicht die gleiche Klasse haben, die nicht dasselbe I d mehr als ein Element haben kann oder nicht . Sie müssen ihm eine einzigartige geben. Wenn Sie mit mehreren Dingen gleichzeitig sprechen wollten, können Sie das mit dem Klassennamen tun, und so können Sie ihm eine Reihe verschiedener Klassennamen geben und auf diese Weise referenzieren. Aber in diesem Fall werden wir nur mit diesem einen bestimmten Punkt reden, weil die Ereignisse, die aufgerufen werden , auf diesem Element sind. Also reden wir nicht mit diesem spezifischen. Wir werden mit etwas anderem reden, also werde ich voran gehen und diesen Kreis anrufen und dann werde ich schlagen, speichern und wieder in meine Beispielfunktion kommen. Einer hier und wir werden sagen: Nun, Nun, das wird Kreis sein. Wir werden mit dem Kreis reden. Aber das Schöne ist, wenn ich dies innerhalb anderer Elemente referenzieren wollte, wenn ich mehr Code hinzufügen werde, ist es wahrscheinlich einfacher, dies in einer Variablen zu platzieren. Und so werden wir sagen, Kreis gleich und dann haben das gleich danach. Also, jetzt, von jetzt an, kann ich voran gehen und den Referenzkreis verwenden, und es wird über diese Elemente auf der Bühne sprechen. Also das ist eine Möglichkeit, tatsächlich auf die i D zu verweisen aber wir können auch die verschiedenen Eigenschaften über das ich d bekommen. Also werde ich voran gehen und hier doppelklicken. Und so sagen wir Hype Dokument, bekommen Elementeigenschaft und über welches Element wir reden werden. Nun, wir werden nicht über die reden, die angeklickt wurde. Wir werden eigentlich über diesen Kreis reden, also möchte ich voran gehen und darauf doppelklicken. Und welchen Immobiliennamen werden wir dann tun? Nun, wir werden sagen, links. Also lasst uns die linke Eigenschaft holen. Was ist die linke Eigenschaft? Ich will es wissen. Nun, in Ordnung für mich, wenn ich es hier vorschau und darauf klicke, sehe ich das nicht wirklich, weil ich nichts mit diesen Informationen mache . Also muss ich etwas mit diesen Informationen machen. Also lasst uns einfach voran gehen und das in eine einfache Warnung einwickeln. Ich möchte eine Warnungen haben, die dort mit der Elementeigenschaft geöffnet werden. Also werde ich die heißen Hype-Dokumente einpacken, Elementeigenschaftskreis und alles in Klammern und Alarmklammern bekommen. Da. Ich werde schlagen, speichern und dann eine Vorschau anzeigen. Und wenn ich darauf klicke, wirst du bemerken, dass das sagt, 445. Das ist die linke Eigenschaft dafür. Und so kann ich einige Informationen über verschiedene Elemente auf meiner Bühne sammeln. Das ist, wo es nützlich wird. Und dann, wenn ich sterbe, dann kann ich Anweisungen hinzufügen, wie wenn die get elements circle left Eigenschaft größer ist als diese, dann tun Sie das. Und so können Sie einige bedingte Dinge innerhalb von dort hinzufügen, die, um das zu tun, ich würde es in einer anderen Variablen platzieren. Das werde ich loswerden. Alarmieren Sie die offenen Klammern, schließen Sie Klammern dort, und dann werde ich unseren Gleichheitskreis links speichern und sagen, OK, das wird das Eigentum der linken hier sein. Und dann gehen wir weiter und sagen, wenn der Kreis links größer oder gleich 500 ist, dann werden wir alarmieren. Also sag, yo, tut mir leid. Weniger als an. Das ist, was das kleiner ist, als wenn Kreis links kleiner oder gleich 500 ist, dann Zitate oder das tun , ich werde eine Sache hier versuchen, nur um zu sehen, ob wir es ohne die Anführungszeichen machen können. Und doch können wir, damit Sie es tun können. Die Anführungszeichen werden eine Zeichenfolge sein, die in diesem Fall funktioniert. Ähm, aber wenn Sie den genauen Wert der Eigenschaft haben wollten, dann würde ich es ohne die Strings dort tun. Also, wenn ich jetzt größer machen wollte als dann könnte ich, ah, 200 hier, 200 hier, und Sie könnten sehen, 445 ist größer als Und das ist, was nützlich ist, um diese Elementeigenschaften zu platzieren, und dann die Logik anpassen, und das ist etwas, was Sie nicht nur mit den normalen Triggern im Inneren tun können. Es ist ein Maulwurf-Typ. Also lasst uns weitermachen und noch eine Sache machen. Lassen Sie uns tatsächlich die Elementeigenschaft setzen. Ich brauche das nicht mehr, weil ich es gerade habe. Aber ich werde voran gehen und sagen, Hey, Kreis, Kreis, wir werden Ihre Elementeigenschaft festlegen, indem wir hierher kommen, um Elementeigenschaft festzulegen. Wenn ein Doppelklick darauf, und wir werden sagen, Dokument Punkt gesetzt Elementeigenschaft und wir sprechen nicht mit dem Element, die, die wir geklickt haben. Wir werden eigentlich mit dem Kreis reden. Also kopiere ich das und füge es hier ein. Und mit welchem Namen der Immobilie werden wir reden? Nun, was sind die Möglichkeiten hier unten? Es sagt mir, was die Optionen sind, sagt oben links mit Höhe, drehen, drehen, Z-Skala, X-Skala y Deckkraft und Z-Index. Wenn ich Dinge ah, die Ebene nach oben oder unten bringen wollte , kann ich den Z-Index verwenden. Wir sagen nur links und dann den Wert hier. Nun, welchen Wert wollen wir? Nun, gehen wir einfach und sagen, es wird 100 sein, und wollen wir, dass das oder zwei Feinde übernimmt. Wenn wir es nicht tun, können wir das einfach nehmen. Dies ist die Anzahl der Sekunden, und wir könnten das auf Null senken, und das wird sofort passieren. Wenn wir das tun, dann werden wir weitermachen und das bei 1,0 belassen, was eine Sekunde ist. Und dann kann ich sagen, Hier ist meine Leichtigkeit in und heraus, so dass ich tun konnte einfach einfach in, Leichtigkeit, wenn ich wollte, dass zu necken oder er fügt etwas Lockerung, dass. Also werde ich in nur einer Vorschau darauf gehen, und sobald ich darauf klicke, werden Sie feststellen, dass mein Kreis von der rechten Seite nach links und Seite animiert wird, und das erlaubt mir, etwas spezifischer damit zu werden. Und dann kann ich wählen, mehrere Dinge auf einmal zu animieren und auf diese Weise, die Zeit wie und laufen auf eigene Faust. Und dann kann ich diese Animation auslösen, wann immer ich will. Das ist also eine nützliche Sache daran. Jetzt. Es gibt einige andere Dinge, so dass Sie ein benutzerdefiniertes Verhalten auslösen können. Wenn Sie irgendwo ein anderes Verhalten haben, können Sie das auslösen. Ich neige nicht wirklich dazu, so viel zu benutzen oder bin nicht auf irgendeine Situation gestoßen, in der ich das benutzt habe und wenn nötig wirklich raus ist. Wenn Sie ein wenig mehr erkunden wollten, können Sie auch einen Blick darauf werfen. Aber das ist zumindest, wie Sie mit dem Dokument arbeiten. Wie Sie einige der Elemente auf der Bühne erhalten, wie Sie einige der Eigenschaften auf der Bühne aktualisieren. Um, und es wird, wie Sie diese Eigenschaften auch auf den nächsten Wert animieren. 42. 42 Verweisungszeichen JavaScript: In Ordnung. Also der letzte Abschnitt, über den ich sprechen werde, ist das Symbol Instances Now, die Symbolinstanzen, wenn Sie tatsächlich kommen und einen Blick auf die Timeline und die verschiedenen Symbole direkt hier werfen oder Elemente erhalten. Entschuldigung. Wenn man sich die Zeitlinien und auch Szenen, alles, was es innerhalb der Symbole ist, Es sagt im Grunde, wie man ein Symbol von I d referenziert. Mit Namen als auch. Und dann können Sie Dies zeigt Ihnen, wie Sie tatsächlich eine Timeline eines Symbols starten, wie eine Timeline fortsetzen, wie Sie die Dauer der Timeline innerhalb eines Symbols erhalten, wie Sie sehen, ob dieses Symbol abgespielt wird oder nicht so verschiedene Dinge, die Sie tun kann. Aber Symbole sind ein wenig anders als das, was die Elemente sind. Also verweisen Sie nur auf eine etwas andere Art und Weise. Also werden wir voran gehen und wieder in das Gesehene hier kommen, und wir werden eines dieser Objekte in ein Symbol umwandeln. Also zuerst werde ich hier ein Differenzobjekt machen. Nur damit wir etwas etwas anderes haben, wird es kleiner machen, und ich werde die Farbe in eine andere Farbe ändern. Also lasst uns weitermachen und es wie ein Grün hier ändern, und ich werde mit der rechten Maustaste darauf klicken und ich will eigentlich zum Symbol kommen und dann zu ihm gehen. Entschuldigung, diese Gruppe wird rückgängig gemacht. Ich möchte das auswählen, gehen Sie zu einem neuen Symbol aus der Auswahl und das wird ein Symbol für mich erstellen. Also, wie wir in früheren Videos gelernt haben, wenn Sie diese Videos aus irgendeinem Grund überspringen, empfehle ich dringend, zum Symbolbereich zurückzukehren. Aber die Symbole haben unterschiedliche Zeitlinien darin. Also, wenn ich darauf doppelklicke, wird es mich in dieses Symbol bringen. Und wenn ich die Zeitleiste hier ein bisschen mehr ausdehne, können Sie sehen, dass es mein Symbol gibt. Es gibt meine verschiedenen Eigenschaften und so weiter. Also bin ich hier drin. Dieser violette Balken lässt mich wissen, in welchem Symbol ich mich befinde. Ich bin in diesem Symbol, und ich werde voran gehen und einfach eine Animation für die zweite Animation hier erstellen, und wir gehen einfach voran und lassen uns diesen Umzug zur linken rechten Seite dort haben , und Das ist so ziemlich es. Wenn ich also voran gehe und drücke, speichere und dann eintrete, werden Sie feststellen, dass dieses Symbol, die Animation dieses Symbols, innerhalb des Symbols selbst abgespielt wird. Denn wenn ich diese Animation selbst verlasse, ist es nicht auf der es auf der Hauptzeit ist. Linus weit ist hier sichtbar, aber es ist eigentlich die Animation. Ich kann diese Animation nicht ändern, ohne in das Symbol selbst zu gehen, darauf zu doppelklicken und dann in das Symbol dorthin zu gehen. Wenn also aus irgendeinem Grund zur gleichen Zeit, dass ich diese Animation pausieren oder etwas mit dieser Animation machen möchte , möchte ich vielleicht auch diese Animation selbst referenzieren. Ich könnte das tun. Und zuerstmüssen Sie ihm ein I. D.geben, müssen Sie ihm ein I. D.geben D. also wenn Sie in den Identitätsinspektor kommen und ich werde diesem ein I d von Green Square geben und jetzt werde ich in meine Beispielfunktion kommen, und wenn Sie sehen das nicht, Sie können fortfahren und dieses Objekt hier auswählen, in Ihr Aktionsfeld kommen und dann auf den Pfeil klicken und das wird in der Beispielfunktion angezeigt. Nun, was ich tun muss, ist, dass ich auf dieses Symbol verweisen muss. Also komme ich zum Symbolabschnitt und ich werde voran gehen und zuerst, erstellen von unseren und wir werden sagen, Green Square gleich und dann werde ich doppelklicken wo sagt Symbol bekommen, indem ich sicherstelle, dass ich hier geklickt werde und da gehen wir. Ich werde das I d auf Green Square umstellen. Und das habe ich dem I. D. im Identitätsinspektor gegeben. Und jetzt kann ich darauf verweisen und mit diesem grünen Quadrat sprechen, indem ich hier den Grünen Platz tippe. Jetzt kann ich mehr als einen machen, wenn ich wollte. Wenn ich mit mehreren verschiedenen Instanzen s sprechen wollte, so werde ich voran gehen und sagen, OK, Symbolname. Wenn es eine Art von Symbolnamen gibt, kann ich mit jedem Symbol sprechen, das Symbole bekommt, die Sie mehrmals verwenden können. Und wenn du mit allen reden wolltest, kannst du es auch so machen. Und so ist das nächste Objekt Get simple Instance Wenn Sie eine Symbolinstanz mit einem bestimmten Namen erhalten möchten , ein Symbolname den Symbolnamen zurück, wenn Sie das erhalten möchten, wenn Sie ein Element und eine Seite des Symbols erhalten möchten, weil die Symbol selbst könnte mehrere Elemente haben. kannst du tun. In diesem Fall kommen wir einfach runter. Sie können die Zeitachse starten und die Zeitachse anhalten. Jetzt muss ich den Namen der Zeitleiste kennen. Also werde ich wieder in dieses Symbol kommen, und ich werde in Mäuse kommen. Ich möchte in mein Symbol kommen, Inspektor. Und Sie können sehen, dass der Symbolinspektor Hauptzeitachse sagt. Und so werde ich voran gehen und einfach in meine Beispielfunktion kommen und die Linie runterkommen, und wir werden pausieren. Doppelklicken Sie darauf. Ich werde sicher, dass Sie die Linie hier runter kommen, wenn ein Doppelklick auf Pause Timeline. Und ich werde das durch die Hauptzeitlinie ersetzen. Wir werden es sehen. Welches Symbol werden wir bekommen? Wir sagen „Grüner Platz“. Oh, tut mir leid. Ersetzen Sie diesen ersten Teil nicht durch Green Square und lassen Sie uns voran und klicken Sie einfach darauf und Sie können sehen, dass es angehalten ist. Also muss ich den ersten Teil ersetzen. Aber es sagt nur Pause, Timeline genannt, und wir werden nennen, dass die Timeline selbst in der Hauptzeitleiste ist, also werden wir diese Zeitachse positionieren. Wir können dann die Zeitleiste fortsetzen. Wir können zu einer bestimmten Zeit in der Timeline gehen, wie wir es in der vorherigen gelernt haben. Wir können die Dauer bekommen. Wir können sehen, ob es spielt, aber es ist nur, dass Sie dies auf eine andere Art und Weise referenzieren müssen. Sie müssen das Symbol auf eine andere Weise erhalten als das, was Sie mit den Elementen gemacht haben. Und sobald Sie das tun, können Sie so ziemlich dasselbe tun, mit dem Sie arbeiten, bevor Sie sich noch ändern können . Die Eigenschaften der verschiedenen Elemente können Sie gehen und erhalten, dass Elemente innerhalb des Symbols und passen Sie die linke Eigenschaft. Einstellen der Kapazität. Passen Sie so ziemlich alles an, was Sie brauchen, um mit dieser Symbolinstanz zu erhalten. Alles, was Sie tun müssen, ist einzugeben. Wenn ich hier klicken sollte, gehen Sie hinein und sagen Sie einfache Instanz. Sicher, ich klicke auf ihre Symbolinstanz und bekomme dieses Element, und dann muss ich nur im Grunde definieren, welches Element ich bekommen möchte. So arbeitest du dort mit Symbolen. Eine andere Sache, die Notiz befindet sich in Ihrem Symbolinspektor, Sie können dieses Symbol von Standard zu persistent, persistent, im Grunde angepasst ändern persistent, . So können Sie dies tatsächlich über mehrere unterschiedliche Szenen oder mehrere verschiedene Seiten , Szenen, was auch immer Sie damit brauchten, aber ziemlich anders. Alles andere ist gleich, und es ermöglicht Ihnen, dieses Symbol mit Ihren Funktionen mit Ihrem Job Skript dort zu referenzieren . 43. 43 Zeitleiste n Szene JavaScript: in diesem nächsten Abschnitt. Ich möchte über Szenen und Zeitpläne sprechen. Dies sind also zwei verschiedene Dinge, die Sie innerhalb des Tumulttyps tun können, um zu einer bestimmten Szene zu navigieren oder eine bestimmte Timeline zu starten, bestimmte Timeline zu hinterlegen oder sogar zu überprüfen, ob eine bestimmte Timeline einfach ist. Und so werden wir weitermachen und ein paar davon erkunden. Und so das erste, was wir sind immer noch in der gleichen Funktion, wo wir die berechtigte Szene haben und wir haben dieses Rechteck, das im Grunde diese Funktion auslöst. Ich habe das hier loswerden. Ich habe immer noch das Element, das ich da drüben habe. Aber ich habe das vorerst loswerden. Also gehen wir weiter und um zu einer anderen Szene zu springen oder zu einer anderen Szene zu gehen, muss ich herkommen und sicherstellen, dass das May Szenen Panel hier zeigt. Klicken Sie auf das Plus-Symbol und erstellen Sie dann eine neue Szene. Also lasst uns einfach voran gehen und diese Szene nennen. Ein Doppelklick darauf und ich werde Szene eins sagen, und dann werde ich den nächsten nennen, der scheint, und jetzt, was wir tun werden, ist vor Ort, um ich werde nur einen Text hinzufügen, der besagt, dass dies zu gesehen wird , nur damit wir wissen, dass wir navigiert haben , die jetzt wieder scheinen, Sie können in gehen und Sie können auf ah hinzufügen, durch diese Ereignisse können Sie auf einem Go to Szene hinzufügen. Aber es durch das Job-Skript zu tun erlaubt, dass Sie bei der Spitze ein wenig mehr Funktionalität hinzufügen sagen, Nun, sie müssen dies und das klicken, bevor sie tatsächlich weitergehen. Dies ist also etwas, wo nützlich sein kann, um dies noch zu tun, aber indem Sie etwas mehr Logik hinzufügen. Also werde ich voran gehen und unter dem Szenenabschnitt, werde ich den aktuellen gesehenen Namen sagen, wenn ein Doppelklick darauf. Und dann lasst uns das einfach innerhalb einer Variablen platzieren. Eigentlich, lassen Sie uns das einfach innerhalb von Warnungen platzieren, damit wir sehen können, was die Strömungen gesehen Namen sind, und dann könnten Sie sehen, dass es gesehen wird, und auf diese Weise Toe lässt uns wissen, dass das die Szene ist, und wir können einige logische Sprichwort, wenn man das sieht, wenn man dies und so weiter zu tun scheint. Also lasst uns das loswerden. Also hier und die nächste ist eine Show namens gesehen, und dies wird uns erlauben, zu einer bestimmten Szene zu gehen, und es erlaubt uns sogar, zu gehen oder geben Sie den Übergang oder Kreuz Fade, so dass Sie die hier sehen können , sagt K. Gesehen Übergang Kreuz verblassen. Nun, welche anderen Möglichkeiten haben wir? Dies sind die verschiedenen Optionen, die wir zur Verfügung haben. Cross Fade, Swap Swipe oder sorry Swap gedrückt von unten nach oben. Und das waren die gleichen Optionen, die wir haben, Wir können in der Anzahl der Sekunden definieren, die es braucht, um tatsächlich dorthin zu gehen. Jetzt müssen wir die Szenennamen angeben, also möchte ich voran gehen und sagen, dass wir zwei sehen und dann werden wir schlagen. Wir werden darauf klicken, und jetzt wird es gehen, um zu scheinen, und Sie können sehen, dass es das Kreuz verblasst Vaid von einer Szene zur nächsten Szene. das Javascript dort jetzt tun, Wenn Siedas Javascript dort jetzt tun,müssen Sie nicht den Namen angeben, wenn Sie nicht wissen, was die nächste Szene sein wird . Insbesondere können Sie gehen und klicken Sie auf die nächste Show nächste Szene, und dies wird zur nächsten Szene gehen und Sie können auch den Übergang angeben. Oder Sie vermitteln zuvor gesehen diese gut, Also lassen Sie uns gehen und loswerden, dass Doppelklick auf vorherige Szene und das wird zur vorherigen Szene gehen . Also, das ist im Grunde nur die Szenen. Und wieder, die Sie dies durch die Trigger tun können und sagte, es kleine Art mit der realen Macht davon ist, können Sie eine zusätzliche Logik hinzufügen angeben. Zusätzliche JavaScript-Variablen überprüfen, um zu sehen, ob auf etwas geklickt wurde, bevor Sie diesen Übergang tatsächlich ausführen. Das ist also der Rial-Vorteil dafür. Wenn Sie dort eine bedingte Logik hinzufügen wollten, also lassen Sie uns voran gehen und über Zeitlinien sprechen. Nun, jetzt, Timelines, wenn Sie in unserem gesehenen Inspektor bemerken, wenn ich hier in den Szeneninspektor komme, kann ich hier zusätzliche Zeitpläne hinzufügen. Also möchte ich weitermachen und eine neue Timeline erstellen und wir werden diese Zeitlinie zu und in der Zeitlinie anrufen , um sicherzustellen, dass ich auf Showtime Linie klicke. Ich gehe weiter und klicke auf die Aufzeichnung und schiebe das hier rüber meinen Kreis hierher, und das dauert ungefähr vier Sekunden. Großartig. Gehen wir weiter und gehen Sie zurück zur Hauptzeitleiste Klicken Sie auf Show Timeline. Aber wenn ich drücke, geben Sie die Timeline nicht wirklich spielen. Also gehen wir zurück in diese Beispielfunktion und wir werden voran gehen und sagen, Start Timeline genannt und ich will Doppelklick darauf. Und es wird im Grunde diesen Timeline-Namen wollen, zu dem wir es Timeline nannten, und Sie können es entweder vorwärts tun oder Sie können es in umgekehrter Richtung tun, also werde ich voran gehen und speichern in der Vorschau. Und jetzt, sobald ich darauf klicke, beginnt es die Zeitleiste. Jetzt kann ich wieder hier reinkommen und sagen: Nun, Nun, wenn diese Zeit, Linus-Flugzeug. Also lasst uns wieder hier reingehen und eine Hauptzeitlinie starten. Wir werden der Hauptzeitleiste eine Animation hinzufügen, und ich werde sagen, dass das hier oben bewegt wird, und das wird auf meiner Hauptzeitleiste sein. Nun, jetzt gehen wir weiter, und ich möchte anhalten, dass, wenn das angeklickt wird, wir das anhalten, anstatt auf die andere Timeline zu gehen oder zu spielen. Ich möchte aktuelle Timeline positiv. Also lasst uns diesen Code hier wieder loswerden. Gehen Sie weiter und schlagen Sie. Löschen Sie das und wir werden doppelklicken, wo es sagt Pause, Timeline wird die Zeit später, wir werden pausieren. Das wird die Hauptzeitlinie sein. Also in den Anführungszeichen möchte ich Haupt-Timeline sagen und sicherstellen, dass ich dieses Leerzeichen habe, weil ich in meinen gesehenen Namen zurückgehe , mein Timeline-Name dieses Leerzeichen auch hat. Also, jetzt geh. Gehen Sie voran und drücken Sie, speichern Sie in der Vorschau. Und sehen Sie, wenn ich in der Mitte der Animation darauf klicke, wird es pausieren, und dann kann ich es wieder abspielen, wenn nötig. Also, das ist eine weitere Möglichkeit, Pause zu machen. Wir haben auch die Zeitlinie fortgesetzt, und das wird auch. Grundsätzlich, wenn es Pause ist, setzen Sie die Timeline bei Bedarf fort, oder es kann zu einer bestimmten Zeit in der Timeline gehen. Dies ist nützlich, wenn Sie zu einem bestimmten Punkt springen möchten. Ah, wir wissen, dass der Name der Zeitachse die Hauptzeitlinie sein wird, und dann werden wir zu ,sagen wir, zwei Sekunden springen , sagen wir, . Und wenn ich auf Speichern Vorschau, klicken Sie auf diese wirklich schnell und Sie konnten sehen, dass es irgendwie sprang. Wenn ich noch einmal darauf klicke, können Sie sehen, dass es zurück auf die zweite Timeline springt. Dies ist, wo Sie hineinkommen, gibt es nicht wirklich eine Dropdown-Funktion für diese Art von Sache. Dies ist, wo Sie in einige zusätzliche Funktionen kommen können. Also aktuelle Timeline benannt Ihre aktuelle Zeit und Timeline Dies im Grunde, wenn wir dies innerhalb einer Variablen platzieren und speichern unsere aktuelle Zeit gleich und dann lassen Sie uns doppelklicken auf dieses Was? Wir werden die aktuelle Zeit in der Hauptzeitleiste bekommen, und jetzt werde ich die aktuelle Zeit alarmieren. Und jetzt, wenn ich darauf klicke, dass Sie es sehen können Warnungen hier. Und hier kann ich sagen, beginnen Sie, einige zusätzliche Funktionen hinzuzufügen. Nun, wenn Ströme Zeit kleiner oder gleich zwei Sekunden ist, dann, wenn dies angeklickt wird, werden wir Timeline nicht fertig warnen. Nun, wenn ich voran gehe und die Vorschau drücke, können Sie sehen, dass die Zeitleiste nicht beendet beginnt oder an diesem Punkt ausgelöst wird. Aber wenn ich dann noch einmal darauf klicke, passiert eigentlich nichts. Denn jetzt liegt die aktuelle Zeit mehr als zwei Sekunden innerhalb dieser Zeitleiste. Nun, schauen wir uns die nächste Option an. Nehmen wir an, Dauer für die Zeitachse. Also werden wir sagen, OK, lasst uns diese warnen, öffne enge Klammern und dann mit meinem Cursor in der Mitte meiner Klammern. Und wenn es doppelt auf diese Steckdosen klickt, war das die falsche. Wir werden sagen, Dauer für die Zeitachse, und das wird die Dauer der Hauptzeitleiste alarmieren. Also egal, wenn ich klicke, dass es nur zu alarmieren, es setzt auf sechs Punkt auf die Dauer dieser Zeitachse. Aber das erlaubt mir auch, OK zu sagen, wenn die Dauer zu einem bestimmten Zeitpunkt ist und wenn die aktuelle Zeit,wissen Sie,mit der Dauer beendet ist wissen Sie, , als ich auch eine andere Logik tun könnte. So aktuelle Richtung für die Timeline, das ist im Grunde sagen, wird vorwärts geht rückwärts. Das erlaubt mir, dort einige Informationen zu bekommen, aber dann ist die letzte das ist einfach, wenn ich überprüfen möchte, ob es einfach ist, ob es nicht spielt, als eine Logik auszuführen, aber lassen Sie uns voran und doppelklicken Sie darauf und Sie können sehen Dokument ist einfach Timeline und benannt, und wir werden sagen, dass wir eigentlich Timeline eins sagen. Gehen Sie zurück hier und stellen Sie sicher, dass der Name der Timeline ist, was die namenlosen und wir werden überprüfen, ob das klar ist. Wenn es nicht so ist, dass wir etwas anderes tun werden. Also werden wir sagen, lasst uns das nur alarmieren, also setze ich das in Klammern. Ist es klar? Es wird mir einen wahren oder falschen Hit geben, sparen und Sie könnten sehen, dass es Fehler sagt. Nun, was ich tun werde, ist stattdessen, wenn es Fehler ist, und so lassen Sie uns voran und legen Sie dies in eine Variable, damit wir ein wenig besser damit arbeiten können . Also werde ich lange Zeitachse zu Ebene gleich speichern und dann werden wir sagen, dass es dort spielt und dann werde ich sagen, ob Timeline zu Flugzeug gleich ist dann, was wir zu Dio gehen, ist dass wir diese Zeitlinien spielen, wenn ich zurückkomme und höre, Starten Sie Timeline genannt und wir werden Timeline zu sagen, und wir werden das an diesem Punkt beginnen, wenn es nicht spielt, also spielt es jetzt nicht. Wenn ich voran gehe und auf diese Schaltfläche klicke, können Sie sehen, dass es diese Timeline gestartet wurde. Ich habe nicht die Option für relativ ausgewählt. Also werde ich voran gehen und einfach beide auswählen, um relativ zu sein und jetzt Preview zu treffen und Sie können sehen, dass es beginnt zu animieren über. Und es ist der Verwandte, wo auch immer die Position war. Jetzt wird es automatisch mit dieser Timeline animiert. Das Hinzufügen dieser verschiedenen Job-Skript-Funktionalität mit der mit den Timelines der Szenen erhält grundsätzlich nur viel mehr Details, und Sie können mehr Bedingungen zu seinem Inneren des Symboltyps hinzufügen. Das ist also der eigentliche Vorteil, dass man diese Art von Sache tun kann. 44. 44 wiederverwendbare Funktionen: Wenn Sie eine Funktion erstellt haben und diese Funktion in verschiedenen Instanzen wiederverwenden möchten, wenn auf etwas anderes geklickt wird und Sie den Code nicht neu schreiben müssen, können Sie hereinkommen. Und wenn diese Funktion innerhalb der Ressource ist Ordner hier, so dass Sie sehen können, dass ich das habe . Ein Musterfunk. Eine innerhalb der Ressource ist, wenn ich das gleiche auslösen möchte, wenn dies hier angeklickt wird , kann ich hereinkommen und auf die Maus klicken. Aktionen gehen nach unten zu Mausklick, wählen Sie das Dropdown-Feld für Ausführen JavaScript, und dann kann ich die Dropbox auswählen, um dieses Beispiel Funk auszuführen. Eines ist, das ist das Schöne daran, wenn Sie diese Funktion eingerichtet haben, können Sie diese Funktion wirklich in irgendeiner Weise auslösen. Sie können diese Funktion auslösen, wenn sie gezogen wird. Sie können auslösen, wenn es mit der Maus über ist, Sie können auslösen, wenn es angetippt wird. Sie können auslösen, wenn es ist, wenn das Wischen und verschiedene Dinge wie, die Sie einfach die gleiche Funktion ausführen können . Aber das ist nur eine einfache Möglichkeit, im Grunde OK zu sagen, sobald ich diese Funktion erstellt habe, werde ich dieselbe Funktion mehrmals auslösen 45. 45 jQuery anbringen: eines der netten Dinge über zwei Multi Erbsen, die Sie von jedem Ort aus andere externe JavaScript-Bibliotheken einbringen können , im Grunde aus grüner Socke von J Query und anderen Elementen, die Sie einbringen und diese Funktionalität verwenden möchten. Das ist Teil dieser JavaScript-Bibliothek im Inneren. Es ist eine Multi Gruben. Eine wirklich schöne Feature-Zehe. Soll ich Ihnen zeigen, wie man das macht? Also werde ich eine der Standardabfragen einbringen, die nur im Grunde J-Abfrage ist. Ich will gehen. Gehen Sie voran und kommen Sie hierher und ich ging zu j Query dot com und dann zum Download-Abschnitt. Und das ermöglicht es mir, herunterzuladen. Und ich wählte den Download aus. Komprimierte Produktion Jay Query 3.1 Punkt eins. Wenn es ein späteres ist, wird das immer noch funktionieren. Wenn es ein früheres ist, wird es auch funktionieren. Aber ich habe das auf meinen Desktop heruntergeladen. Also habe ich diese Jake Worry 3.1 Punkt eins Männer Dot Js. Also werde ich hier reinkommen und wieder in den Tumult-Typ gehen und innerhalb des Tumulttyps werden wir in die Ressource kommen, ist Panel. Wir werden auf dieses Plus-Symbol klicken und wir werden sagen, hinzufügen und JavaScript oder Datei hinzufügen und wir werden hier kommen, wählen Sie die J. Corey Mobile einen Stern, nicht Jaqui Mobile, nur normale Jake Worry. Und jetzt ist das im Grunde in unsere Ressource hinzugefügt wurde. Aber wenn ich darauf auswähle, werden Sie feststellen, dass es in Document Head enthalten heißt. Das bedeutet, dass es Teoh das anheften wird. Wenn ich dies in einer Vorschau vorsehe, gehen wir weiter und sehen uns das an. Und wenn Sie mit der rechten Maustaste klicken, gehen Sie zu inspizieren Elemente, wenn es bis zum Kopf kommen, und Sie werden feststellen, genau hier haben wir ein Skript, das angehängt ist, das in den Index Punkt hyper geht oder Hypo Ressource ist Schrägstrich. Und dann gibt es RJ Query Mobile eins. Indem wir das grundsätzlich auswählen und sicherstellen, dass dies in den Dokumentkopf aufgenommen wird , können wir nun diese Jake Worry-Funktion in irgendeinem oder wie wir sie für Objekte an jedem beliebigen Ort referenzierten, jedem Java-Skript verwenden Ort referenzierten, , die wir verwenden. Also werde ich hierher kommen, und ich habe immer noch meinen Beispielfunk hier, und ich werde voran gehen und die Standardmethode der Referenzierung und des Objekts in J-Abfrage verwenden. Wenn Sie sich erinnern, dieser Kreis hat ein i d wir haben ihm ein I d des Kreises gegeben. Anstatt es so zu referenzieren, wie es Hype tut, werden wir weitergehen und darauf verweisen, wie Jaqui es tut, wenn Sie damit bereits vertraut sind . Also werden wir ein Dollarzeichen geben, enge Klammern öffnen und dann innerhalb von Anführungszeichen. Wir werden einen Hash-Tag machen , mit dem wir reden. Wenn es eine Klasse wäre, die wir hinzugefügt haben, würden wir den Punkt hinzufügen Aber in diesem Fall werden wir Hashtag sagen und dann sagen wir Kreis, der der Name des I D ist. Wir werden einen einfachen Punkt verstecken, der eine J Steinbruchfunktion ist, um sich zu verstecken. Das ist ah, das ist ein Element. Grundsätzlich, das was auch immer Objekt hat, dass ich d. Also werde ich voran gehen und in der Vorschau speichern, und sobald ich darauf klicke, werden Sie feststellen, dass der Kreis jetzt verschwunden ist. Und wenn ich es wollte, könnte ich einen Ta go verstecken. Ich kann eine Show machen, die ich tun könnte, wenn sie sichtbar ist oder nicht, und so kann ich tun, was J. Corey-Funktionen, die ich bereits innerhalb des Tumulttyps kenne. Und so fügt das eine Menge zusätzlicher Funktionalität hinzu. Einige meiner Lieblings-JavaScript-Bibliotheken sind, dass Sie grüne Socke haben. Du hast Jake müde und es gibt eine ganze Menge draußen. Aber das sind meine Art von Top 2 Lieblings, die ich wirklich mag. Also, das ist, wie Sie Jake Worry innerhalb des tamalen Typs oder einer zusätzlichen JavaScript-Bibliothek verwenden und sagte, es kleiner Typ. 46. 46 globale Variablen: Jetzt werden wir über globale Variablen sprechen, weil wir dies im Moment bereits in früheren Videos gemacht haben, wo wir innerhalb unseres JavaScript Ah, lokale Variable, Same var erstellt haben lokale Variable, . Lass uns einfach voran gehen und sagen, dass Taub gleich fünf ist. Und da gehen wir, die erzeugt, ah, Variable namens taub, und wir setzen einen Wert auf fünf. Aber das Problem ist, wenn ich irgendwo eine andere Funktion ausführe, wird es tatsächlich nicht in der Lage sein, auf diese Variable zuzugreifen. Also, wenn ich hier reinkomme und sagen wir, Nun, diese Funktion wird hier ausgeführt werden. Also lasst uns diese Taube hier alarmieren. Und wenn ich diese Funktion betreibe, sehen Sie Alarm fünf Größen. Das funktioniert. Aber versuchen wir, von einer neuen Funktion aus auf dasselbe zuzugreifen. Wenn du also in meine Taten kommst und ich tatsächlich eine neue Funktion erstelle und wir diese Warnung erneut aufrufen werden, liegt es an dir. Was, du nennst es dort. Aber lassen Sie uns voran und versuchen Sie einfach zu alarmieren. Fünf. Da es bereits erstellt oder alarmiert wurde, taub, so dass funktioniert. Die Variable wurde erstellt. jedoch Wenn ichjedochauf den Kreis klicke, passiert nichts, weil er nicht weiß, was ich alarmieren soll. Und so werden wir voran gehen und reinkommen. Und in dieser Beispielfunktion werden wir dem Tauben eine Sache antun. Wir werden eigentlich sagen, Window-Punkt Numb gleich fünf ist. Und jetzt, wenn ich hier reinkomme und darauf klicke, heißt es fünf. Aber jetzt, wenn ich auf den Kreis klicke, wird es auch fünf speichern. Also im Grunde, was ich tue, ist nur zu sagen, Hey, Fenster, das ist das ganze Fenster oder das Fenster der obersten Ebene. Wir werden eine Variable namens Numb erstellen, und sie wird gleich fünf sein, und weil ich sie dort einmal erstellt habe, versuche ich, sie wieder zu verwenden, weil ich sie dort erstellt habe. Sobald ich versuche, es erneut zu verwenden, kann ich, wenn ich es einfach am Anfang haben möchte, anstatt eine Funktion zu haben, die ausgeführt wird, sobald sie klickt. Ich könnte hier reinkommen und zu meiner Szene gehen, Inspektor und hier runter kommen und auf Szene laden klicken. Wir können voran gehen und eine Funktion ausführen, die die Variablen erstellt, die wir aufden gesamten Seiten oder in den verschiedenen Szenen und alles oder die Differenzfunktionen und Sachen verwenden den gesamten Seiten oder in den verschiedenen Szenen und alles oder die werden. Das ist wirklich alles, was Sie tun müssen, um Erstellen Sie eine globale Variable, nur sagen, dass Fensterpunkt taub gleich fünf ist, und sobald Sie diese erstellt haben, können Sie diese Variable in jeder Funktion verwenden, an jedem Ort innerhalb Ihres Projekts. 47. 47 Veröffentlichen Ihres Projekts: Alles in Ordnung. Wenn Sie also bereit sind, dies irgendwo auf eine Website zu bringen, können Sie nicht einfach die Projektdatei mitnehmen, mit der wir gearbeitet haben und irgendwo auf eine Website hochgeladen haben. Sie müssen es tatsächlich in, äh, HTML-Datei sowie seine unterstützenden Dateien veröffentlichen äh, , und dann nehmen Sie das und laden Sie es zu einer Probe oder auf eine Website irgendwo. Und dann navigieren Ihre Benutzer zu dieser Website oder Sie können den Inhalt irgendwo platzieren, wie in einem e-Learning-Kurs oder so etwas. Es ist nur im Grunde, es muss exportiert werden. Diese Projektdatei ist nur für die Bearbeitung vorgesehen. Sie möchten es für die spätere Bearbeitung speichern, aber im Grunde kann diese Galle selbst nicht in der Vorschau angezeigt werden, wenn jemand nicht den Hype, Tumult oder diese kleine Art von Projekt hat. Also, um das zu tun ist, wenn Sie dieses Projekt haben, lassen Sie uns einfach weitermachen. Ich habe nur ein Beispiel leeres Projekt. Ich werde ein paar Inhalte erstellen, und dann werde ich sie hier exportieren. Also werde ich schlagen, speichern, speichern, Datei gehen und runter kommen, um als HTML fünf zu exportieren. Jetzt kann ich gehen, um seinen Film zu exportieren, wenn ich keine interaktiven Elemente, wo Schaltfläche , auf die geklickt wird oder etwas, das mit interagiert werden muss, und es ist nur eine Animation. Dann kann ich es tatsächlich als video-animierte GIF- oder PNG-Sequenz exportieren. Und so, wenn Sie etwas nur schnell als animiertes GIF für so etwas bekommen wollten, dann können Sie tatsächlich animiert innerhalb des Tumulttyps machen und es als Geschenk oder Video oder so etwas exportieren . Aber in diesem Fall werde ich es als html fünf exportieren. Wir werden über die verschiedenen Optionen in dem Video sprechen. Aber im Moment werde ich einfach voran gehen und zu Folder kommen, und wir werden sicherstellen, dass diese Optionen Luft ausgewählt, wo es in HTML-Datei gespeichert wird. Es wird den Textinhalt für Suchmaschinen enthalten, und so könnte es durch die verschiedenen durch den Unterschied Web-Engines wie Google und andere Dinge durchsuchbar sein. Und dann werde ich dies innerhalb eines umschließenden Ordners erstellen. Wenn ich das nicht innerhalb eines umschließenden Ordners habe, wird es tatsächlich alle Dateien auf meiner Seite oder auf meinem Desktop bezahlen , und ich würde meinen Desktop sehr überladen machen. Also möchte ich sicherstellen, dass dies enthalten ist und dann gehen Sie voran und drücken Sie Speichern und das war's. Also, was passiert ist, wenn ich hier zurück gehe, ist es diesen Ordner für mich namens Sample erstellt und wenn ich darauf doppelklicke, es jetzt sagen, Probe diese HTML-Datei und dann habe ich meine Probe. Diese Hype-Ressource ist im Inneren von hier, die meine GIF-Dateien enthält. Es hat meine JavaScript-Dateien, alle Anhänge, die ich getan habe. Wenn ich einen J-Abfrageanhang oder so etwas mag, würde es das innerhalb von dort haben. Nun, das Schöne daran ist, dass ich tatsächlich reingehen kann, und ich kann den Code später aktualisieren. Wenn ich das innerhalb eines Texteditors oder so etwas öffnen wollte. Wenn ich uns in einen erhabenen Text hineingezogen habe, wirst du es merken. Hier ist mein HTML-Editor. Ich habe mein CSS hier und dann habe ich diesen Container, also werden wir darüber sprechen, warum dieser Container in einem späteren Video nützlich ist. Aber vorerst ist das wenigstens, wo Sie diesen Container tatsächlich nehmen ist das wenigstens, wo Sie diesen Container tatsächlich nehmenkönnen. Oder Sie können die HTML-Datei aufrufen und sie später aktualisieren. Das ist also die Paketdatei. Sie würden diese beiden Dateien irgendwo auf eine Website hochgeladen nehmen und dann Ihre Benutzer auf diese Website verweisen , und dann können sie die Interaktion erleben, die Sie innerhalb des Tumult-Typs erstellt haben. 48. 48 Hype importieren: Was jetzt? Wenn Sie Ihren Inhalt tatsächlich aufnehmen möchten, möchten Sie ihn in eine andere HTML-Datei einbetten? Sie möchten also eine andere Art von Wrapping oder so etwas haben und diese dann innerhalb dieser HTML-Datei platzieren. Also, was wir tun werden, ist, dass wir in erhabenem Text hochziehen, was ein Texteditor ist, und ich werde weitermachen und A retten, als würde ich eine Website erstellen, eine Standard-Website. Ich werde einen Ordner erstellen, und ich werde nur dieses Beispiel aufrufen, und dann innerhalb von dort werde ich eine Indexpunkt-HTML-Datei erstellen und dann werde ich anfangen zu erstellen, nur, nur, wie Beispiel-html geben Sie Beispiel-Websites jetzt innerhalb des body-Tags ein. Ich werde nur anfangen, einige verschiedene Elemente zu erstellen. 1. 1 Ich werde nur einen Absatz erstellen. Dies ist im Beispiel, Riggio, vielleicht auch eine Überschrift. Und da gehen wir hin. Also, wenn ich voran gehen und dies jetzt vorsehen sollte, möchte ich auf das Beispiel gehen. Doppelklicken Sie auf Indexpunkt-HTML-Datei, und ich werde dies hierher bringen, und Sie können sehen, dass es mein Standard-HTML und mein Alter zu meinem Absatz hat. Aber es hat keine Art von Styling, also werden wir nicht darüber reden. Ist keine Klasse über CSS oder so etwas. Also werden wir einfach wieder in erhabenen Text gehen und ich werde Ihnen zeigen, wie Sie , den Inhalt aus Ihrem Tumult-Typ-Projekt nehmen und ihn in jedem anderen HTML platzieren . Also werde ich hier wieder reinkommen und einfach alles verstecken, und wir werden das Beispielprojekt nehmen, das aus dem Hype exportiert wurde, und ich möchte die Beispielpunkt-Hype-Ressource ist Ordner greifen und ich werde das in den Speicherort von meiner Webseite. Und egal, wo sich Ihre Website befindet, dieser Ordner muss sich zumindest darin befinden. Ich werde auch das Beispiel öffnen, dass HTML-Datei innerhalb von erhabenem Text, und ich werde auch sicherstellen, dass das meine Indexdatei geöffnet ist. Also lassen Sie uns voran und ändern Sie einfach die Größe dieser beiden. Und wenn es Regulus vorbei ist. Also sind wir auf dem gleichen Projekt. Da gehen wir hin. Also jetzt habe ich mein Beispiel-HTML und meinen Index dot html. Jetzt möchte ich, dass das Hype-Projekt in diesem Indexpunkt html platziert wird. Also möchte ich in die HTML-Datei kommen, die innerhalb von eingewickelt wird, wenn Tumult Typ produziert wurde . Und ich werde diesen Code direkt hier kopieren. Und es sagt Ihnen, genau diese Codezeilen in Ihre Dokumente kopiert. Und hier wird das Ende der Kopie weitergehen und das kopieren. Kommen Sie zu meinem Index, die HTML-Datei. Ich möchte ein paar Zeilen runtergehen und dann einfach dort einfügen drücken. Nun, das wird der Inhalt meiner HTML-Datei sein, meines Hype-Projekts. Grundsätzlich, und das ist alles, was ich tun muss, wenn ich in diesen Index die HTML-Datei zurückkomme, die meine neue Website war. Ich habe in den Beispiel-Hype „Resource is“ -Ordner eingefügt, und ich habe auch die HTML-Datei, die Code-Snippet in die Indexpunkt-HTML-Datei eingefügt. Nun, wenn ich darauf doppelklicke, Sie bemerkt, dass meine normale HTML-Datei immer noch da ist, und dann habe ich mein Hype Projekt direkt darunter, so dass es automatisch Wetten innerhalb des anderen Inhalts als auch nimmt . Also die andere Option, die Sie innerhalb von zwei Multi angepisst haben, um als, um, Datei und O A m Datei zu exportieren um, , ist eigentlich eine im Grunde eine eingewickelte Adobe-Projektverwaltung oder Adobe-Datei . Das ist eine einzelne Datei, die Sie innerhalb von Dreamweaver importieren können, wo Sie importieren können Wenn Sie Adobe Captivate oder so etwas verwenden, ist es nur eine adobes Möglichkeit, es zu zippen und es dann in ihre Websites oder in ihre -Struktur, -Struktur, und so können Sie diese externen Dateien verwenden und dann auf diese Weise verwenden und veröffentlichen. Also, das ist nur etwas, das man im Auge behalten muss. Im nächsten Video werden wir über iBooks sprechen und wie man die Inhalte, die man erstellt und dann vier iBooks exportiert und in iBooks importiert und in iBooks verwendet. Verfasser 49. 49 iBooks Autor: eine der netten Sache, die kleiner Typ für den Einsatz tut. Es ermöglicht Ihnen, Inhalte leicht zu exportieren, um iBooks Autor Jetzt, iBooks Autor ist eine Anwendung von Apple, die Lehrer oder Lehrer, ihre eigenen Lehrbücher zu erstellen ermöglicht . Aber über die normale gerade Art von Seite Turner gehen und ermöglicht es, interaktive Elemente zu erstellen , interaktive Quiz auf Einfügen andere Dinge wie Videos oder Bilder oder Audio-Dateien und Zeug toe, um das Buch selbst Toe Leben zu bringen. Nun ist eine nette Sache über mull Typ ist der iBooks Author ermöglicht es Ihnen, HTML-Dateien zu importieren und Sie könnten Ihre eigenen HTML-Dateien erstellen. , Aber um es in iBooks Autor zu bekommen, müssten Sie wissen, wie man es packt. Sie müssen auch einige zusätzliche Dateien haben. Sie müssen wissen, wie Sie einen Screenshot für machen und es an einem bestimmten Ort und Namen in einer bestimmten Sache als auch platzieren. Es gibt also eine Menge, die darin eingehen muss, das zu erstellen und es dann zu verpacken, so dass es funktioniert werden könnte , damit es innerhalb von ah ibooks Autor importiert werden kann. Und was macht Hype für die Verwendung, wenn Sie diese Interaktion erstellen. Sie können es exportieren und es wurde bereits für Sie gezippt, und Sie könnten es einfach direkt in meine Bücher importieren. Es ist also eine schöne Möglichkeit, die Interaktionen im Inneren zu erstellen. Ich buchte da draußen und exportiere Menge und benutze sie drinnen. iBooks. Verfasser. Also habe ich diese Beispiel-Interaktion hier. Es ist wirklich nicht viel ist nur eine Animation. Also lassen Sie mich gehen und ziehen Sie das über, und ich habe diese Animationen, die Art von Animationen von einer Seite der Bühne auf die andere Seite der Bühne animiert , und wenn eine angeklickt wird, springt sie auf die andere Bühne. Also wieder, es passiert nicht viel, aber es wird uns zumindest eine Vorstellung davon geben, wie man eine Inhaltsdatei nimmt, die wir innerhalb des Tumult-Typs gemacht haben , und sie exportiert, bevor ich die Autoren von Buch. Ich gehe weiter, gehe weiter und komm zur Datei, gehe runter, um als html fünf zu exportieren und dann zu Dashboard oder iBooks, Autoren-Widget zu kommen . Also, wenn ich darauf klicke, werde ich voran gehen und es benennen. Was auch immer. Ich möchte es auf meinem Desktop speichern und dann auf Safe klicken. Das war's. Wenn ich zu meinem Desktop komme, lass mich das verbergen. Wenn ich auf meinen Desktop komme. Das ist jetzt mein iBooks-Autor. Bereit Widget. Es ist auch das Armaturenbrett. Wenn Sie Ihr Dashboard alles für ihren Mac verwenden, können Sie dies tatsächlich als Interaktion innerhalb Ihres Dashboards installieren. Ich persönlich benutze das Dashboard nicht viel, also werde ich das jetzt nicht tun, aber diese Paketdatei ist bereit für mich, sie direkt in iBooks zu importieren. Verfasser. Also werde ich den iBooks Autor hier hochziehen, und ich habe noch nicht viel in diesem iBooks Autorenbuch erstellt, aber ich werde zu Widgets kommen, und ich werde dahin gehen, wo es html steht. Und sobald ich auf HTML klicke, erlaubt es mir, diese HTML-Datei an der Stelle zu platzieren, die ich für das Buch sein wollte. Und dann werde ich sagen, spielt auf Seite spielt Vollbild oder spielt automatisch. Und jetzt, im Grunde, waren dies nur die verschiedenen Optionen, die ich wählen kann. Es ist wie jede Mac-Anwendung. Sie haben Ihr Inspektor-Fenster hier, und dann werde ich zum HTML-Fünf-Widget gehen, klicken Sie auf wählen und dann bewegen Sie das über ein wenig. Jetzt kann ich wählen, dass html fünf, die es, die diese Paketdatei ist? Klicken Sie auf Einfügen. Und es macht einen Screenshot für mich automatisch innerhalb eines Tempeltyps. Und das ist der Screenshot, der benutzt wird. Der Lernende wird also nicht wirklich sehen, wenn er sich das in seinen iBooks anschaut. Das wird diese Interaktion nicht sehen, bis sie in sie gehen und sie müssen sie tippen, um tatsächlich in sie zu gehen. Also werde ich voran gehen und eine Vorschau darauf, und wenn ich ein iPad angeschlossen hätte, würde es mir tatsächlich die Möglichkeit geben, mein iPad auszuwählen. Und alles, was ich tun muss, ist durch Bücher auf meinem iPad zu ziehen. Aber in diesem Fall gehe ich voran und klicke einfach auf die Vorschau hier und dann auf. OK, gehen wir voran und schließen Sie das für jetzt Und jetzt kann ich das erweitern und es gibt meine Animation, die ich erstellt habe und setzen Sie es Symbol Typ seiner Animation. Und es ist auch interaktiv, so dass ich dies verwenden kann, um es innerhalb von iBooks Autor zu platzieren und die interaktiven Inhalte helfen, mit denen die Lernenden ein wenig mehr zu interagieren und die Konzepte zu lernen, mit denen sie arbeiten . Ah, und Sie können tumult Typ verwenden, um diese Arten von Interaktionen zu erstellen und sie in iBooks Autor einfügen zu können . 50. 50 Document: jetzt in diesem Video sind in diesem Abschnitt. Wir werden über die verschiedenen Inspektor-Tafeln sprechen und die verschiedenen Optionen, die Sie verwenden können, in die wir nicht wirklich tief eintauchen konnten. Also werden wir im Grunde nur über einige der verschiedenen Optionen sprechen. Also drüben auf der rechten Seite, stellen Sie sicher, dass Ihre Inspektoren, die im ersten Video diesen Abschnitt zeigen, über den Dokumenteninspektor sprechen werden . Also im Moment wird dieser HTML-Seitentitel automatisch generiert, Aber Sie können voran gehen und überschreiben, dass nur durch Eingabe eines Seitentitels. Die anderen paar Optionen können Sie die Ladeanzeige anzeigen, da dies tatsächlich geladen wird. - Ich weiß es nicht. Es könnte zu schnell sein, es lokal hier zu zeigen, aber da das geladen wird, wird es tatsächlich eine Ladeleiste anzeigen, wie die Videos geladen werden oder so etwas. Wenn Sie das wollten, dann können Sie fortfahren und darauf klicken, Hintergrund transparent machen. Also, wenn es einen Hintergrund gibt, dann können Sie das tatsächlich transparent machen. Lassen Sie uns voran gehen und versuchen, die Farbe zu ändern und sehen, ob das hier funktioniert. Wenn ich vorwärts gehe und die Vorschau drücke, werden Sie feststellen, dass es den gesamten Bildschirm ausfüllt. Aber wenn ich auf einem Make Hintergrund transparent klicken, dann bemerken Sie, dass es nicht den gesamten Bildschirm füllt und Onley es im Grunde den Hintergrund selbst, obwohl es grün ist, wird transparent sein. Also, wenn Sie das irgendwo auf einer Website platzieren, wird das keinen Hintergrund haben. Was auch immer Hintergrund Sie auf dieser Website verwendet haben, na ja, dann finden Sie statt. Und so ist es nur ein im Grunde alles, was ich hier einfügen wird immer noch da sein. Und ich konnte sehen, dass der Hintergrund selbst keine Wirkung haben wird. Und es wird an die Stelle treten, wo immer es ist, wo der Inhalt platziert wird. Das ist also nur eine andere Option. Sie werden hier wieder reinkommen und das wieder in eine weiße Farbe ändern. Ok? Und jetzt gehen wir wieder in mein Dokument. Specter, das nächste, was ist Offline-Anwendung Cash erstellen. Also, wenn dies im Grunde genommen eingelöst wird, oder wenn der Benutzer sich diese Website später offline ansehen wird, dann möchten Sie dieses Geld erstellen und so kann es speichern, wo sie gerade waren und verschiedene Informationen darüber speichern . Wenn ich in den Kopf gehen wollte. HTML. Dies erlaubt mir, hierher zu kommen, und ich könnte tatsächlich eine Job-Skriptdatei anhängen, die ein CDN verwendet. Wenn ich also möchte, ist ein CDN im Grunde nur ein Hosting für verschiedene JavaScript-Bibliotheken. Und wenn ich das im Inneren des head-Tags platzieren wollte oder wenn ich mein eigenes CSS anhängen wollte , kann ich das innerhalb dieser Kopf-Datei tun. Sie können es auch innerhalb der Ressource zu tun ist gefaltet, wie wir gelernt. Aber wenn Sie direkt in diese Kopf-HTML-Datei gelangen wollten, ist dies der Ort, um es zu tun. Die nächste Sache sind die erweiterten Optionen. Schützen Sie Ihre externen Links oder Ihre externen Stile, und so können die Benutzer nicht zu bekommen. Es wird es im Grunde ändern, so dass es verschlüsselt ist. Ah verwendet Web Kick Grafikbeschleunigung. Also jeder Browser, der Web-Kit verwendet, wird dies die Grafikbeschleunigung verwenden, um es ein wenig bessere Position mit CSS oben und links ausführen zu lassen. Anstatt also mit dem X und Y zu positionieren, werden stattdessen die oberen und linken Werte verwendet. Und so mobile Optionen Es im Grunde der View-Port mit wird das Dokument mit sein oder Sie können es basierend auf dem Gerät mit oder dem Gerät tun. Ah, Hype. Nun, das Dokument mit ist im Grunde das, was Sie als die Anpassung festlegen, die genau hier 600 sein wird . Aber wenn Sie Dokument mit gehen, wird es im Grunde die Ansichtsportgröße auf diesem Anfangsmaßstab festgelegt. Dies ist mehr für, wie, wenn es wird für mobile verwendet werden, Sie wollen sicherstellen, dass das ausgewählt ist, weil das wird sicherstellen, dass es auf den hochauflösenden Telefonen es richtig rendert. Und dies ermöglicht es dem Benutzer, zu skalieren, wenn Sie möchten, dass sie in der Lage sein, eine Rente zu machen oder nicht. Wenn Sie nicht möchten, dass sie einkneifen können, deaktivieren Sie das einfach. Jetzt gibt mir das eine Warnung, die sagt Hey auf Android. Verhindern der Benutzerskalierung ist nicht, wenn wir Pop-up, dass auf Lebkuchen verhindert Benutzerskalierung wird nicht unterstützt. Also Ingwerbrot irgendwie alt, also spielt es wirklich keine Rolle. Ah, verwenden Sie Touch-Ereignisse zeigen auf dem Mausklick. Es wird im Grunde sagen OK, wenn ich einen Klick habe, es wird auch eine Berührung sein. Wenn ich das Kontrollkästchen deaktiviere, werden Sie feststellen, dass es normalerweise wie oder tippen Sie hier. So heißt es beim Mausklick. Es hat nicht diese Tap-Option, so dass es nicht wirklich auf einem mobilen Gerät praktikabel sein wird, also sehe ich nicht wirklich, warum ich das nicht verwenden soll. Also, wenn ich wähle, dass Sie hier sehen können, ist es tippen, berühren , starten , berühren, beenden und Dinge wie das. Und dann gleich hier, Home-Bildschirm Web-App. Im Grunde erlaubt es mir das. Wenn ich dies auf dem Startbildschirm speichern wollte, kann ich die Statusleiste einstellen. Wenn es wieder gestartet wird, kann ich die Statusleiste auf transluzent oder schwarz oder Standard setzen, Und wenn es den Bildschirm wieder in den Vollbildmodus öffnet, wird es sein, dass wir die Statusleiste loswerden oder die Farbe ändern und dann zeigt auch browserkompatible E-Kompatibilitätswarnungen an. Dies ist, wenn ich mich an einige der Browser anpassen und sagen möchte, OK, ich werde Mac Safari nicht wirklich auf etwas früher als 6.0 Punkt fünf unterstützen, und also zeige mir diese Warnungen nicht. Das wird nicht an ihrer gleichen Sache mit i e funktionieren. Es ist, wenn Sie wirklich nichts unterstützen, weil Microsoft wirklich I e 8 nicht mehr unterstützt. Also, wenn du dir wirklich keine Sorgen darüber machst, dann zeig mir diese Warnungen nicht mehr. Wenn du nur unterstützen willst, esse ich 11 oder so etwas oder bist du 10 und dann auch ibooks Autor, einfach was auch immer. Die neueste ISS. Ähm, dann wird es Ihnen diese Warnungen geben, wenn es nicht im iBooks-Autor funktioniert, so dass diese Luft nur Einstellungen für das Dokument als Ganzes diese Luft, die verschiedenen Optionen, die Sie wählen können, und Sie können diese aus- und einchecken innerhalb des Dokuments, Inspector. 51. 51 Scene: In Ordnung. Das nächste Inspektor Panel. Es ist der Szeneninspektor. Also, wenn ich hier nach oben scrolle und zum Tatort komme, Inspektor, haben wir schon viel mit der Szene gearbeitet, Inspektor. Also werde ich nicht alles abdecken, denn wir haben bereits über Skalierung gesprochen. Wir haben darüber gesprochen, neue Breakpoints hinzuzufügen. Wir haben viel mit Timelines und allem gearbeitet. Aber ein paar Dinge im Auge zu behalten, obwohl wir nicht wirklich tief in ist, dass Sie die anfängliche Szenengröße auf die gewünschte Größe einstellen können . Also, wenn du anfänglich ah, große oder mittlere Websites anvisierst , dann könntest du das über auswählen und es wird automatisch Und wenn ich hier rauszoomen, aber es wird automatisch auf die 1000 x 5 40 setzen und das geht , um das Gerät anzusprechen. Oder wenn ich das iPad Querformat anvisieren wollte, dann wird es die 10 24 durch 7 68 einrichten und es wird automatisch die Standardgröße davon einstellen Oder wenn ich zurückscrolle und zurück zum Standard gehe und 600 mal 400 hat. Dies ist die Standardgröße, mit der jede Tumult-Anwendung beginnt, aber ich konnte hier reinkommen und wirklich an das anpassen, was ich für die Standardgröße wieder wollte . Denken Sie daran, dass Sie neue Bruchpunkte und verschiedene Layouts basierend auf der Größe hinzufügen können , die Sie dort wollen. Aber Sie müssen zunächst eine festgelegte Größe haben. Ein weiteres paar Dinge, die ich hier erwähnen möchte, ist auf der Szene geladen. Wenn Sie ein Java-Skript ausführen möchten und einige Variablen erstellen möchten, normalerweise die globalen Variablen, die Sie möglicherweise verwenden, am besten, dies beim Laden der Szene zu tun. Und wenn ich auf dieses Plus-Symbol klicke, werde ich hier reinkommen und JavaScript ausführen. Wir werden eine neue Funktion erstellen, und ich werde diese Funktion aufrufen, einfach Variablen laden. Und eines der netten Dinge, wie ich bin, hier einfach verschiedene Funktionen haben zu können und da ist, dass ich meinen Code trennen kann. Anstatt eine große, lange JavaScript-Datei zu haben. Ich mag es, in verschiedene Abschnitte zu trennen und diese nur zu bestimmten Zeiten zu verwenden. Das ist, wo ich reinkommen und die Fensterpunkte machen würde. Taub ist gleich fünf. Der Anfangswert davon. Und jetzt wird es eine globale Variable sein, die so ziemlich überall in jedem beliebigen Ort verwendet werden kann , , jeder JavaScript-Funktion, die später aufgerufen wird. Ich könnte einfach diese eine Funktion haben, sobald sie geladen wird, dass ich diese Variable dann in verschiedenen JavaScript-Dateien oder Jim Dout JavaScript-Funktionen oder so etwasverwenden Variable dann in verschiedenen JavaScript-Dateien oder Jim Dout JavaScript-Funktionen oder so etwas kann. Und so auch, wenn ich etwas wollte, dass Teoh entladen oder ändern, wenn ich Saints Aiken ändere, tun Sie das. Ruhen Sie sich aus. Wenn ich auf Taste gedrückt klicke, erlaubt es mir, zu einer bestimmten Szene zu springen. Erlaubt mir, zu ah zu gehen, wie kann ich das ändern, basierend auf den Aktionen, die wir gelernt haben? Aber das ist im Grunde nur bedenken, dass dies eine beliebige Taste ist, die gedrückt wird. Wenn Sie ein benutzerdefiniertes Verhalten erstellen möchten, könnten Sie das tun, Äh, Äh, aber gerade jetzt, drücken Sie einfach nach unten, scharf nach oben Taste oder sorry, Wischen Sie nach links, Wischen Sie nach rechts. Und das ist einfach überall zu wischen. Wenn Sie an einer beliebigen Stelle oder so etwas wischen, wird es eine Art von Aktion oder etwas tun, und dann wird die letzte ziehen Sie beim Ziehen. Es wird einen Ort machen oder etwas tun, als auch. Wenn ich ein bestimmtes Element ziehe, kann ich die Timeline steuern oder ich kann Entschuldigung entfernen, Job-Skript ausführen oder etwas tun. Also, jetzt der Drag. Wenn ich ein Element ziehen Ah, und Sie steuern die Timeline von Dragon. Das haben wir bereits in einem vorherigen Video gelernt. Wenn du also tief in das eintauchen wolltest, empfehle ich, auf dieses Video in einigen unserer vorherigen Abschnitte zurückzugehen. Aber das ist der Szeneninspektor, der wirklich am meisten ist. Woran Sie arbeiten werden, sind die Größen, die Nackt-Layouts hinzufügen und dann Szenencode oder gesehene Funktionen hinzufügen oder Wischen oder Ähnliches hinzufügen, um von einer Szene zu einer anderen Szene zu navigieren . 52. 52 Metriken Inspektor: Im nächsten Video werden wir über die Metriken sprechen, Inspektor. Nun, die Metriken, Inspektor, wir haben bereits mit den Lots gearbeitet. Also haben wir die Platzierung gemacht. Wir haben die Breite der Skala gemacht. Wir haben auch die flexiblen Layouts gemacht und wir haben nicht so viel von der Rotation oder dem Transformationsursprung oder dem Inhaltsüberlauf gemacht . Also werde ich ein wenig darüber reden und in diesem Abschnitt, damit du weißt, was du damit machen kannst? Also vor allem der Inhalt Float, ermöglicht es Ihnen, einen Bereich zu definieren, wenn er über ein bestimmtes Element oder eine bestimmte Breite und Höhe hinausgeht , wie wird er gesteuert? Und in diesem Fall werde ich hier reinkommen und dir nur zeigen, dass ich hier auf diese Textelemente klicke, und ich werde herkommen und mir einen Laura Ipsen Text schnappen und jemanden, den ich bereits habe. Ich werde hier nur einen Absatz schnappen, kopieren, in den Tumult-Typ kommen und das dann einfach dort einfügen. Also lassen Sie uns die Größe ein wenig mehr ändern und ich werde mit diesem ausgewählten kommen über die Metriken wie die Dropdown-Box, und das ist, wo ich die Option für versteckte Scrollbalken oder Autos, Brechstangen, Eichhörnchen Auto Bildlaufleisten ist, es wird nur angezeigt, ob es länger als ein bestimmter Bereich ist, der automatisch diesen Bildlauf erstellt. Aber Sie bemerken genau hier Dieser Text geht tatsächlich über das hinaus, was diese Breite und Höhe ist so kann ich das beheben und, wissen Sie, ein paar verschiedene Möglichkeiten, wie ich tatsächlich hier reinkommen und die Breite und Höhe anpassen kann, wenn ich Wollte es. Also die Spitze in der Höhe hier, wenn ich das anpassen wollte, und dann würde es den ganzen Bildschirm nehmen, ich kann das anpassen, aber wirklich, was ich tun möchte, ist, dass ich nur eine bestimmte Bereich, um das Textfeld zu sein, und alles darüber hinaus ist nur Art von Scroll Kräuter. Also, wenn Sie auf einem iPad sind, können Sie einfach irgendwie nach unten, um den Rest des Textes zu sehen. Und gerade jetzt, mit diesem Inhaltsüberlauf, der als sichtbar eingestellt ist, wird das nicht der Fall sein. Also muss ich tatsächlich entweder automatische Bildlaufleisten oder Eichhörnchenbalken auswählen, und das wird alles über diesen Punkt hinaus definieren. Die Breite oder der Hype geht Teoh mit den Scrollbalken erstellt werden. Ich möchte voran gehen und speichern in der Vorschau drücken und Sie werden feststellen, dass mein Texas irgendwie abgeschnitten ist. Aber das ist in Ordnung, denn das kann nach unten scrollen. Und wenn Sie auf einem iPad sind, können Sie Ihren Finger verwenden, um Art von Flick nach unten als auch. Das können Sie nicht nur mit Text tun, sondern auch mit gruppierten Elementen. Also werde ich weitermachen und ein paar verschiedene Gegenstände erstellen. Also werde ich ein Rechteck erstellen, reinkommen und hier einen Kreis kreieren. Und dann werde ich reinkommen und ein Textobjekt erstellen. Lassen Sie mich das Textelement später erstellen. Lassen Sie uns voran und wählen Sie einfach diese Elemente aus. Ich halte die Shift-Taste gedrückt. Ich klicke mit der rechten Maustaste und gehe dann zur Gruppe. Und jetzt in meiner Timeline, lassen Sie uns das ein wenig mehr erweitern, damit Sie sehen können, dass es einen Ordner mit der Gruppe innerhalb von dort hat . diese Gruppe ausgewählt ist, werde ich einen Text auswählen und sicherstellen, dass das Texas tatsächlich innerhalb der Gruppe platziert wird und ich diesen Text ein wenig überlegen werde, aber ich werde eine außerhalb der Gruppe haben. wenn wir es unter der Gruppe haben. Jetzt, die Gruppe ausgewählt ist, komme ich zurück zum Inhalt, überlauf und wähle die Bildlaufleisten aus, und jetzt ist es dort nicht sichtbar. Aber wenn ich voran gehe und die Vorschau drücke, kann ich nach unten scrollen und sehen, was der Text dort unten ist. So können Sie eine Gruppe definieren, um bestimmte Elemente zu finden und dann eine Bildlaufleiste zu erstellen , um die Elemente zu sehen, wenn sie über die Breite und Höhe hinausgehen, die Sie tatsächlich definiert haben. Und so eine Sache, über die ich sprechen möchte, ist, dass ich über die Rotation und den Transformationsursprung sprechen möchte. Aber das ist der sichtbare Inhalt. Einer geht voran und treibt hier die Führung an. Ich komme vorbei und füge dann ein weiteres Rechteck ein, und wenn ich beginne zu drehen, werden Sie bemerken, sobald ich beginne, können Sie den Winkel von Z verwenden. Ich kann auch den Winkel verwenden, warum ein X später über diese sprechen wird, aber Sie werden feststellen, dass sich diese Art von Rotationen in der Mitte dreht. Dieser Centrepoint, während ich rotiere, ist direkt in der Mitte. Das liegt daran, dass der Ursprung der Transformation hier ist. Der X-Offset im weißen US-Offset bei 50 setzt diesen Offset. Oder dort befindet sich der Mittelpunkt des Transformationsmittelpunkts direkt in der Mitte selbst. Wenn ich wollte, dass das nur an einer Ecke ist, könnte ich sagen, OK, 100% und dann zum Offset Warum gehen? 100%? Und was wird dann passieren? Sobald ich tatsächlich anfange, das zu drehen, werden Sie feststellen, dass es in der oberen rechten Ecke dort ist. Denn nicht nur ist das X da drüben, sondern das Warum ist da drüben und angenommen, wie ich es drehe, dreht sich um die Ecke. Es hängt nur davon ab, wie Sie diese verschiedenen Objekte tatsächlich transformieren oder animieren möchten. Wenn ich die Rotation animierte, animiert sie auf diese Weise. Nicht in der Mitte, aber es würde an der Ecke animieren. Es liegt an Ihnen, wie Sie das drehen möchten. Es hängt nur davon ab, mit welchem Objekt Sie tatsächlich innerhalb des Tumult-Typs arbeiten. Nun, andere Sache, über die ich reden möchte, ist drei. Warum die Rotation? Sie bemerken also, dass ich drei D-Effekte bekommen konnte und ich einige X s 03 d Effekte mit den X- und Y-Werten bekommen kann . Aber eine Sache zu beachten ist, dass es viele Browser gibt, die das nicht unterstützen. Es hängt also nur davon ab, ob Sie Targeting sind und sie meist die älteren Browser sind. Aber wenn Sie auf die älteren Browser aus irgendeinem Grund, wie ich e acht oder neun, dann wollen Sie weg von denen bleiben. Wenn Sie auf die neuen neuesten Browser wie Chrome oder Safari oder so etwas abzielen , dann können Sie voran gehen und diese verwenden. Da gibt es nur etwas, was man im Hinterkopf behalten muss. Aber so haben Sie den Metriken-Inspektor verwendet, innerhalb des Tumulttyps. 53. 53 Element: Alles klar, jetzt werden wir über diese Form reden, Inspektor. Jetzt diese Form oder das Element erwarten, er nenne ich es auch die Form Inspector, weil es die Formen für das Symbol hat. Aber das ist das Element erwarten er, und dies wird hervorheben, sobald ich eine Art von Elementen ausgewählt habe, und es gibt mir die verschiedenen Optionen für dieses Element. Also werde ichzum Beispiel kommen und eine Schaltfläche einfügen, zum Beispiel kommen und eine Schaltfläche einfügen, und die Optionen für diese Schaltfläche sind ausgewählt, wenn ich diese Schaltfläche tatsächlich ausgewählt habe, oder sie kommt zurück in die Form, und die Optionen dafür sind hier ausgewählt auch. Es gibt ein paar verschiedene Optionen. Sie können hier das Dropdown-Feld auswählen, damit der Hintergrund entweder einfarbig ist. Wählen Sie die Farbe aus, um die gewünschte Farbe auszuwählen. Oder Sie könnten auch Zutaten, die zwei Farben haben. Und Sie können den Winkel dieses Strahlers auf, wie Sie wollen anpassen. Oder Sie können auch ein Bild einfügen und dieses Bild als Hintergrund, Wiederholungshintergrund oder etwas verwenden. Also auf den Knöpfen, das Gleiche. Sie können Grady INts für Ihre Schaltfläche haben. Wenn du es wolltest. Sie könnten ein Bild für Ihre Schaltfläche haben. Was auch immer Sie brauchen, um dio auf, dass, wenn Sie keine als das Gefühl wählen, es wird nur den Umriss haben. Also hast du es bemerkt. Jetzt habe ich die gerade den Umriss selbst irgendwie diese Höhle. Wenn ich die Farbe ändern wollte, können wir diese Zehe weiß hier ändern. Und wenn mein Hintergrund eine dunklere Farbe war, ist die hohle Farbe dort. Es erlaubt Ihnen, das zu ändern und dann kann ich in den Text gehen und die Farbe dort auch ändern . Jetzt ein paar andere Dinge, etwas gehen vor und löschen Sie einfach die Schaltfläche. Für jetzt, lassen Sie uns einfach mit der Form arbeiten, um es zurück zu nur eine einfarbige Farbe und ein paar Dinge, die wir im nächsten Abschnitt ändern können, ist die Grenze. So können wir den Rahmen anpassen, mit dem wir die Rahmenfarbe anpassen können. Wir können auch den Rahmenstil anpassen. So haben wir gestrichelte Strichgruppe Ihre typischen Einstellungen dort. Also werde ich nicht alle durchgehen. Wenn ich die Grenzen loswerden wollte und ich das einfach auf Null setzen könnte und jetzt ist die Grenze nicht mehr da. Wenn ich den Radius anpassen wollte, kann ich hier nach oben kommen und auch den Radius der Grenze anpassen. So können Sie sehen. Und jetzt haben wir die abgerundeten Ecken. Also werde ich reinkommen. Und wenn ich den Radius nur für eine Ecke anpassen wollte, kann ich in diesem Bereich die eine Ecke auswählen und gerade noch ein bisschen mehr hinauf. Also, jetzt bekomme ich eine schöne Form. Ich habe immer noch die abgerundeten Ecken auf den anderen, weil, wenn ich dies in der Mitte eingestellt , Ich hatte alle diese Optionen wählen Sie diese in der Mitte eingestellt. Dann habe ich sie im Grunde alle angepasst. Aber wenn ich nur einen von ihnen auswähle, dann wähle ich nur einen von ihnen aus. Ich kann diesen Radius für nur einen bestimmten definieren. Also werde ich hier die Hände in die Mitte gehen. Ich komme zum nächsten Abschnitt, der Sichtbarkeit ist. Diese Fähigkeit ermöglicht es mir, zuerst die paar Dinge anzupassen, die Deckkraft, wenn ich dies transparent machen wollte, aber auch das Display. Die Anzeige selbst ist also eine der Eigenschaften in der Animation. Wenn Sie nach unten scrollen, können Sie nach unten kommen und die Anzeige hinzufügen, so dass Sie tatsächlich in Ihrer Timeline Dinge aus- und einschalten können , während es wächst. Aus irgendeinem Grund, wenn Sie nicht am Anfang angezeigt werden wollten, kann ich einen Schlüsselrahmen auswählen, kommen Sie zur Anzeige und wählen Sie das bei versteckt. Dann, wenn es zu vier Sekunden. Wenn ich nur erscheinen wollte, dass ich hier reinkommen kann, wählen Sie den Schlüsselrahmen und dann wählen Sie diesen wieder zu sichtbar. Obwohl es aussieht, als hätte es eine Animation, es ist wirklich nicht die Anzeige Dutzend Feind. Das ist mehr von der Deckkraft, die animiert wird, wenn ich unten sehen könnte. Hier haben wir die Deckkraft, aber die Anzeige nicht anime. Es ist einfach, sobald es den nächsten Schlüsselrahmen trifft, erscheint es, und so können Sie das auch verwenden. Wenn Sie JavaScript verwenden, können Sie das Anzeigeelement ändern Sie können dieses entweder sichtbar oder ausgeblendet ändern und es dort nach Bedarf anpassen. Aber das ist der nächste Abschnitt dort, und dann haben Sie auch die Möglichkeit, einen Schatten zu erstellen, so dass Sie den Schatten durch Hinzufügen einiger X- und Y-Werte nach oben können . Sie können auch die Weichzeichnungswerte hinzufügen, wenn Sie ein wenig mehr verwischen und dann die Farbe ändern möchten. man die Farbe in ein helleres Grau wechselt, sieht es so aus, als wäre es ein bisschen transparenter . Und dann können Sie sogar die Deckkraft anpassen, wenn Sie möchten und dort einige coole Schatteneffekte erhalten , oder wenn Sie es nicht einfach dort eingeben möchten. Sie können diesen schönen Schatten-Dragger tatsächlich verwenden, und dies ermöglicht es Ihnen, sowohl den Abstand des X- als auch Y-Werts zu ziehen. Und Sie können das einfach in die gewünschte Position ziehen. Und schließlich haben Sie ein paar verschiedene Dinge, die Optionen filtern. Ich werde den Schatten loswerden. Nehmen wir diese einfach auf Null und so haben Sie verschwommene F Sepia. Sie haben Sättigung. Sie haben Farbton, Helligkeit, Kontrast, wenn Sie in diese stopft ein paar Dinge, die im Auge behalten, dass eine Menge von diesem Zeug es nur auf den Browser abhängt. Stellen Sie also sicher, dass Sie sich die Filter ansehen und sicherstellen, dass es kein Browser ist, dass Sie mit den Losen arbeiten oder versuchen, das Ziel oder irgendetwas zu erreichen. Also bedenken Sie das. Aber es passt sich hier wirklich nur irgendwie an. Entweder der Vordergrund oder der Hintergrund. Sie können ein paar davon anpassen, und dann ist das letzte, was ist die Reflexion. Ich werde jedem Objekt eine Reflexion hinzufügen. Ich kann die Tiefe der Reflexion hinzufügen, wie sehr diese Reflexion dieses Objekt zeigt. Und ich kann auch den Offset hinzufügen Wie weit eine Entfernung ist da? Also, wenn ich eine Art von reflektierenden Oberfläche von diesen verschiedenen Objekten wollte, kann ich eine Reflexion an jedem Punkt hinzufügen. Dies sind also einige der Optionen, die Sie mit dem Element Inspector über in Ihrem Inspektorfenster innerhalb eines Tempeltyps 54. 54 Inspektor für Physik: in diesem Video werden wir über eine einfache Einführung in die Physik sprechen und die verschiedenen Dinge , die Sie mit Physik machen können. Jetzt hoffe ich, in späterer Zeit verschiedene Tutorials zu haben, wie man Physik verwendet, um verschiedene Arten von Spielen zu bauen . Dies ist nur uninteressiert Aktion, wie Sie mit thermischen Typ beginnen und wie Sie mit der Physik selbst beginnen. Also, wenn ich hier reinkomme und in die Elemente gehe, kann ich das Dropdown-Feld auswählen und hier nur einen Kreis machen. Also möchte ich voran gehen und einen Kreis auswählen und ich werde das jetzt ganz oben haben , standardmäßig. Der Kreis tut an dieser Stelle nichts. Also werde ich weitermachen und diesem Kreis etwas Physik hinzufügen. Also wählen wir das Dropdown-Feld aus und gehen zu dynamisch. Und was passiert, sobald ich wähle, dass dynamisch zu sein, ist die Physik selbst beginnt sich anzuwenden. Jetzt kann ich ein paar Dinge mit gesehen tun, wie ich sagen kann, OK, wie schnell ich will, dass diese gezwungen tatsächlich passieren, so dass ich dies anpassen kann Lassen Sie uns einfach 100 zum Beispiel versuchen , und Sie können sehen, dass es wirklich schnell passiert, dass es im Grunde die Kraft. Das ist die Schwerkraft ist im Grunde wirklich stark an diesem Punkt. Aber standardmäßig ist es einfach auf einem zu lassen, so dass nur irgendwie in einem normalen Tempo fällt. Das nächste, was ich tun könnte, ist, dass ich den Winkel einstellen kann, also ist es standardmäßig 180. Aber lassen Sie uns weiter gehen und versuchen, dies auf 90 oder etwas dort anzupassen . Also 90. Und was passieren wird, ist, dass jetzt der Winkel selbst ist es sagt, der Gravitationspunkt ist auf diese Weise 90 Grad statt der 180. Nun, ich habe auf der linken Seite vorgeschlagen, und Sie können sehen, dass es jetzt auch nach links fällt, so dass Sie einstellen können, wie das in der Szene standardmäßig funktioniert. Und so eine andere Sache, die Sie verwenden können, können Sie die Schwerkraft mit der Neigung Ihres Geräts steuern . Also, wenn ich hier gehe und ich tatsächlich auf einem iPhone oder einem Android-Handy oder so bin, kann ich tatsächlich, mit der Neigung zu meinem Gerät Kontrolle, wo die Schwerkraft tatsächlich fällt, wo der Ball selbst fällt. ermöglicht es Ihnen, eine coole Art von interaktivem mit dem Beschleunigungsmesser zu erstellen , um, interaktive Inhalte gibt einige. Okay, also werde ich voran gehen und die 280 zurückstellen, dann kommen wir hierher und passen ein paar Dinge an, sagen wir, ich möchte, dass das in meiner Szene bleibt und voran geht und um, Rechteck hier, und ich werde diese Art von Interaktion oder Abprallung von diesem Rechteck gerade jetzt haben. Irgendwie eine Bar. Wenn ich nur diesen Treffer speichern Vorschau treffen wollte, können Sie sehen, dass es direkt durchläuft, damit etwas damit interagieren kann. Dies muss tatsächlich als statisch bezeichnet werden oder zu statisch geändert werden, damit interagiert ohne Bewegung . Und auf diese Weise, was passiert, ist, dass es nur eine Art Bounces dagegen ist. Ein paar Dinge, die ich tun kann, ist, dass Dichte im Grunde ist, wie schwer dieses Ding ist. Also, wenn es interagiert, schiebt sie andere Sachen. Wird es ein guter Schub sein, wie ein schwerer Schub, oder wird es einfach ein leichter Schub sein? Es gibt ein paar Dinge, die Sie tun können, oder einfach nur in der Dichte. Ich komme hier rein und auf den Ball. Ich werde Es ist wie der Sprungeffekt und passt das einfach an. Sie können sehen, dass das Gleichgewicht jetzt wirklich hüpfend ist, also wird es für eine Weile springen. Es wird eine Weile dauern, bis es auch irgendwie runtersprungen ist. Aber wenn ich das so anpassen wollte, dass es extrem sprunghaft ist, kann ich das auch etwas höher anpassen. Und Reibung ist ein Luftwiderstand ist Art der Luftwiderstand Dieb Reibung mit der Luft. Es ist, Ich denke fast daran, wie wenn der Ball fällt und es gibt einen Fan unten, wird dieser Ventilator abhängig davon, wie die Stärke dieses Lüfters dazu führen kann, dass der Ball ein wenig länger fällt ? Oder es kann dazu führen, dass die Balti überhaupt nicht fallen oder so. Also, das ist, was die Luft ziehen icis. Was ist die Reibung an der Luft? Wenn es windig ist, dann wirst du die Bälle nicht so schnell fallen, so dass du diese Art von Dingen jetzt anpassen kannst, abhängig von dem Winkel deines Bildschirms, du vielleicht auch willst, oder der Winkel deines -Objekte. Kommen wir in das Element, Inspektor. Hier tatsächlich Metriken, Inspektor. Und lassen Sie uns den Winkel dieses Balkens ein wenig anpassen. Sie können hier sehen, dass der Ball irgendwie ein wenig abprallt und abrollt. Oder wenn ich eine Animation dazu habe, lasst uns voran gehen und einfach den Rekord treffen und dann diese Art von Feind ein wenig mehr haben, und Sie können sehen, dass die Art der Animation ein wenig gedreht und den Ball abprallen, so dass Sie sogar lösen diese Animation basierend auf einem Klick aus und haben den Anfang eines Spiels der Art der Interaktion mit ihm. Wenn ich nicht möchte, dass der Ball den Bildschirm überhaupt verlässt, warum müsste hier mehrere Arten von Rechtecken erstellen und uns weitermachen und dann, was ich tun kann, ist, dass ich jedes dieser Rechtecke mit der Shift-Taste zu meinem Physik-Inspektoren mögen diese alle statisch, sondern kommen auch in mein Elementgespenst und machen die Deckkraft Null, so dass ich das nicht selbst sehe, aber Sie können sehen, dass es ist, dass es mit ihm interagieren wird. Aber der Benutzer sieht es nicht wirklich, also enthält es irgendwie in dieser Box. Nun, ich werde noch einmal auf diese kleine Spinnerleiste klicken , und ich werde einen Auslöser hinzufügen, um die Timeline wieder zu starten. Also werden wir sagen, Timeline starten und es wird Hauptzeitlinie sein und dann in umgekehrter Richtung spielen. Also jetzt, wenn ich es anklicke Boom, es spielt es wieder in umgekehrter Richtung. So können Sie einfach mit diesen Objekten interagieren, indem Sie die statischen Elemente verwenden. Das ist im Wesentlichen das, was Physik ist. Wenn das auf einem Gerät war und ich diese Kontrolle hätte, was kippen Sie? Es würde mir erlauben, auch mein Gerät zu benutzen, um es irgendwie zu kontrollieren, es auch herumhüpfen zu lassen. Aber das ist eine Einführung, eine kleine Einführung in die Physik, in der Hoffnung, Tutorials zu haben, um später mehr in die Tiefe der Physik zu gehen. Aber für den Moment bringt Sie zumindest damit zu beginnen, mit dem Physik-Inspector herumzuspielen 55. 55 Identity: Das letzte Inspektorgremium, über das wir reden werden, ist Theo Identity Inspector Panel. Das Identitätsinspektor-Panel befindet sich auf der letzten Registerkarte des Inspektorabschnitts, und es gibt ein paar Dinge, die Sie damit tun können. Sie können sehen, dass ich im Moment nicht wirklich einen Platz zum Klicken habe, aber wenn ich diesen Artikel auswähle, erlaubt es mir, ein paar Dinge hinzuzufügen, die ich alternativen Text hinzufügen kann. Und das ist gut, wenn es eine Art von Textleser-Screenreader oder so etwas gibt, wird dies beschreiben, was dieses Element ist. Es ist also eine gute Praxis, was auch immer Element, das Sie auf der Bühne haben, etwas alternativen Text hinzuzufügen , um im Auge zu behalten, die Bildschirmlesegeräte für diejenigen, die nicht sehen können, und dies wird hinzufügen, wird der Screenreader im Grunde beschreiben, was Sie hier setzen im Grunde, und die andere Sache ist in der Tastaturnavigation enthalten. Dies ist auch für verschiedene Tastaturen wichtig. , um Wenn jemand etwas durchblättern muss, umzu bestimmten Inhalten zu gelangen, dann möchten Sie dies erhöhen oder in die Tastaturnavigation aufnehmen, wenn er darauf zugreifen muss, besonders wenn er damit interagieren muss wenn sie darauf klicken müssen oder wenn sie brauchen Teoh Navigate oder um es zu lesen oder so etwas, so und dann können Sie entscheiden. Okay, was ist die Registerkarte? Index? Das bedeutet, dass das erste Element im Index die erste Registerkarte sein wird. Zweites Element wird die zweite Registerkarte sein und so weiter. So können Sie entscheiden, wann das tatsächlich passiert. Und dann ist das nächste, was ist der Anzeigename der Anzeigename. Wir haben darüber in ah gelernt, paar vorherigen Videos. Aber Sie können hier den Namen der Ellipse sehen. Dies wird tatsächlich der Anzeigename sein. Ich kann das ändern, was ich will. Mein Name, diese Probe. Sie werden feststellen, dass in der Timeline tatsächlich auch ein Beispiel sagt. Eine andere Sache, die ich tun kann, ist, dass ich ihm ein einzigartiges I. D. Wir haben darüber hauptsächlich im JavaScript-Abschnitt gelernt. Wenn Sie also auf den JavaScript-Abschnitt verweisen möchten, können Sie das tun. Oder wenn Sie eine externe CSS-Datei anhängen möchten oder wenn Sie ein externes Job-Skript gewalttätig anhängen möchten, möchten Sie mit mehreren Elementen auf der Bühne sprechen Nun, Sie können diesem auch einen Klassennamen geben. Wenn Sie also möchten, dass er diesem einen Klassennamen einen Kreis gibt, dann, wenn Sie dieser Klasse referenzieren oder ein externes CSS hinzufügen, wird es davon profitieren, was auch immer das ist. Also werden alle Hintergrundbilder oder irgendwelche Farben oder Grenzen oder irgendetwas, was Sie auf dem CSS tun oder innerhalb des JavaScript tun, mit diesem Klassennamen stattfinden. Also, das ist es im Wesentlichen. So arbeiten Sie mit dem Identitätsinspektor zusammen. Drinnen ist es ein Maulwurf-Typ. 56. 56 Fazit: Ich wollte mich nur bedanken, dass Sie sich die Zeit genommen haben, diesen Kurs zu mull Typ zu gehen. Hoffentlich gibt es Ihnen die Einführung, die Sie brauchen, um mit dem thermischen Typ zu beginnen. Ich weiß, es gibt noch viel, was du lernen kannst. Ich hoffe, mehr Beispiele und hoffentlich einige Starterdateien zu haben, die Sie darauf beschränkt haben, Joe Joe dot net zu lernen . Und auf diese Weise können Sie einige dieser Beispieldateien herunterladen und mit einigen weiteren Hilfedateien in Blockposts und so etwas beginnen . Also schau dir meine Website an, Joe Joe Dot Netze für hilfreiche Dateien zu lernen. Aber danke. Vielen Dank, dass Sie diesen Kurs genommen haben, um es den ganzen Weg bis zum Ende zu machen. Also wollte ich mich nur bedanken. Und wenn Sie weitere Fragen haben, zögern Sie nicht, mich zu kontaktieren bei learning dojo dot net