[E-Anim] Tutorials

2. eine Musikalische Signatur

Ich erkläre euch jetzt wie man einen Play und einen Stop-Button macht, die ein Lied ein und ausschalten.

Erst einmal müssen wir eine Signatur haben, die wir "Beflashen".
Macht das mit eurem üblichen Programm, am Besten fügt ihr die Stop+Play Buttons schon hinzu.

:

Nun öffnen wir E-Anim.
Wir müssen das "Projekt", das schon existiert auf die richtige Größe bringen. Dazu gehen wir hierhin:

Projet - Dimensions

In das kleine Fensterchen, dass sich nun öffnet, schreiben wir bei
largeur die breite und bei hauteur die Höhe der bestehenden Signatur.

So.
Jetzt fügen wir das Bild hinzu.
Wir gehen auf Objet - ajouter - une image
Nun sucht ihr euch euer Bild aus und öffnet es.

Wisst ihr schon, welches Lied ihr wollt und ihr habt es im mp3-Format auf eurem Pc?
Dann werden wir es erst mal hier hochladen, denn das kann manchmal länger dauern:
http://localhostr.com/

Lasst die Seite offen, den Code brauchen wir später noch!

Jetzt kommt es fett.
Wir machen "objet - ajouter - un groupe" (ist normal wenn alles grau wird)
Das ist jetzt eine Neue Gruppe von Animationen, die wir erstellen. Aber dieses große Linealartige Ding, die Zeitspanne, berühren wir auf gar keinen Fall. Sie muss bei Null bleiben!

Jetzt der Start - Knopf.
Objet - ajouter - un bouton
Jetzt haben wir das hier:




Um das hässliche Knöpfchen zu verschönern, klicken wir auf "Relief" und löschen den Text. Wir machen nun ein paar Leerzeichen in das Textfeld, um den Knopf zu vergrößern. Wenn er groß genug ist klicken wir auf "action", dann auf "programmer".

In das Kästchen schreiben wir nun exact diesen Code.

Code:

Code:

Mp3Play("http://ma musique.Mp3");
Goto(1);
Stop(); 

anstatt von http://musik.Mp3 fügt ihr euren eigenen Musiklink ein
Jetzt könnt ihr auf ok clicken und schieben den Knopf auf den "Start" auf unserem Bild. Das sieht im optimalen Falle so aus:



Nun, immer noch bei "0" stoppen wir die Animation. Dazu clicken wir auf das kleine rote Dreieck rechts, das nach unten zeigt ^^
Jetzt gehen wir auf der Zeitschiene genau zu 1! Hier clicken wir aufs Auge, damit man den Start-Knopf nicht mehr sieht.

Jetzt wieder " objet => ajouter => un bouton "
Nun kommt wieder dasselbe wie vorher, nur legen wir das blaue Kästchen über stopp, und der Code ist nun:

Code:

Code:

Mp3Stop( );
Goto(0);
Stop( );

So, wir klicken auf Ok und sind fertig

Jetzt wird gespeichert. Vielleicht ist euch vorher dieses Popup erschienen
"sauvegarde automatique"
Man kann es so speichern, muss aber nicht.
Ich mache es so: fichier - enregistrer
und gebt einen namen ein, der mit .phi endet.
zB jetzt tutorialflash.phi

Um es anzeigen zu können, muss man das Format exportieren. So:
fichier - exporter/importer - exporter l'animation au format blah blah blah

E-Anim wird euch fragen, ob ihr eine html-seite erstellen wollt. Meinetwegen, also clicken wir auf "creer la page html" und geben wieder einen namen.html ein.

Jetzt sind wir fertig und haben es wirklich gespeichert x)


Um es auch anzeigen zu können, ladet ihr die Animation auf der selben Seite hoch wie die Musik und verwendet diesen Code:

Code:

[embed-flash(breite, höhe)]code der animation.swf[/embed-flash]

--->



PS: das Lied findet ihr hier
http://localhostr.com/files/dd31bf/11%20-%20Joss%20Stone%20-%20Dont%20Know%20How.mp3

Joss Stone - Don't know why : tolles Lied!



3. den Cursor verändern

Nun, jetzt werden wir den Cursor wechseln.
Was braucht man dafür?
Ja – eine Signatur, und einen Cursor.
Ich Empfehle ein kleines Pixel-Zeug von choco-choco, weil es da unendlich gibt.
Ja, die Seite ist auf Japanisch ^.^

Also, wie im anderen Tutorial öffnen wir das Bild, und stellen das Dokument auf die richtige Größe.



Zeit 0 auf der Zeitspanne, und wir machen eine neue gruppe
(objet – ajouter – un groupe)

Nun fügen wir unser kleines Bildchen in die Gruppe
(objet – ajouter – une image)

Ich habe diese herrliche kleine Erdbeere genommen *w*



Wir müssen nun den Cursor so setzen, dass das Kreuz auf der Signatur gleichzeitig die Spitze des neuen Cursors ist.
Falls ihr das nicht verstanden habt, hier:
Ich habe das Bild mitten aufs Kreuzchen gesetzt.



Nun gehen wir zurück auf den Hauptbildschirm (ganz links gibt es ein Feld mit « ecran de base »
Wir müssen die Gruppe des Cursors umbenennen. Oben links, über „ecran de base“ und neben der Zeitschiene steht « sans nom »
Wir klicken drauf und nennen die Gruppe um in „drag“

Jetzt clicken wir auf den Button « ajouter une action programmée », der zweite von rechts:



Ein Fenster öffnet sich, oben steht in gelb „l'objet déclenche l'action après un clic souris", nachdem wir draufgeklickt haben steht dort"l'objet déclenche l'action immédiatement, au temps indiqué".
Wir klicken auf "programmer" und geben diesen Code ein :
Code:

Code:

startDrag (_root/drag, true);
0; "Mouse.hide"; code_3D( ); //cache la souris

Wir speichern die Animation und laden sie hoch


(weshalb die Qualität so abgrundtief schlecht ist, weiß ich aber nicht Oo sollte so nicht sein)

Viel Glück!