FR | EN 

Clip Interactif


LANCER LE CLIP INTERACTIF

Persifleur est un clip interactif du groupe MERCUR.

Montez le volume & dessinez avec la souris.

Clickez sur PLAY pour démarrer !

Nécessite un ordinateur et un navigateur récent (par ordre de préférence : Chrome, Firefox, Safari...)

Video

Voir le teaser:

EP

Le 1er EP de Mercur sort fin Novembre 2013

Ecoutez d'autres morceaux de Mercur sur www.mercursound.net

MAKING-OF

L'idée du clip est née en décembre 2011 à partir d'un concept simple : permettre à l'utilisateur de "dessiner la musique". Entre cette idée et la sortie du clip en novembre 2013, de nombreuses étapes :

- Création des typographies : chaque mot du texte est dessiné à la main (à l'encre de chine, à la plume, au pinceau ou au stylo).

- Les mots sont ensuite scannés, puis animés via After Effects selon les intonations de la voix et des instruments.

- S'en suit un travail de programmation. Les animations sont intégrées dans ce programme, de manière à réagir aux actions de l'utilisateur.

Le clip a été développé en Java avec Processing. Le code source est disponible à ce lien.

Il a ensuite été adapté en Web App grâce à ProcessingJs ajouté à du HTML5 / CSS / Javascript / PHP

Plus d'infos à venir...

FAQ

Comment utiliser le clip ?

Il suffit de dessiner avec la souris...

Click-gauche : Dessine

Click-droit : Efface

Save : Enregistre un screenshot dans la gallerie

Bouger la souris : Dessine les mots

Ne pas bouger la souris : Ne dessine pas les mots

Cmd+Shift+F : Fullscreen (Chrome)

A : Dessine les animations

Le clip ne fonctionne pas !

Pour fonctionner de manière fluide, le clip nécessite un ordinateur récent, ainsi qu'un navigateur à jour (Chrome de préférence, mais aussi Firefox, Safari, Internet Explorer...)

Fermez éventuellement les autres applications et onglets en cours.

Si la mise à jour de votre navigateur ne suffit pas au bon fonctionnement du clip, essayez de le télécharger.

Enfin la vidéo non-interactive du clip est disponible ici.

Le clip ne fonctionne pas sur tablettes et mobiles pour le moment.

Comment nous aider ?

Si vous avez apprécié le clip, nous avons besoin de votre aide !

Sous quelle licence est diffusée le clip ?

Les utilisations du clip sont régies pas la licence Creative Commons BY-NC-SA 3.0 (Attribution - Pas d'utilisation commerciale - Partage dans les mêmes conditions)

Y a t'il une différence entre la version web et la version téléchargeable de l'appli ?

Version WEB:

  • Format Square
  • Framerates rapides (en moyenne 55fps)
  • Control bar

Version DOWNLOAD:

  • Possibilité de changer les settings (format, background, line width & opacity, easing...)
  • Framerates plus lents (environ 20fps)

CREDITS

Contact: mercurcontact@gmail.com


Sélectionné au festival CLIP THAT BEAT 2013


MERCUR - Persifleur: Interactive Music-Video
Réalisation/Programmation: Yann Deval // yann.deval@gmail.com
Design & Animation: REANIMATION (Thomas Fage, Yann Deval, Boris Wilmot, Stéphane Laplatte) // www.reanimation.tv

MERCUR:
Rodolphe Blanchet: Voix
Yann Deval: Clarinette, Basse, Piano
Thomas Fage: Guitares
Samuel Laenen: Batterie
Persifleur (Blanchet - Deval / Fage)
www.mercursound.net



Built with Processing 1.5.1: www.processing.org/
and Processing.js 1.4.1: processingjs.org/

Parts of code based on:
M_2_6_01_TOOL by Generative Design: www.art-generatif.com/
Eraser by amnon.owed: www.forum.processing.org/topic/eraser
KISA (HTML5 Audio): www.cs.plu.edu/~brink/KISA/KISATutorial.html
Image zooming: fancyBox - http://fancyapps.com/fancybox/#examples
Preloader based on Only the brave by Florent Deloison: http://florentdeloison.fr/blog/2013/01/28/projet-abandonne-diesel-only-the-brave/
Image galery based on code by spitfire pat: http://forums.phpbb-fr.com/coding-webmastering-securite/sujet98940.html
Save screenshot based on tuto by Permadi: http://permadi.com/blog/2010/10/html5-saving-canvas-image-data-using-php-and-ajax/
Bird anim based on Muybridge photographic studies of motion: http://en.wikipedia.org/wiki/Eadweard_Muybridge

Website by Yann Deval

DOWNLOADS

Download the app Persifleur 1.18 for:


THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.