Utilisateur:Damien Gauthier

Présentation

Docteur en mathématiques spécialisé en probabilité et statistiques, j'ai bifurqué de la carrière académique pour m'engager dans la pratique artistique du théâtre en devant comédien et metteur en scène professionnel. Aujourd'hui je cherches à combiner ces deux pratiques dans l'univers du design centré utilisateur au sens large.

• page personnelle à TECFA
• page de mes travaux personnels réalisés à TECFA

Ressources

Syntaxe wiki

Guidelines:Edition_de_base

Guidelines:Règles_d'édition

HTML et CSS

(Cette section est inspirée de STIC:STIC_I_-_exercice_1)

• en:HTML and XHTML elements and attributes
• Tutoriel CSS
• HTML5
• HTML5 et CSS3 par le site du zero (fr.openclassrooms.com)
• HTML5 et CSS3 W3C Validator

HTML Validators

• W3C XHTML Validator pour Chrome

Flash

(cette section est largement inspirée de STIC I - Exercice 2)

• Flash
• Univers Flash CS5
• Flash CS3 keyboard shortcuts

Le dessin

• Flash CS4 - Créer des dessins avec les outils de dessin - (Flash drawing tutorial)
  • Modes de dessin (object vs. merge). Sans raisons contraires, dessinez toujours en mode objet
  • Palette des outils de dessin
  • Couleurs et textures
• Flash CS3 - Créer et modifier les calques et les images - (Flash layers tutorial)
  • Savoir s'organiser: layers, layer folders, la librairie, les scènes
• Flash CS4 - Arranger des dessins - (Flash arranging objects tutorial)
  • Différence entre shapes, simple graphics, composite graphics, symbols, etc.
  • Transformations vers différents types de "display elements"
  • Alignement et snapping
• Flash CS4 - Transformer des dessins - (Flash object transform tutorial)
  • Select tool
  • Free Transform Tool (y compris ses différents modes)
• Flash CS4 - Couleurs et gradients - (Flash colors tutorial)
  • Types de couleurs
  • Color Gradient Transform Tool
• Resource: Clipart and texture
  • Importation de graphismes vectoriels (Note: SVG via Illustrator or WMF).

Animations

Introduction

• Tutoriel: Flash CS4 - Principes de l'animation
• Tutoriel: Flash CS4 - Symboles et clips - (en:Flash embedded movie clip tutorial / en:Flash using embedded movie clips tutorial).

Image par image

• Flash CS4 - Animation image par image - (Flash frame-by-frame animation tutorial)

Interpolation du mouvement

• Flash CS4 - Interpolation de mouvement - (en:Flash CS6 motion tweening tutorial)

Animations "classiques" Tween

• Flash CS4 - Interpolation de mouvement classique - (en:Flash classic motion tweening tutorial)

Morphing Shape Tween

• Flash CS4 - Morphing - (Flash shape tweening tutorial)

Résumés animation

• Flash CS4 - Principes de l'animation - Flash animation summary

Le composant vidéo

• Utilisation simple du composant vidéo avec un format standard (mp4)

• Previews:
  • flash-cs3-video-simple-server.html

• Tutoriel: Flash CS4 - Composants videos (fr) (Flash video component tutorial (en)

• Répertoire avec exemples et qqs. vidéos pour jouer: http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/ (utilisez une vidéo de type *mp4, ce sera plus facile).

Son

• Tutoriel: Flash CS4 - Son - (Flash sound tutorial)

Boutons et premier contact avec ActionScript (à option)

Attention: On classe, on a montré Le composant bouton et ActionScript (ci-dessous). Autrement dit, pour le moment, vous pouvez ignorer cette section....

• Previews
  • flash-cs3-image-map.html (image maps)
  • flash-cs3-rocket-launcher-as3.html
  • flash-cs3-simple-menu-site.html
  • flash-cs3-simple-slide-show-as3.html
• Tutoriel: Flash CS4 - Boutons - (Flash button tutorial)
  • Boutons de la librairie
  • Faire soi-même des boutons (y compris à partir de bitmaps)
  • Définir un event-handler simple et enregistrer avec le bouton
• Flash CS4 - Symboles et clips (pour la définition de "symbol" et "clip").

Les composants

(petite sensibilisation)

• Tutoriel: flash-cs4-components-overview.swf

Le composant bouton, ActionScript et menus

Pour l'exercice à rendre, je vous conseille d'utiliser ce type de boutons.

• Previews
  • flash-cs4-simple-slide-show-menu.swf
  • flash-cs4-simple-slide-show-menu-fewcode.swf
• Tutoriel: Flash CS5 - Composant bouton (en:Flash component button tutorial)

• Exemples pour commencer (à vous de décider si vous voulez travailler en modifiant le code):

http://tecfa.unige.ch/guides/flash/ex6/components-intro/flash-cs6-simple-slide-show-menu.fla (CS6, joli code)

http://tecfa.unige.ch/guides/flash/ex5/components-intro/flash-cs5-simple-slide-show-menu.fla (CS5, joli code)

http://tecfa.unige.ch/guides/flash/ex6/components-intro/flash-cs6-simple-slide-show-menu-fewcode.fla (CS6, code simple)

http://tecfa.unige.ch/guides/flash/ex4/components-intro/flash-cs4-simple-slide-show-menu-fewcode.fla (CS4, code simple)

Les fragments de code

• Tutoriel: Flash CS5 - Editeur ActionScript et fragments de code

Ressources diverses

Impress.js

• Tutoriel impress.js
• exemple disponible sur http://tecfa.unige.ch/guides/impress.js/impress-demo-1/

GreenSock GSAP

• Tutoriel GreenSock GSAP