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

37
VIDÉOS POUR LE WEB et réalité augmentée

description

Karim Maaloul, Interactive Designer chez Epic Agency, nous présentera quelques cas intéressants de l’utilisation de la vidéo numérique en réalité augmentée.

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

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

VIDÉOS POUR LE WEBet réalité augmentée

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

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

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

KARIM MAALOUL

DesignDéveloppement flash

55 %45 %

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

KARIM MAALOUL

DesignDéveloppement flash

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

tic tac tic tac...

Mais Flash est mort, non ?

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

VIDÉO POUR LE WEB

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

étude de cas #1

AMÉNAGEMENTS EXTÉRIEURS

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

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

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

LEIDGENS.BE

Interview + Courbes =

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

LEIDGENS.BE

• Design,

• Préparation et briefing

• Tournage

• Derushage, post-prod

• Développement flash

7 - 8 JOURS

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

étude de cas #2

AMÉNAGEMENTS EXTÉRIEURS

oui encore eux

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

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

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

LEIDGENS.BE

Immersion + Stats =

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

LEIDGENS.BE• Design,

• Préparation et briefing

• Tournage

• Derushage,

• Tracking

• Incrustation (after effects)

• Compression

5 JOURS

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

étude de cas #3

AMÉNAGEMENTS EXTÉRIEURS

après on en parle plus, promis !

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

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

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

SOLUTION ?

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

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

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

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 ?

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

RA, POUR VIDEOS EN «DIFFÉRÉ»• Syntheyes

• Envoi des données à Flash

• 3D des blocs cliquables grâce à papervision

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

Premiers tests :La canette de coca

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

LEIDGENS.BE• Design,

• Incrustation (Flash + papervision)

• Gestion des interactions10 JOURS

• Préparation et briefing

• Tournage

• Derushage,

• Tracking

• Définition des blocs

4 -5 JOURS / VIDÉO

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

étude de cas #4

Chocol by Darcis

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

CHOCOL-AT.BE• Concept original

• Produit personnalisable

• Produit de luxe

• Made by Jean-Philippe Darcis

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

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

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

Premiers tests :Le coffret de chocolat

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

CHOCOL-AT.BE

• Préparation et briefing

• Tournage

• Derushage, Montage

• Tracking

• Incrustation (développement flash)

• Développement du player video

12 JOURS

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

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

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

ON CHERCHEUn project manager / account

[email protected]

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

QUESTIONS ? COMMENTAIRES ?@epicwebagency / @yakudoo

www.epicagency.net

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

MERCI !