« STIC:STIC I - exercice 6 (Stella) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
mAucun résumé des modifications
 
(21 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
{{en construction}}
{{stic_archive}}
{{stic12}}
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree>
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree>
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">Tutoriels Flash</categorytree>
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">Tutoriels Flash</categorytree>
Ligne 6 : Ligne 5 :
== Objectifs ==
== Objectifs ==


* Utiliser vos Movie Clips comme des classes dans un script, apprendre à "export for ActionScript"
* Utiliser des bibliothèques Flash (configurer CS5/CS6)
* Faire des animations avec la GreenSocks tweening platform
* Utiliser le debug tool (outil de débogage) ... s'il reste du temps


== Programme ==
== Programme ==


; Démos
* [http://tecfa.unige.ch/guides/flash/ex5/as3-timeline/flash-as3-trees-generated.html flash-as3-trees-generated.html]
* [http://tecfa.unige.ch/guides/flash/ex5/greensock/canon2.html canon2.html]
* [http://tecfa.unige.ch/guides/flash/ex5/greensock/canon3.html canon3.html]
* [http://tecfaetu.unige.ch/etu-maltt/pixel/ghebali4/clef/greensock-as3/turbo_escargot_vfinale.swf Les fromages de Claire]
; Tutoriels
* [[Flash CS4 - Symboles et clips]] (Créer des instances avec ActionScript)
* [[Flash CS5 - Editeur ActionScript et fragments de code]] (débogage)
* [[Flash CS4 - Utilisation de librairies]] (chemin)
* [[:en:Flash using ActionScript libraries tutorial|Flash using ActionScript libraries tutorial]]
* [[:en:AS3 tweening platform]]
* [[AS3 - Survol du langage ActionScript]]
; Répertoires avec des exemples:
* http://tecfa.unige.ch/guides/flash/ex5/as3-timeline/ (trees)
* http://tecfa.unige.ch/guides/flash/ex5/greensock (exemples avec le canon)
* http://tecfa.unige.ch/guides/flash/ex4/tween-lite/ (CS4)
* http://tecfa.unige.ch/guides/flash/ex/greensock/ (CS3)
; Activités en classe
* Jouez avec [http://tecfa.unige.ch/guides/flash/ex5/as3-timeline/flash-as3-trees-generated.fla flash-as3-trees-generated.fla]. Montre comment créer des multiples instances à partir d'un symbole.
* Téléchargez [http://www.greensock.com/tweenmax/ TweenMax] de [http://www.greensock.com/ GreenSock] et installez selon les instructions. En gros, il suffit d'extraire le fichier greensock.swc du zip et de le poser dans le même répertoire que votre *.fla. Ensuite vous devez configurer CS6 pour qu'il cherche les librairies dans le répertoire courant.
* Téléchargez [http://tecfa.unige.ch/guides/flash/ex5/greensock/flash-cs5-greensock-tweenmax1.fla flash-cs5-greensock-tweenmax1.fla] et essayez de le faire marcher. Il faut avoir téléchargé la bibliothèque Greensocks, puis déclarer les chemins comme décrit dans [[Flash CS4 - Utilisation de librairies]]
* Fabriquez une machine à Coca ou similaire. Voir les exemples du canon2 dans http://tecfa.unige.ch/guides/flash/ex5/greensock


=== Tâche ===
=== Tâche ===
Ligne 14 : Ligne 43 :
'''Deadline''': Dimanche minuit avant la 3ème semaine présentielle.
'''Deadline''': Dimanche minuit avant la 3ème semaine présentielle.


Faites une application Flash. Elle doit comprendre au moins:
(1) Faites une application Flash. Elle doit comprendre au moins:
* Une utilisation d'un clip exporté ("Export for ActionScript" dans le propriétés du symbole, donc par exemple une balle de canon ou un bateau)
* Une utilisation d'une librairie Greensocks pour animer ce clip exporté
* Un élément interactif (l'utilisateur appuie sur un bouton ou un autre objet)


Le sujet de l'animation doit être en rapport avec une thématique "MALTT"
Le sujet de l'animation doit être en rapport avec une thématique "MALTT"


(2) Documentez '''brièvement''' votre code dans ''File-> File Info'' (CS5) ou ) en y insérant les informations suivantes:
(2) Documentez '''brièvement''' votre code dans ''File-> File Info'' (CS5) en y insérant les informations suivantes:
* Auteur
* Auteur
* Date
* Date
* Objectifs (soyez très courts)
* Objectifs (soyez très courts)
* Crédits (si nécessaire, par exemple pour images et clip art réutilisé)
* Crédits (si nécessaire, par exemple pour images et clip art réutilisé)
 
* Copyright (si nécessaire)
Si vous avez une ancienne version de Flash, essayez ''Modify->Document'', puis insérez:
<pre>
<nowiki>
=== Auteur et date ===
 
=== Objectifs ===
=== Crédits ===
</nowiki>
</pre>


=== Ressources externes ===
=== Ressources externes ===
Ligne 43 : Ligne 65 :


Le dispositif (code source et swf) est à mettre en ligne avec un petit rapport qui se trouvera ici:
Le dispositif (code source et swf) est à mettre en ligne avec un petit rapport qui se trouvera ici:
  /etu-maltt/______/____/stic-1/ex4
  /etu-maltt/______/____/stic-1/ex6
  /etu-maltt/______/____/stic-1/ex4
  /etu-maltt/______/____/stic-1/ex6


Cette page de rapport doit inclure:
Cette page de rapport doit inclure:
Ligne 60 : Ligne 82 :
== Evaluation ==
== Evaluation ==


Voici en gros les critères d'évaluation pour les exercices.
Voir la grille dans Moodle
 
(1) Dispositif
# But - est-ce l'animation correspond à vos objectis: -/0/+
# Thématique MALTT -/0/+
# Artwork - qualité esthétique --/0/+/++
# Complexité:  -/0/+/++
# Respect des contraintes: --/-/0/+
# Documentation - Qualité de la documentation: --/0/+
# Documentation dans Flash - layer et symbol names par exemple: -/0
# Erreurs - Présence/absence d'erreurs: --/-/0
# Cohérence globale: +
 
(2) Contribution Wiki
# Utilité/quantité et qualité
 
(3) Rapport
# Présence des éléments requis
# Réflextions et contributions conceptuelles


== Aide ==
== Aide ==

Dernière version du 12 décembre 2013 à 20:16

Cette page fait partie des archives des cours Cours STIC (STIC I, STIC II,STIC III,STIC IV)

STIC
Tutoriels Flash

Objectifs

  • Utiliser vos Movie Clips comme des classes dans un script, apprendre à "export for ActionScript"
  • Utiliser des bibliothèques Flash (configurer CS5/CS6)
  • Faire des animations avec la GreenSocks tweening platform
  • Utiliser le debug tool (outil de débogage) ... s'il reste du temps

Programme

Démos
Tutoriels
Répertoires avec des exemples
Activités en classe

Tâche

Deadline: Dimanche minuit avant la 3ème semaine présentielle.

(1) Faites une application Flash. Elle doit comprendre au moins:

  • Une utilisation d'un clip exporté ("Export for ActionScript" dans le propriétés du symbole, donc par exemple une balle de canon ou un bateau)
  • Une utilisation d'une librairie Greensocks pour animer ce clip exporté
  • Un élément interactif (l'utilisateur appuie sur un bouton ou un autre objet)

Le sujet de l'animation doit être en rapport avec une thématique "MALTT"

(2) Documentez brièvement votre code dans File-> File Info (CS5) en y insérant les informations suivantes:

  • Auteur
  • Date
  • Objectifs (soyez très courts)
  • Crédits (si nécessaire, par exemple pour images et clip art réutilisé)
  • Copyright (si nécessaire)

Ressources externes

  • Vous pouvez utiliser du "artwork" externe (mais pas plus que 66 %)
  • Vous devez citer les sources !

A rendre

Le dispositif (code source et swf) est à mettre en ligne avec un petit rapport qui se trouvera ici: 

/etu-maltt/______/____/stic-1/ex6
/etu-maltt/______/____/stic-1/ex6

Cette page de rapport doit inclure:

  • Auteur et date
  • Objectifs, ce que le dispositif est censé faire.
  • Pas de longue explication de la production, mais un petit (!) résumé des étapes.
  • Difficultés
  • Auto-évaluation
  • Références
  • Un lien vers le dispositif Flash
  • Un lien vers vos contributions wiki ou alternativement un résumé en une phrase plus un lien vers votre home page wiki. Il faut que l'on sache ce qu'il faut compter pour chaque exercice sans jouer aux détectives.

N'oubliez pas la contribution wiki obligatoire

Evaluation

Voir la grille dans Moodle

Aide

Utilisez la page discussion de cette page pour poser des questions.

Pour insérer un nouveau titre, utilisez simplement le "+".

Important: Si vous cliquez sur l'étoile ("Ajouter cette page à votre liste de suivi"), le wiki vous enverra un mail après chaque modification de la page.

Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_I_-_exercice_6_(Stella)&oldid=33237 »