« 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
 
(9 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
{{stic12}}
{{stic_archive}}
<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 6 :


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


== Programme ==
== Programme ==
Ligne 24 : Ligne 24 :
* [[:en:Flash using ActionScript libraries tutorial|Flash using ActionScript libraries tutorial]]
* [[:en:Flash using ActionScript libraries tutorial|Flash using ActionScript libraries tutorial]]
* [[:en:AS3 tweening platform]]
* [[:en:AS3 tweening platform]]
* [[AS3 - Survol du langage ActionScript]]


; Répertoires avec des exemples:
; Répertoires avec des exemples:
Ligne 33 : Ligne 34 :
; Activités en classe
; Activités en classe


* Jouer avec [http://tecfa.unige.ch/guides/flash/ex5/as3-timeline/flash-as3-trees-generated.fla flash-as3-trees-generated.fla]
* 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/ GreenSock Tweening Platform]
* 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]]
* 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
* Fabriquez une machine à Coca ou similaire. Voir les exemples du canon2 dans http://tecfa.unige.ch/guides/flash/ex5/greensock
Ligne 43 : Ligne 44 :


(1) 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é (donc par exemple une balle de canon ou bateau)
* 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é
* Une utilisation d'une librairie Greensocks pour animer ce clip exporté
* Un élément interactif (l'utilisateur appuie sur un bouton ou objet)
* 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"
Ligne 81 : 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 à 19:16

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

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.