VIDÉOS POUR LE WEB
   et réalité augmentée
QUI EST EPIC?
•   Agence créative
    •   Créée en 2009;
    •   7 personnes;
    •   Quelques clients: L’Oréal, Leidgens sprl, Etilux, Quatuor, Chocol@, ...

•   Passionnés de nouvelles technologies et de design
KARIM MAALOUL




45 %
         55 %




Design
Développement flash
KARIM MAALOUL


                       Mais Flash est mort, non ?

                       flash est inutile, parceque html5,
45 %
          55 %         canvas, javascript, c’est génial, c’est
                       beau, c’est propre et ça fait la paix dans le
                       monde...

                       tic tac tic tac...



 Design
 Développement flash
VIDÉO POUR LE WEB
étude de cas #1


  AMÉNAGEMENTS EXTÉRIEURS
LEIDGENS.BE
•   Historique de l’entreprise
    •   L’historique de la société a une vraie valeur ajoutée
    •   Entreprise familiale, personnages charismatiques
    •   Les gens ne lisent pas
LEIDGENS.BE


Interview   +    Courbes   =
LEIDGENS.BE
              •   Design,

              •   Préparation et briefing

7 - 8 JOURS   •   Tournage

              •   Derushage, post-prod

              •   Développement flash
étude de cas #2


  AMÉNAGEMENTS EXTÉRIEURS




  oui encore eux
LEIDGENS.BE
•   Vidéos de présentation
    •   Ambiance, valeurs et procédés
    •   Rassurer le client potentiel
    •   Immerger le visiteur dans la vie de l’entreprise
LEIDGENS.BE


Immersion   +   Stats   =
LEIDGENS.BE
            •   Design,

            •   Préparation et briefing

            •   Tournage

5 JOURS     •   Derushage,

            •   Tracking

            •   Incrustation (after effects)

            •   Compression
étude de cas #3


        AMÉNAGEMENTS EXTÉRIEURS




après on en parle plus, promis !
LEIDGENS.BE
•   Vidéos de jardins
    •   Reproduire la sensation de se promener dans un jardin
    •   Faire découvrir les différents départements
    •   Permettre au visiteur d’en savoir plus sur ce qu’il voit
SOLUTION ?
RA, AVEC WEBCAM
•   Besoin du bon marqueur

•   Technologie capricieuse
    •   luminosité
    •   distance
    •   cpu

•   Très 2008 !

•   Assez simple à implémenter

•   Reste le meilleur compromis pour de la RA via webcam
RA, POUR VIDEOS EN «DIFFÉRÉ»
•   Coller des marqueurs sur les arbres ?

•   Tracking 2D (after effects) + export des données vers flash ?

•   Animer les blocs en flash (timeline) ?

•   Recourir à un logiciel de tracking 3D ?
RA, POUR VIDEOS EN «DIFFÉRÉ»
•   Syntheyes

•   Envoi des données à Flash

•   3D des blocs cliquables grâce à papervision
Premiers tests :
La canette de coca
LEIDGENS.BE
                     •   Design,


        10 JOURS     •
                     •
                         Incrustation (Flash + papervision)

                         Gestion des interactions


                     •   Préparation et briefing

                     •   Tournage

4 -5 JOURS / VIDÉO   •   Derushage,

                     •   Tracking

                     •   Définition des blocs
étude de cas #4


Chocol by Darcis
CHOCOL-AT.BE
•   Concept original

•   Produit personnalisable

•   Produit de luxe

•   Made by Jean-Philippe Darcis
CHOCOL-AT.BE
•   ça serait chouette si on pouvait ...
    •   montrer Darcis entrain de préparer le chocolat
    •   montrer le coffret sous différents angles
    •   montrer le message que le client a écrit dans la vidéo
    •   partager la vidéo avec ses amis
Premiers tests :
Le coffret de chocolat
CHOCOL-AT.BE
               •   Préparation et briefing

               •   Tournage

               •
12 JOURS
                   Derushage, Montage

               •   Tracking

               •   Incrustation (développement flash)

               •   Développement du player video
INSPIRATIONS
•   Stranger than a fiction

•   Release the freq

•   Macro Kingdom

•   Hyundai Accent
PERSPECTIVES
•   Nouvelles fonctionnalités de flash
    •   StageVideo depuis la version 10.2
    •   Le futur player Molehill, (3d complexe, accélération GPU)



•   Nouvelles technologies de tracking
    •   Kinect (pas encore adapté au web)
    •   Head-tracking
ON CHERCHE
Un project manager / account
    info@epicagency.net
QUESTIONS ? COMMENTAIRES ?
     @epicwebagency / @yakudoo

        www.epicagency.net
MERCI !

Café Numérique Liège #9: la Vidéo Numérique

  • 1.
    VIDÉOS POUR LEWEB et réalité augmentée
  • 2.
    QUI EST EPIC? • Agence créative • Créée en 2009; • 7 personnes; • Quelques clients: L’Oréal, Leidgens sprl, Etilux, Quatuor, Chocol@, ... • Passionnés de nouvelles technologies et de design
  • 3.
    KARIM MAALOUL 45 % 55 % Design Développement flash
  • 4.
    KARIM MAALOUL Mais Flash est mort, non ? flash est inutile, parceque html5, 45 % 55 % canvas, javascript, c’est génial, c’est beau, c’est propre et ça fait la paix dans le monde... tic tac tic tac... Design Développement flash
  • 5.
  • 6.
    étude de cas#1 AMÉNAGEMENTS EXTÉRIEURS
  • 7.
    LEIDGENS.BE • Historique de l’entreprise • L’historique de la société a une vraie valeur ajoutée • Entreprise familiale, personnages charismatiques • Les gens ne lisent pas
  • 8.
  • 10.
    LEIDGENS.BE • Design, • Préparation et briefing 7 - 8 JOURS • Tournage • Derushage, post-prod • Développement flash
  • 11.
    étude de cas#2 AMÉNAGEMENTS EXTÉRIEURS oui encore eux
  • 12.
    LEIDGENS.BE • Vidéos de présentation • Ambiance, valeurs et procédés • Rassurer le client potentiel • Immerger le visiteur dans la vie de l’entreprise
  • 13.
  • 15.
    LEIDGENS.BE • Design, • Préparation et briefing • Tournage 5 JOURS • Derushage, • Tracking • Incrustation (after effects) • Compression
  • 16.
    étude de cas#3 AMÉNAGEMENTS EXTÉRIEURS après on en parle plus, promis !
  • 17.
    LEIDGENS.BE • Vidéos de jardins • Reproduire la sensation de se promener dans un jardin • Faire découvrir les différents départements • Permettre au visiteur d’en savoir plus sur ce qu’il voit
  • 18.
  • 20.
    RA, AVEC WEBCAM • Besoin du bon marqueur • Technologie capricieuse • luminosité • distance • cpu • Très 2008 ! • Assez simple à implémenter • Reste le meilleur compromis pour de la RA via webcam
  • 21.
    RA, POUR VIDEOSEN «DIFFÉRÉ» • Coller des marqueurs sur les arbres ? • Tracking 2D (after effects) + export des données vers flash ? • Animer les blocs en flash (timeline) ? • Recourir à un logiciel de tracking 3D ?
  • 22.
    RA, POUR VIDEOSEN «DIFFÉRÉ» • Syntheyes • Envoi des données à Flash • 3D des blocs cliquables grâce à papervision
  • 24.
    Premiers tests : Lacanette de coca
  • 26.
    LEIDGENS.BE • Design, 10 JOURS • • Incrustation (Flash + papervision) Gestion des interactions • Préparation et briefing • Tournage 4 -5 JOURS / VIDÉO • Derushage, • Tracking • Définition des blocs
  • 27.
    étude de cas#4 Chocol by Darcis
  • 28.
    CHOCOL-AT.BE • Concept original • Produit personnalisable • Produit de luxe • Made by Jean-Philippe Darcis
  • 29.
    CHOCOL-AT.BE • ça serait chouette si on pouvait ... • montrer Darcis entrain de préparer le chocolat • montrer le coffret sous différents angles • montrer le message que le client a écrit dans la vidéo • partager la vidéo avec ses amis
  • 30.
    Premiers tests : Lecoffret de chocolat
  • 32.
    CHOCOL-AT.BE • Préparation et briefing • Tournage • 12 JOURS Derushage, Montage • Tracking • Incrustation (développement flash) • Développement du player video
  • 33.
    INSPIRATIONS • Stranger than a fiction • Release the freq • Macro Kingdom • Hyundai Accent
  • 34.
    PERSPECTIVES • Nouvelles fonctionnalités de flash • StageVideo depuis la version 10.2 • Le futur player Molehill, (3d complexe, accélération GPU) • Nouvelles technologies de tracking • Kinect (pas encore adapté au web) • Head-tracking
  • 35.
    ON CHERCHE Un projectmanager / account info@epicagency.net
  • 36.
    QUESTIONS ? COMMENTAIRES? @epicwebagency / @yakudoo www.epicagency.net
  • 37.