ERG::cécile

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