# HG changeset patch # User bastiena # Date 1347613756 -7200 # Node ID 63aaf895ea3abd7d11bb9f9e887ebb21d73f9f2b # Parent 5912edfec9795e9eeffea29b1c3145ebdd2a7863# Parent 9927cbd5ec653c630fa6a8a134a98aa905313655 Fusion diff -r 9927cbd5ec65 -r 63aaf895ea3a .hgtags diff -r 9927cbd5ec65 -r 63aaf895ea3a front_idill/src/lang/en.json --- a/front_idill/src/lang/en.json Sun Sep 09 15:20:11 2012 +0200 +++ b/front_idill/src/lang/en.json Fri Sep 14 11:09:16 2012 +0200 @@ -58,6 +58,69 @@ "production":"production", "choregraphy":"choregraphy", "music":"music", - "footer":"browsebymotion is a contactless video interface that permits you to browse in dance films (idill festival editions 2011 and 2009) using gestures. Select a video and search by dancing or by using a gesture that is part of the grammar." - } + "footer_line1":"browsebymotion is a contactless video interface that permits you to browse in dance films (idill festival editions 2011 and 2009) using gestures. Select a video and search by dancing or by using a gesture that is part of the grammar.", + "footer_line2":"Project developped with the support of the Culture and Communication Ministery – General Direction of Artistic Creation." + }, + "gestures_help":[ + { + "name":"no motion", + "usage":"draw a cross from the top", + "desc":"this gesture represents a stopped or paused movement in the choregraphy" + }, + { + "name":"fall", + "usage":"simulate a fall by crouching", + "desc":"this gesture represents falls in the choregraphy" + }, + { + "name":"contact", + "usage":"draw twho horizontal lines that meet", + "desc":"this gesture represents contact points between dancers or a dancer body parts" + }, + { + "name":"group spin", + "usage":"draw two inverted circles", + "desc":"this gesture represents two or more dancers spinning around themselves or moving synchroneously in circles" + }, + { + "name":"bend", + "usage":"bend forward", + "desc":"this gesture represents bend movements of body parts" + }, + { + "name":"knee up", + "usage":"just raise a knee", + "desc":"this gesture represents raising knees or legs" + }, + { + "name":"arm carriage", + "usage":"draw two circle arcs symetrically opposed from the center", + "desc":"this gesture represents arm carriages" + }, + { + "name":"lift", + "usage":"raise your hands and join them like you would do to lift an object", + "desc":"this gesture represents a lift, which is a dancer lifting another dancer" + }, + { + "name":"jump", + "usage":"jump vertically", + "desc":"this gesture represents jumps" + }, + { + "name":"spin", + "usage":"draw a circle with your hands joined", + "desc":"this gesture represents a spin or a circle performed by a dancer" + }, + { + "name":"up and down", + "usage":"draw a vertical line from the bottom to the up side of the window then go back down toward each side of the line", + "desc":"this gesture represents a body that goes up then down" + }, + { + "name":"wave", + "usage":"draw two sinuzoides that get away from each other", + "desc":"this gesture represents aquatic movements" + } + ] } \ No newline at end of file diff -r 9927cbd5ec65 -r 63aaf895ea3a front_idill/src/lang/fr.json --- a/front_idill/src/lang/fr.json Sun Sep 09 15:20:11 2012 +0200 +++ b/front_idill/src/lang/fr.json Fri Sep 14 11:09:16 2012 +0200 @@ -58,6 +58,69 @@ "production":"production", "choregraphy":"chorégraphie", "music":"musique", - "footer":"browsebymotion est une installation vidéo vous permettant de naviguer par le geste et sans aucun contact dans des films de danse (festival idill éditions 2011 et 2009). Sélectionnez une vidéo et lancez une recherche en dansant ou en reproduisant un geste de la grammaire." - } + "footer_line1":"browsebymotion est une installation vidéo vous permettant de naviguer par le geste et sans aucun contact dans des films de danse (festival idill éditions 2011 et 2009). Sélectionnez une vidéo et lancez une recherche en dansant ou en reproduisant un geste de la grammaire.", + "footer_line2":"Projet réalisé avec le soutien du Ministère de la Culture et de la communication – Direction générale à la Création artistique." + }, + "gestures_help":[ + { + "name":"arrêt", + "usage":"tracer une croix en partant du haut", + "desc":"ce geste symbolise un temps d'arrêt ou un geste suspendu dans la chorégraphie" + }, + { + "name":"chute", + "usage":"simuler une chute en s'accroupissant", + "desc":"ce geste marque des chutes dans la chorégraphie" + }, + { + "name":"contact", + "usage":"tracer deux lignes horizontales qui se rencontrent", + "desc":"ce geste symbolise des points de contact entre danseurs ou même entre les membres d'un même danseur" + }, + { + "name":"rotation de groupe", + "usage":"tracer deux cercles inversés", + "desc":"ce geste symbolise deux ou plusieurs danseurs tournant sur eux-mêmes ou se déplaçant synchronisés en cercle" + }, + { + "name":"inclinaison", + "usage":"se pencher en avant", + "desc":"ce geste marque des mouvements d'inclinaison de membres (bras, jambe, buste, etc.)" + }, + { + "name":"levé de jambe", + "usage":"lever simplement un genou", + "desc":"ce geste indique les levés de jambe" + }, + { + "name":"port de bras", + "usage":"tracer deux arcs de cercle symétriquement opposés depuis le centre", + "desc":"ce geste symbolise les mouvements de bras" + }, + { + "name":"porté", + "usage":"lever les mains en les joignant comme pour soulever un objet", + "desc":"ce geste symbolise un porté, c'est-à-dire un danseur portant un autre danseur" + }, + { + "name":"saut", + "usage":"sauter sur place", + "desc":"ce geste marque les sauts" + }, + { + "name":"spin", + "usage":"tracer un cercle avec les deux mains jointes", + "desc":"ce geste symbolise un tour ou un cercle effectué par un danseur" + }, + { + "name":"up et down", + "usage":"tracer une verticale de bas en haut qui se termine par une descente de chaque côté", + "desc":"ce geste indique un corps qui se dresse puis qui se baisse" + }, + { + "name":"vague", + "usage":"tracer deux sinusoïdes qui s'éloignent l'une de l'autre", + "desc":"ce geste symbolise des mouvements aquatiques" + } + ] } \ No newline at end of file diff -r 9927cbd5ec65 -r 63aaf895ea3a front_idill/src/mosaic/css/mosaic.less --- a/front_idill/src/mosaic/css/mosaic.less Sun Sep 09 15:20:11 2012 +0200 +++ b/front_idill/src/mosaic/css/mosaic.less Fri Sep 14 11:09:16 2012 +0200 @@ -324,7 +324,7 @@ /* * Flèches pour naviguer dans les crédits. */ -.credits_arrows +.credits_arrows, .help_details_arrows { position: absolute; width: 50px; @@ -351,6 +351,22 @@ } /* + * Flèche du haut pour naviguer dans les détails du panneau d'aide. +*/ +#help_details_upArrow +{ + background-image: url('../../img/upArrow.png'); +} + +/* + * Flèche du bas pour naviguer dans les détails du panneau d'aide. +*/ +#help_details_downArrow +{ + background-image: url('../../img/downArrow.png'); +} + +/* * Colonne de recherche du panneau d'aide. */ #help_search diff -r 9927cbd5ec65 -r 63aaf895ea3a front_idill/src/mosaic/js/notifications.js --- a/front_idill/src/mosaic/js/notifications.js Sun Sep 09 15:20:11 2012 +0200 +++ b/front_idill/src/mosaic/js/notifications.js Fri Sep 14 11:09:16 2012 +0200 @@ -175,6 +175,13 @@ //On les ajoute à la mosaïque. $('body').append(notification_help); + var notify_imgs_width = $('#notify_imgs_small').css('margin-leftf') + + $('.notify_imgs').css( + { + width: $('#notify_imgs_small') + }); + if(this.isTablet) { //On rétrécit certaines images si on est sur une tablette. @@ -210,19 +217,29 @@ 'z-index': 1000 }); - //Taille des marges des images. - var margins = parseInt($('.notify_imgs_small').css('margin-left')); - //Largeur des images. - var widths = $('.notify_imgs_small').width(); - //Hauteur des images. - var heights = $('.notify_imgs_small').height(); //Position horizontale du séparateur de colonnes. var sep_left = $('#help_sep').position().left; //Marge du panneau d'aide. var help_margin = parseInt($('#notify_help').css('margin-left')); - //On calcule la taille d'une zone de recherche (une des deux parties). var help_column_width = sep_left - help_margin; + + //Taille des marges des images. + var margins = parseInt($('.notify_imgs_small').css('margin-left')); + //Largeur des images. + var widths = help_column_width / 5 - 4 * margins * 2;// $('.notify_imgs_small').width(); + //Hauteur des images. + var heights = widths;//$('.notify_imgs_small').height(); + + $('.notify_imgs_small').css( + { + width: widths, + height: heights, + 'background-size': widths + 'px ' + heights + 'px', + 'font-size': widths / 5 + 'px', + 'padding-left': '0px' + }); + //Longueur d'une image. var img_width = (margins * 2 + widths); @@ -330,7 +347,7 @@ $("#1hand_" + controls_1hand_tab[i]).css("background-image", "url('" + img_directory + controls_1hand_tab[i] + ".png')"); $("#1hand_" + controls_1hand_tab[i]).html(this.helpText[controls_1hand_tab_text[i]]); } - + //On les fait apparaître. $('#notify_help').css( { @@ -341,6 +358,29 @@ { opacity: "1" }); + + //Si on est en mode d'interaction souris, on rajoute les détails. + /*if(this.mouseInteractions) + { + //Dimensions des flèches. + var arrowWidth = 50, arrowHeight = 50; + + //On ajoute les flèches pour accéder aux détails du panneau d'aide. + var help_details_arrows = "
"; + + notify_help.append(help_details_arrows); + + $('#help_details_upArrow').css( + { + top: 0, + left: notify_help.width() / 2 - arrowWidth / 2 + }); + $('#help_details_downArrow').css( + { + top: $('#notify_help').height() - arrowHeight, + left: notify_help.width() / 2 - arrowWidth / 2 + }); + }*/ } /* @@ -2049,7 +2089,7 @@ var credits = "
"; //Pied de page des crédits. - var credits_footer = ""; + var credits_footer = ""; $('body').append(credits);