{} - Contributions de l’utilisateur [fr]

Oram - Simon Bouvier

2018-12-20T08:26:15Z

Simon.bouvier : /* Moduler les déformations */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
*[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
*[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
*[https://github.com/mattdiamond/Recorderjs Recorderjs] 
*[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi *[https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
*[https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
*[https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…] }

==Moduler les déformations==

Différentes possibilités de déformations, même si cela reste dans un cercle assez similaire.

[[Fichier:Déformations v1.gif]]
 
[[Fichier:Déformation v2.gif]]
 
[[Fichier:Déformationv3snapx50.gif]]
 
[[Fichier:Déformationv4.gif]]
 
[[Fichier:Déformationv5snapX20snapY20nosnapdistance.gif]]
 

=Pousser le projet (20.12)=

==Utilisations ?==

Je pense que pour réellement avancer sur le projet il faudrait que je définisse une utilisation concrète, des perspectives de recherches. Sortir de l'idée d'une communication pour un projet plus large.

==Ajouts futurs ?==

#[https://p5js.org/examples/ P5js]
#[https://hackernoon.com/creative-coding-using-the-microphone-to-make-sound-reactive-art-part1-164fd3d972f3 Des exemples d'animations]

Fichier:Déformationv4.gif

2018-12-20T08:25:58Z

Simon.bouvier :

Oram - Simon Bouvier

2018-12-20T08:17:37Z

Simon.bouvier : /* Moduler les déformations */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
*[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
*[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
*[https://github.com/mattdiamond/Recorderjs Recorderjs] 
*[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi *[https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
*[https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
*[https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…] }

==Moduler les déformations==

Différentes possibilités de déformations, même si cela reste dans un cercle assez similaire.

[[Fichier:Déformations v1.gif]]
 
[[Fichier:Déformation v2.gif]]
 
[[Fichier:Déformationv3snapx50.gif]]
 
[[Fichier:Déformationv5snapX20snapY20nosnapdistance.gif]]
 

=Pousser le projet (20.12)=

==Utilisations ?==

Je pense que pour réellement avancer sur le projet il faudrait que je définisse une utilisation concrète, des perspectives de recherches. Sortir de l'idée d'une communication pour un projet plus large.

==Ajouts futurs ?==

#[https://p5js.org/examples/ P5js]
#[https://hackernoon.com/creative-coding-using-the-microphone-to-make-sound-reactive-art-part1-164fd3d972f3 Des exemples d'animations]

Fichier:Déformationv5snapX20snapY20nosnapdistance.gif

2018-12-20T08:16:10Z

Simon.bouvier :

Oram - Simon Bouvier

2018-12-19T23:12:46Z

Simon.bouvier : /* Ajouts futurs ? */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
*[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
*[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
*[https://github.com/mattdiamond/Recorderjs Recorderjs] 
*[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi *[https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
*[https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
*[https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…] }

==Moduler les déformations==

Différentes possibilités de déformations, même si cela reste dans un cercle assez similaire.

[[Fichier:Déformations v1.gif]]
 
[[Fichier:Déformation v2.gif]]
 
[[Fichier:Déformationv3snapx50.gif]]
 

=Pousser le projet (20.12)=

==Utilisations ?==

Je pense que pour réellement avancer sur le projet il faudrait que je définisse une utilisation concrète, des perspectives de recherches. Sortir de l'idée d'une communication pour un projet plus large.

==Ajouts futurs ?==

#[https://p5js.org/examples/ P5js]
#[https://hackernoon.com/creative-coding-using-the-microphone-to-make-sound-reactive-art-part1-164fd3d972f3 Des exemples d'animations]

Oram - Simon Bouvier

2018-12-19T23:11:54Z

Simon.bouvier : /* Capture audio */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
*[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
*[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
*[https://github.com/mattdiamond/Recorderjs Recorderjs] 
*[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi *[https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
*[https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
*[https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…] }

==Moduler les déformations==

Différentes possibilités de déformations, même si cela reste dans un cercle assez similaire.

[[Fichier:Déformations v1.gif]]
 
[[Fichier:Déformation v2.gif]]
 
[[Fichier:Déformationv3snapx50.gif]]
 

=Pousser le projet (20.12)=

==Utilisations ?==

Je pense que pour réellement avancer sur le projet il faudrait que je définisse une utilisation concrète, des perspectives de recherches. Sortir de l'idée d'une communication pour un projet plus large.

==Ajouts futurs ?==

#[[https://p5js.org/examples/ P5js]]
#[[https://hackernoon.com/creative-coding-using-the-microphone-to-make-sound-reactive-art-part1-164fd3d972f3 Des exemples d'animations]]

Oram - Simon Bouvier

2018-12-19T23:10:52Z

Simon.bouvier :

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
[https://github.com/mattdiamond/Recorderjs Recorderjs] 
[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi [https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
# [https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
# [https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…] }

==Moduler les déformations==

Différentes possibilités de déformations, même si cela reste dans un cercle assez similaire.

[[Fichier:Déformations v1.gif]]
 
[[Fichier:Déformation v2.gif]]
 
[[Fichier:Déformationv3snapx50.gif]]
 

=Pousser le projet (20.12)=

==Utilisations ?==

Je pense que pour réellement avancer sur le projet il faudrait que je définisse une utilisation concrète, des perspectives de recherches. Sortir de l'idée d'une communication pour un projet plus large.

==Ajouts futurs ?==

#[[https://p5js.org/examples/ P5js]]
#[[https://hackernoon.com/creative-coding-using-the-microphone-to-make-sound-reactive-art-part1-164fd3d972f3 Des exemples d'animations]]

Oram - Simon Bouvier

2018-12-19T23:05:12Z

Simon.bouvier : /* Moduler les déformations */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
[https://github.com/mattdiamond/Recorderjs Recorderjs] 
[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi [https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
# [https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
# [https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…] }

==Moduler les déformations==

Différentes possibilités de déformations, même si cela reste dans un cercle assez similaire.

[[Fichier:Déformations v1.gif]]
 
[[Fichier:Déformation v2.gif]]
 
[[Fichier:Déformationv3snapx50.gif]]

Fichier:Déformationv3snapx50.gif

2018-12-19T23:04:05Z

Simon.bouvier :

Oram - Simon Bouvier

2018-12-19T23:02:43Z

Simon.bouvier : /* Moduler les déformations */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
[https://github.com/mattdiamond/Recorderjs Recorderjs] 
[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi [https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
# [https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
# [https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…] }

==Moduler les déformations==

Différentes possibilités de déformations, même si cela reste dans un cercle assez similaire.

[[Fichier:Déformations v1.gif]]
[[Fichier:Déformation v2.gif.]]

Fichier:Déformation v2.gif

2018-12-19T23:02:07Z

Simon.bouvier :

Fichier:Déformations v1.gif

2018-12-19T22:55:48Z

Simon.bouvier :

Oram - Simon Bouvier

2018-12-19T22:18:06Z

Simon.bouvier : /* Relier les deux fonctions */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
[https://github.com/mattdiamond/Recorderjs Recorderjs] 
[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi [https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
# [https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
# [https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…] }

==Moduler les déformations==

Oram - Simon Bouvier

2018-12-19T22:16:54Z

Simon.bouvier : /* Relier les deux fonctions */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
[https://github.com/mattdiamond/Recorderjs Recorderjs] 
[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi [https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
# [https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
# [https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…]
}

==Moduler les déformations==

Oram - Simon Bouvier

2018-12-19T22:16:27Z

Simon.bouvier : /* Réalisation */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
[https://github.com/mattdiamond/Recorderjs Recorderjs] 
[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi [https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
# [https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
# [https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

==Relier les deux fonctions==

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
//console.log('test')
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…]
}

==Moduler les déformations==

Oram - Simon Bouvier

2018-12-19T22:15:49Z

Simon.bouvier : /* Capture audio */

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
[https://github.com/mattdiamond/Recorderjs Recorderjs] 
[https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi [https://codepen.io/huooo/pen/xJNPOL qu'une autre visible ci-dessous]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
# [https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
# [https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
//console.log('test')
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…]
}

Oram - Simon Bouvier

2018-12-19T22:15:13Z

Simon.bouvier :

=Premier postulat=
Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

=Ressources=

==Opentype.js==
Pour ce projet j'ai utilisé la libraire [https://github.com/opentypejs/opentype.js/blob/master/README.md Opentype.js] qui permet d'accéder à la forme des lettres d'une typographie depuis le navigateur. On peut donc charger toutes les glyphes d'une famille de caractère afin d'intervenir dessus.

[[Fichier:Opentypejs.gif|Opentypejs.gif]]

==Capture audio==
J'ai trouvé facilement des ressources autour de la captation du son de l'appareil de l'utilisateur une fois qu'il a accédé au site web 
[https://developers.google.com/web/fundamentals/media/recording-audio/ Recording Audio from the User] 
[https://www.html5rocks.com/en/tutorials/getusermedia/intro/ Capturing Audio & Video in HTML5] 
[https://github.com/mattdiamond/Recorderjs Recorderjs] 
et enfin [https://jsfiddle.net/sasivarunan/bv55z5fe/ une mise en application], ainsi [https://codepen.io/huooo/pen/xJNPOL qu'une deuxième]
[[Fichier:Microphone.gif|Variable issue du microphone]] 
Je me suis donc basé sur ce code, car malgré sa longueur il me permettait d'obtenir une valeur que je pourrais facilement assigner avec une partie du code d'opentype.
Ce code m'a indiqué les fonctions à suivre : 
# [https://developer.mozilla.org/fr/docs/WebRTC/MediaStream_API API MediaStream] 
# [https://developer.mozilla.org/fr/docs/Web/API/AudioContext Audio Context] 

==Références==
À travers ces recherches je suis tombé sur plusieurs projets utilisant une dynamique similaire. 
D'abord le site intéractif du Nordik Impact qui propose une animation d'une image en fonction des titres qu'ils diffusent (artistes présents au festival) 
[[Fichier:Nordik.gif]]
 
ainsi qu'un projet de Prototypo qui propose de modifier les réglages d'une fonte variable avec le son de l'utilisateur. 
[[Fichier:Antiq.gif]]

=Réalisation=

À partir des [[#Ressources|deux codes citées précedemment]] j'ai donc formulé une accroche entre ceux-ci en connectant simplement la valeur du volume affichée
this.volume = Math.max(rms, this.volume * this.averaging)
//console.log('test')
volume = this.volume * 1500;
renderText();

avec la grille de déformation dans laquelle s'inscrivent les glyphes

function doSnap(path) {
var i;
var strength = volume / 100.0;
var snapDistance = volume / 10.0;
[…]
}

Oram - Simon Bouvier

2018-12-19T21:46:11Z

Simon.bouvier : /* Références */

Oram - Simon Bouvier

2018-12-19T21:45:58Z

Simon.bouvier : /* Références */

Oram - Simon Bouvier

2018-12-19T21:45:31Z

Simon.bouvier : /* Références */

Oram - Simon Bouvier

2018-12-19T21:45:12Z

Simon.bouvier : /* Références */

Oram - Simon Bouvier

2018-12-19T21:44:23Z

Simon.bouvier : /* Ressources */

Fichier:Nordik.gif

2018-12-19T21:43:53Z

Simon.bouvier :

Fichier:Antiq.gif

2018-12-19T21:37:46Z

Simon.bouvier :

Oram - Simon Bouvier

2018-12-19T21:24:21Z

Simon.bouvier : /* Capture audio */

Oram - Simon Bouvier

2018-12-19T21:22:59Z

Simon.bouvier :

Fichier:Microphone.gif

2018-12-19T21:21:32Z

Simon.bouvier :

Oram - Simon Bouvier

2018-12-19T21:20:16Z

Simon.bouvier : /* Opentype.js */

Oram - Simon Bouvier

2018-12-19T21:02:00Z

Simon.bouvier : /* Opentype.js */

Oram - Simon Bouvier

2018-12-19T20:59:53Z

Simon.bouvier :

Fichier:Opentypejs.gif

2018-12-19T20:50:24Z

Simon.bouvier :

Oram - Simon Bouvier

2018-12-19T20:49:37Z

Simon.bouvier :

Oram - Simon Bouvier

2018-12-13T00:34:46Z

Simon.bouvier :

Oram - Simon Bouvier

2018-12-13T00:26:42Z

Simon.bouvier :

Oram - Simon Bouvier

2018-10-04T09:29:38Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

<pre style="white-space:pre;">

+-------------------------+
| Mesure volume constant |
+-----------+-------------+
|
+-----------v-------------+
| Conversion en valeurs |
| |
| 0 — 127 |
+-----------+-------------+
|
|
+----------------v-------------------+
| Altération du texte/élèments |
| graphiques en f de cette valeur |
| |
+----+-----------+-----------+-------+
| | |
+-----------+ | +--------------+
| | |
+---------------v---------+ +----------v----------------+ +----v-------------------+
| Déformation circulaire | | Conversion progressive | | Dispersion progressive |
| du squelette du | | de la forme vectorielle | | de ces particules |
| mouvement de la typo | | en particulre de plus +----> |
| | | en plus nombreuses | | |
| | | | | |
+-------------------------+ +---------------------------+ +------------------------+
</pre>

Oram - Simon Bouvier

2018-10-04T09:11:46Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

<pre style="white-space:pre;">

+-------------------------+
| Mesure volume constant |
+-----------+-------------+
|
+-----------v-------------+
| Conversion en valeurs |
| |
| 0 — 127 |
+-----------+-------------+
|
|
+----------------v-------------------+
| Altération du texte/élèments |
| graphiques en f de cette valeur |
| |
+----+-----------+-----------+-------+
| | |
+-----------+ | +--------------+
| | |
+---------------v---------+ +----------v----------------+ +----v-------------------+
| Déformation circulaire | | Conversion progressive | | Dispersion progressive |
| du squelette typo et | | de la forme vectorielle | | de ces particules |
| altération du mouvement | | en particulre de plus +----> |
| de la typo | | en plus nombreuses | | |
| | | | | |
+-------------------------+ +---------------------------+ +------------------------+
</pre>

Oram - Simon Bouvier

2018-10-04T08:57:16Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

<pre style="white-space:pre;">

+-------------------------+
| Mesure volume constant |
+-----------+-------------+
|
+-----------v-------------+
| Conversion en valeurs |
| |
| 0 — 127 |
+-----------+-------------+
|
|
+----------------v-------------------+
| Altération du texte/élèments |
| graphiques en f de cette valeur |
| |
+----+-----------+-----------+-------+
| | |
+-----------+ | +--------------+
| | |
+---------------v--------+ +----------v----------------+ +----v-------------------+
| Déformation circulaire | | Conversion progressive | | Dispersion progressive |
| du squelette typo | | de la forme vectorielle | | de ces particules |
| | | en particulre de plus +----> |
| | | en plus nombreuses | | |
| | | | | |
+------------------------+ +---------------------------+ +------------------------+
</pre>

Oram - Simon Bouvier

2018-10-04T08:55:08Z

Simon.bouvier :

Oram - Simon Bouvier

2018-10-04T08:54:50Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Après avoir demandé l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent en fonction de l'augmentation du volume, sous forme de particules de plus en plus éparpillées et nombreuses, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivie aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

<pre style="white-space:pre:">

| Altération du texte/élèments |
| graphiques en f de cette valeur |
| |
+----+-----------+-----------+-------+
| | |
+-----------+ | +--------------+
| | |
+---------------v--------+ +----------v----------------+ +----v-------------------+
| Déformation circulaire | | Conversion progressive | | Dispersion progressive |
| du squelette typo | | de la forme vectorielle | | de ces particules |
| | | en particulre de plus +----> |
| | | en plus nombreuses | | |
| | | | | |
+------------------------+ +---------------------------+ +------------------------+
</pre>

Oram - Simon Bouvier

2018-10-04T08:00:57Z

Simon.bouvier :

Oram - Simon Bouvier

2018-10-04T08:00:17Z

Simon.bouvier :

Oram - Simon Bouvier

2018-10-04T07:59:17Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Le site demande l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement
(tout le contenu textuel et certains éléments graphiques hormis les blocs de texte informatifs et pratiques)

se dispersent, se dilatent sous forme de particules de plus en plus éparpillées et nombreuses en fonction de l'augmentation du volume, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivi aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

Oram - Simon Bouvier

2018-10-04T07:58:43Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Le site demande l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement
(tout le contenu textuel et certaines éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent sous forme de particules de plus en plus éparpillées et nombreuses en fonction de l'augmentation du volume, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivi aussitôt d'une reformation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

Oram - Simon Bouvier

2018-10-04T07:58:29Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Le site demande l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement
(tout le contenu textuel et certaines éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent sous forme de particules de plus en plus éparpillées et nombreuses en fonction de l'augmentation du volume, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par ex. un clappement de main produirait une forte dispersion suivi aussitôt d'une re-formation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

Oram - Simon Bouvier

2018-10-04T07:58:19Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Le site demande l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement
(tout le contenu textuel et certaines éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent sous forme de particules de plus en plus éparpillées et nombreuses en fonction de l'augmentation du volume, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par exemple un clappement de main produirait une forte dispersion suivi aussitôt d'une re-formation de la lettre/signe, tandis qu'un simple bruit de fond lui provoquerait uniquement une légère vibration continue).

Oram - Simon Bouvier

2018-10-04T07:57:58Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Le site demande l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement
(tout le contenu textuel et certaines éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent sous forme de particules de plus en plus éparpillées et nombreuses en fonction de l'augmentation du volume, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par exemple un clappement de main produirait une forte dispersion suivi aussitôt d'une re-formation de la lettre/signe, tandis qu'un simple bruit de fond provoquerait uniquement une légère vibration continue).

Oram - Simon Bouvier

2018-10-04T07:57:47Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Le site demande l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement

(tout le contenu textuel et certaines éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent sous forme de particules de plus en plus éparpillées et nombreuses en fonction de l'augmentation du volume, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par exemple un clappement de main produirait une forte dispersion suivi aussitôt d'une re-formation de la lettre/signe, tandis qu'un simple bruit de fond provoquerait uniquement une légère vibration continue).

Oram - Simon Bouvier

2018-10-04T07:56:49Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Le site demande l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certaines éléments graphiques hormis les blocs de texte informatifs et pratiques) se dispersent, se dilatent sous forme de particules de plus en plus éparpillées et nombreuses en fonction de l'augmentation du volume, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par exemple un clappement de main produirait une forte dispersion suivi aussitôt d'une re-formation de la lettre/signe, tandis qu'un simple bruit de fond provoquerait uniquement une légère vibration continue).

Oram - Simon Bouvier

2018-10-04T07:55:59Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/ musique/ performance.
Le site demande l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certaines éléments graphiques hormis les blocs de texte informatifs et pratiques) se disperse, se dilate sous forme de particules de plus en plus éparpillée et nombreuses en fonction de l'augmentation du volume, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par exemple un clappement de main produirait une forte dispersion suivi aussitôt d'une re-formation de la lettre/signe, tandis qu'un simple bruit de fond provoquerait uniquement une légère vibration continue).

Oram - Simon Bouvier

2018-10-04T07:55:41Z

Simon.bouvier :

Le site en ligne propose un contenu textuel autour d'un évènement en rapport avec le son/musique/performance.
Le site demande l'accès au micro de l'utilisateur, les titrages, le nom de l'évènement (tout le contenu textuel et certaines éléments graphiques hormis les blocs de texte informatifs et pratiques) se disperse, se dilate sous forme de particules de plus en plus éparpillée et nombreuses en fonction de l'augmentation du volume, sachant que la lettre/signe se reforme instantanément après que le volume sonore soit redescendu (par exemple un clappement de main produirait une forte dispersion suivi aussitôt d'une re-formation de la lettre/signe, tandis qu'un simple bruit de fond provoquerait uniquement une légère vibration continue).