--- 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":"<b>browsebymotion</b> is a contactless video interface that permits you to browse in dance films (<b>idill</b> 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":"<b>browsebymotion</b> is a contactless video interface that permits you to browse in dance films (<b>idill</b> 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
--- 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":"<b>browsebymotion</b> est une installation vidéo vous permettant de naviguer par le geste et sans aucun contact dans des films de danse (festival <b>idill</b> é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":"<b>browsebymotion</b> est une installation vidéo vous permettant de naviguer par le geste et sans aucun contact dans des films de danse (festival <b>idill</b> é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
--- 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
--- 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 = "<div id='help_details_upArrow' class='help_details_arrows'></div><div id='help_details_downArrow' class='help_details_arrows'></div>";
+
+ 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 = "<div id='notify_credits'><div id='credits_upArrow' class='credits_arrows'></div><div id='credits_container'></div><div id='credits_downArrow' class='credits_arrows'></div></div>";
//Pied de page des crédits.
- var credits_footer = "<div id='credits_footer'><div id='credits_footer_BBM'></div><div id='credits_footer_text'>" + this.creditsMetadata.footer + "</div><div id='credits_footer_partners'></div></div>";
+ var credits_footer = "<div id='credits_footer'><div id='credits_footer_BBM'></div><div id='credits_footer_text'>" + this.creditsMetadata.footer_line1 + "<br />" + this.creditsMetadata.footer_line2 + "</div><div id='credits_footer_partners'></div></div>";
$('body').append(credits);
