{} - Contributions de l’utilisateur [fr]

ERG::cécile

2016-12-12T23:36:59Z

Cécile Lechevallier :

'''Pour ce projet'''

'''Description de l'objet de votre recherche.'''

J'ai l'intention de réaliser un synthétiseur visuel. Des disques colorés apparaitraient suivant le mouvement de la souris, ils se superposeraient donnant l'impression d'une progression en avant (visuellement similaire à ce site de raphael rozendaal mais cette fois-ci dans un mouvement avant >>> http://www.oozemove.com ). En plus de pouvoir créer des formes en deplaçant le curseur, l'internaute peut modifier un paramètre (voire plus) : le delay. Visuellement cela se traduirait par une opacité moindre à l'apparition et à la disparition du disque coloré. Cette semi-transparence créerait des superpositions de couleurs.

Contextualisation de votre travail et inscription dans les pratiques contemporaines ou historiques

Ce travail n'est pas une fin en soi puisque c'est lui-même un outil de création. Sa diffusion gratuite sur internet lui donne une bonne accessiblité, il est à mon avis intéressant pour son aspect visuel mais aussi didactique, il donne à voir des effet habituellement réservés au son.

Adéquation avec la forme générative

Le terme génératif n'est pas parfaitement adapté à mon projet à partir du moment où l'utilisateur détermine l'aspect final de sa création. Cependant ce mode de création (mouvement du curseur + potentiomètre de delay) laisse une belle place à l'expérimentation.
La variation des couleurs (régulière mais incontrolable) et leur superpositions changeantes sont aussi source de hasard.

Mon projet est comparable aux installations "Cracked Ray Tube"
http://www.crackedraytube.com/info.html
Dans le sens ou un signal continu est émis (ici dans une TV), retranscrit visuellement et modifié en direct.

Et enfin dans le principe de site galerie et d'interaction, le projet se rapproche des idées de Rafael Rozendaal (visuellement également)

Quels sont les outils et technologies nécessaires pour accomplir votre projet?

Ce projet sera réalisé en Html pour le contenu du site, en CSS pour l'aspect visuel et en javascript (+jquery) pour l'interaction.

Décrivez l'ensemble des outils mis en place ou pressentis, avec si possible un lien.

code jquery pour détection des coordonnées du curseur
>>> https://openclassrooms.com/courses/les-deplacements-de-la-souris/les-coordonnees-de-la-souris
>>> https://api.jquery.com/event.pageX/

Quelles sont les choses que vous souhaitez réaliser mais pour lesquels vous manquez d'outils?

Le manque se trouve surtout au niveau des connaissances de code, quand bien même je souhaite réaliser des recherches sur des sites adaptés, je ne sais comment procéder. J'ai du mal à découper mes besoins par étapes.

Quel est le scénario de fonctionnement de votre projet?

La page charge environ 10x / secondes les coordonnées du curseur et créé un nouveau disque à cet emplacement pendant que les premiers disques disparaissent progressivement.

Décrivez sous forme de liste les différentes opérations effectuées par votre programme pour générer le poster.

Décrivez la suite d'opération sous forme de flowchart
Uploadez votre image sur le wiki et la lier dans la page. >>>> impossible actuellement, je me vois obligée de réaliser une remise en main propre

ERG::cécile

2016-12-12T23:36:25Z

Cécile Lechevallier :

ERG::cécile

2016-12-12T23:33:51Z

Cécile Lechevallier :

'''Pour ce projet'''

'''Description de l'objet de votre recherche.'''

J'ai l'intention de réaliser un synthétiseur visuel. Des disques colorés apparaitraient suivant le mouvement de la souris, ils se superposeraient donnant l'impression d'une progression en avant (visuellement similaire à ce site de raphael rozendaal mais cette fois-ci dans un mouvement avant >>> http://www.oozemove.com ). En plus de pouvoir créer des formes en deplaçant le curseur, l'internaute peut modifier un paramètre (voire plus) : le delay. Visuellement cela se traduirait par une opacité moindre à l'apparition et à la disparition du disque coloré. Cette semi-transparence créerait des superpositions de couleurs.

Contextualisation de votre travail et inscription dans les pratiques contemporaines ou historiques

Ce travail n'est pas une fin en soi puisque c'est lui-même un outil de création. Sa diffusion gratuite sur internet lui donne une bonne accessiblité, il est à mon avis intéressant pour son aspect visuel mais aussi didactique, il donne à voir des effet habituellement réservés au son.

Adéquation avec la forme générative

Le terme génératif n'est pas parfaitement adapté à mon projet à partir du moment où l'utilisateur détermine l'aspect final de sa création. Cependant ce mode de création (mouvement du curseur + potentiomètre de delay) laisse une belle place à l'expérimentation.
La variation des couleurs (régulière mais incontrolable) et leur superpositions changeantes sont aussi source de hasard.

Mon projet est comparable aux créations de

Cracked Ray Tube

Et enfin dans le principe de site galerie et d'interaction, le projet se rapproche des idées de Rafael Rozendaal (visuellement également)

Quels sont les outils et technologies nécessaires pour accomplir votre projet?

Ce projet sera réalisé en Html pour le contenu du site, en CSS pour l'aspect visuel et en javascript (+jquery) pour l'interaction.

Décrivez l'ensemble des outils mis en place ou pressentis, avec si possible un lien.

code jquery pour détection des coordonnées du curseur
>>> https://openclassrooms.com/courses/les-deplacements-de-la-souris/les-coordonnees-de-la-souris
>>> https://api.jquery.com/event.pageX/

Quelles sont les choses que vous souhaitez réaliser mais pour lesquels vous manquez d'outils?

Le manque se trouve surtout au niveau des connaissances de code, quand bien même je souhaite réaliser des recherches sur des sites adaptés, je ne sais comment procéder. J'ai du mal à découper mes besoins par étapes.

Quel est le scénario de fonctionnement de votre projet?

La page charge environ 10x / secondes les coordonnées du curseur et créé un nouveau disque à cet emplacement pendant que les premiers disques disparaissent progressivement.

Décrivez sous forme de liste les différentes opérations effectuées par votre programme pour générer le poster.

Décrivez la suite d'opération sous forme de flowchart
Uploadez votre image sur le wiki et la lier dans la page. >>>> impossible actuellement, je me vois obligée de réaliser une remise en main propre

ERG::cécile

2016-12-12T23:32:09Z

Cécile Lechevallier :

'''Pour ce projet'''

'''Description de l'objet de votre recherche.'''

J'ai l'intention de réaliser un synthétiseur visuel. Des disques colorés apparaitraient suivant le mouvement de la souris, ils se superposeraient donnant l'impression d'une progression en avant (visuellement similaire à ce site de raphael rozendaal mais cette fois-ci dans un mouvement avant >>> http://www.oozemove.com ). En plus de pouvoir créer des formes en deplaçant le curseur, l'internaute peut modifier un paramètre (voire plus) : le delay. Visuellement cela se traduirait par une opacité moindre à l'apparition et à la disparition du disque coloré. Cette semi-transparence créerait des superpositions de couleurs.

Contextualisation de votre travail et inscription dans les pratiques contemporaines ou historiques

Ce travail n'est pas une fin en soi puisque c'est lui-même un outil de création. Sa diffusion gratuite sur internet lui donne une bonne accessiblité, il est à mon avis intéressant pour son aspect visuel mais aussi didactique, il donne à voir des effet habituellement réservés au son.

Adéquation avec la forme générative

Le terme génératif n'est pas parfaitement adapté à mon projet à partir du moment où l'utilisateur détermine l'aspect final de sa création. Cependant ce mode de création (mouvement du curseur + potentiomètre de delay) laisse une belle place à l'expérimentation.
La variation des couleurs (régulière mais incontrolable) et leur superpositions changeantes sont aussi source de hasard.

Mon projet est comparable aux créations de

Cracked Ray Tube

Et enfin dans le principe de site galerie et d'interaction, le projet se rapproche des idées de Rafael Rozendaal (visuellement également)

Quels sont les outils et technologies nécessaires pour accomplir votre projet?

Ce projet sera réalisé en Html pour le contenu du site, en CSS pour l'aspect visuel et en javascript (+jquery) pour l'interaction.

Décrivez l'ensemble des outils mis en place ou pressentis, avec si possible un lien.

code jquery pour détection des coordonnées du curseur >>> https://openclassrooms.com/courses/les-deplacements-de-la-souris/les-coordonnees-de-la-souris

Quelles sont les choses que vous souhaitez réaliser mais pour lesquels vous manquez d'outils?

Le manque se trouve surtout au niveau des connaissances de code, quand bien même je souhaite réaliser des recherches sur des sites adaptés, je ne sais comment procéder. J'ai du mal à découper mes besoins par étapes.

Quel est le scénario de fonctionnement de votre projet?

La page charge environ 10x / secondes les coordonnées du curseur et créé un nouveau disque à cet emplacement pendant que les premiers disques disparaissent progressivement.

Décrivez sous forme de liste les différentes opérations effectuées par votre programme pour générer le poster.

Décrivez la suite d'opération sous forme de flowchart
Uploadez votre image sur le wiki et la lier dans la page. >>>> impossible actuellement, je me vois obligée de réaliser une remise en main propre

ERG::cécile

2016-12-12T23:30:25Z

Cécile Lechevallier :

'''Pour ce projet'''

'''Description de l'objet de votre recherche.'''

J'ai l'intention de réaliser un synthétiseur visuel. Des disques colorés apparaitraient suivant le mouvement de la souris, ils se superposeraient donnant l'impression d'une progression en avant (visuellement similaire à ce site de raphael rozendaal mais cette fois-ci dans un mouvement avant >>> http://www.oozemove.com ). En plus de pouvoir créer des formes en deplaçant le curseur, l'internaute peut modifier un paramètre (voire plus) : le delay. Visuellement cela se traduirait par une opacité moindre à l'apparition et à la disparition du disque coloré. Cette semi-transparence créerait des superpositions de couleurs.

Contextualisation de votre travail et inscription dans les pratiques contemporaines ou historiques

Ce travail n'est pas une fin en soi puisque c'est lui-même un outil de création. Sa diffusion gratuite sur internet lui donne une bonne accessiblité, il est à mon avis intéressant pour son aspect visuel mais aussi didactique, il donne à voir des effet habituellement réservés au son.

Adéquation avec la forme générative

Le terme génératif n'est pas parfaitement adapté à mon projet à partir du moment où l'utilisateur détermine l'aspect final de sa création. Cependant ce mode de création (mouvement du curseur + potentiomètre de delay) laisse une belle place à l'expérimentation.

Mon projet est comparable aux créations de

Cracked Ray Tube

Et enfin dans le principe de site galerie et d'interaction, le projet se rapproche des idées de Rafael Rozendaal (visuellement également)

Quels sont les outils et technologies nécessaires pour accomplir votre projet?

Ce projet sera réalisé en Html pour le contenu du site, en CSS pour l'aspect visuel et en javascript (+jquery) pour l'interaction.

Décrivez l'ensemble des outils mis en place ou pressentis, avec si possible un lien.

code jquery pour détection des coordonnées du curseur >>> https://openclassrooms.com/courses/les-deplacements-de-la-souris/les-coordonnees-de-la-souris

Quelles sont les choses que vous souhaitez réaliser mais pour lesquels vous manquez d'outils?

Le manque se trouve surtout au niveau des connaissances de code, quand bien même je souhaite réaliser des recherches sur des sites adaptés, je ne sais comment procéder. J'ai du mal à découper mes besoins par étapes.

Quel est le scénario de fonctionnement de votre projet?

La page charge environ 10x / secondes les coordonnées du curseur et créé un nouveau disque à cet emplacement pendant que les premiers disques disparaissent progressivement.

Décrivez sous forme de liste les différentes opérations effectuées par votre programme pour générer le poster.

Décrivez la suite d'opération sous forme de flowchart
Uploadez votre image sur le wiki et la lier dans la page. >>>> impossible actuellement, je me vois obligée de réaliser une remise en main propre

ERG::cécile

2016-12-12T23:25:53Z

Cécile Lechevallier :

'''Pour ce projet'''

'''Description de l'objet de votre recherche.'''

J'ai l'intention de réaliser un synthétiseur visuel. Des disques colorés apparaitraient suivant le mouvement de la souris, ils se superposeraient donnant l'impression d'une progression en avant (visuellement similaire à ce site de raphael rozendaal mais cette fois-ci dans un mouvement avant >>> http://www.oozemove.com ). En plus de pouvoir créer des formes en deplaçant le curseur, l'internaute peut modifier un paramètre (voire plus) : le delay. Visuellement cela se traduirait par une opacité moindre à l'apparition et à la disparition du disque coloré. Cette semi-transparence créerait des superpositions de couleurs.

Contextualisation de votre travail et inscription dans les pratiques contemporaines ou historiques

Ce travail n'est pas une fin en soi puisque c'est lui-même un outil de création. Sa diffusion gratuite sur internet lui donne une bonne accessiblité, il est à mon avis intéressant pour son aspect visuel mais aussi didactique, il donne à voir des effet habituellement réservés au son.

Adéquation avec la forme générative

Le terme génératif n'est pas parfaitement adapté à mon projet à partir du moment où l'utilisateur détermine l'aspect final de sa création. Cependant ce mode de création (mouvement du curseur + potentiomètre de delay) laisse une belle place à l'expérimentation.

Mon projet est comparable aux créations de

Cracked Ray Tube

Et enfin dans le principe de site galerie et d'interaction, le projet se rapproche des idées de Rafael Rozendaal (visuellement également)

Quels sont les outils et technologies nécessaires pour accomplir votre projet?

Ce projet sera réalisé en Html pour le contenu du site, en CSS pour l'aspect visuel et en javascript pour l'interaction.

Décrivez l'ensemble des outils mis en place ou pressentis, avec si possible un lien.

?

Quelles sont les choses que vous souhaitez réaliser mais pour lesquels vous manquez d'outils?

Le manque se trouve surtout au niveau des connaissances de code, quand bien même je souhaite réaliser des recherches sur des sites adaptés, je ne sais comment procéder. J'ai du mal à découper mes besoins par étapes.

Quel est le scénario de fonctionnement de votre projet?

La page détecte environ 10x / secondes l'emplacement du curseur et actualise en créant un nouveau disque pendant que les premiers créés disparaissent progressivement.

Décrivez sous forme de liste les différentes opérations effectuées par votre programme pour générer le poster.
Décrivez la suite d'opération sous forme de flowchart[modifier]
Uploadez votre image sur le wiki et la lier dans la page.

ERG::cécile

2016-12-12T23:21:18Z

Cécile Lechevallier :

'''Pour ce projet'''

'''Description de l'objet de votre recherche.'''

J'ai l'intention de réaliser un synthétiseur visuel. Des disques colorés apparaitraient suivant le mouvement de la souris, ils se superposeraient donnant l'impression d'une progression en avant (visuellement similaire à ce site de raphael rozendaal mais cette fois-ci dans un mouvement avant >>> http://www.oozemove.com ). En plus de pouvoir créer des formes en deplaçant le curseur, l'internaute peut modifier un paramètre (voire plus) : le delay. Visuellement cela se traduirait par une opacité moindre à l'apparition et à la disparition du disque coloré.

Contextualisation de votre travail et inscription dans les pratiques contemporaines ou historiques

Ce travail n'est pas une fin en soi puisque c'est lui-même un outil de création. Sa diffusion gratuite sur internet lui donne une bonne accessiblité, il est à mon avis intéressant pour son aspect visuel mais aussi didactique, il donne à voir des effet habituellement réservés au son.

Adéquation avec la forme générative

Le terme génératif n'est pas parfaitement adapté à mon projet à partir du moment où l'utilisateur détermine l'aspect final de sa création. Cependant ce mode de création (mouvement du cuserur + potentiomètre de delay) laisse une belle place à l'expérimentation.

Mon projet est comparable aux créations de

Cracked Ray Tube

Et enfin dans le principe de site galerie et d'interaction, le projet se rapproche des idées de Rafael Rozendaal

Quels sont les outils et technologies nécessaires pour accomplir votre projet?

Ce projet sera réalisé en Html pour le contenu du site, en CSS pour l'aspect visuel et en javascript pour l'interaction.

Décrivez l'ensemble des outils mis en place ou pressentis, avec si possible un lien.

?

Quelles sont les choses que vous souhaitez réaliser mais pour lesquels vous manquez d'outils?

Le manque se trouve surtout au niveau des connaissances de code, quand bien même je souhaite réaliser des recherches sur des sites adaptés, je ne sais comment procéder. J'ai du mal à découper mes besoins par étapes.

Quel est le scénario de fonctionnement de votre projet?

La page détecte environ 10x / secondes l'emplacement du curseur

Décrivez sous forme de liste les différentes opérations effectuées par votre programme pour générer le poster.
Décrivez la suite d'opération sous forme de flowchart[modifier]
Uploadez votre image sur le wiki et la lier dans la page.

ERG::cécile

2016-12-12T23:15:33Z

Cécile Lechevallier :

ERG::cécile

2016-12-12T23:10:52Z

Cécile Lechevallier : Page créée avec « '''Pour ce projet''' '''Description de l'objet de votre recherche.''' J'ai l'intention de réaliser un synthétiseur visuel. Des disques colorés apparaitraient suivant... »

ERG::posterprint

2016-10-25T10:07:54Z

Cécile Lechevallier :

<pre>
( ) ( ( ( ( ( )
)\ ) ( /( )\ ) * ) )\ ) )\ ))\ ))\ ) ( /( * )
(()/( )\())(()/(` ) /(( (()/( (()/(()/(()/( )\())` ) /(
/(_)|(_)\ /(_))( )(_))\ /(_)) /(_))(_))(_)|(_)\ ( )(_))
(_)) ((_)(_)) (_(_()|(_)(_)) (_))(_))(_)) _((_)(_(_())
| _ \ / _ \/ __||_ _| __| _ \ | _ \ _ \_ _|| \| ||_ _|
| _/| (_) \__ \ | | | _|| / | _/ /| | | .` | | |
|_| \___/|___/ |_| |___|_|_\ |_| |_|_\___||_|\_| |_|

Cet exercice vise à vous faire réaliser un générateur de poster au format minimum A2, imprimable en plusieurs A4 sur une imprimante de bureau. Le poster sera différent à chaque impression. Sa mise en page se fera exclusivement en html/css/javascript. Le générateur devra être hébergé sur votre espace ftp personnel sur curlybraces.be/erg. Le contenu est libre. La réalisation de ce projet se fera en plusieurs étapes, documentées sur ce wiki:

1) créez votre page personnelle sur ce wiki en dessous de cet énoncé d'exercice
2) réalisez des premiers schémas, écrivez, documentez le tout sur votre page personnelle
3) cherchez et documentez des références liées à votre projet. Ces références peuvent être scientifiques ou littéraires. Évitez de citer des travaux artistiques qui pourraient répondre à l'énoncé.
4) réalisez un avant projet, imprimez, testez, recommencez.

Le travail doit être rendu pour le cours du 20 décembre. Chaque générateur produira à ce cours un poster que l'on imprimera et affichera dans la classe. Amenez pour ce cours votre imprimante personnelle.

</pre>

[[ERG::lapagedelionel | La page de Lionel]]

[[ERG::lapagedejulie | La page de Julie]]

[[ERG::nicolasdau | nicolasdau]]

[[ERG::cécile | cécile]]

ERG::posterprint

2016-10-25T10:07:42Z

Cécile Lechevallier :

ERG::posterprint

2016-10-25T10:07:13Z

Cécile Lechevallier :