- Maelle Aberkane
- Aymeric Arnoult
- Leith Ben Abdessalem
- Alban Bleicher
- Léo Blondin
- Romane Chouteau
- Julie de Mendonca
- Vanina Idiart
- Clara Lautre
- Robin Leroux
- Antoine Lozach
- Pierre Martiniere
- Guenole Moreau
- Lissandre Pasdeloup
- Pierre Pinto de Oliveira
- Valentin Salaud
- Jean-Baptiste Sanchez
- Clément Savary
- Alexis Sejourne
- Anatole Touvron
- Robin Verona
Noodle's Bar is a little game made with Javascript. The user has to make sound after hitting the start button to make disappear the noodles as fast as possible.
Make disappear the noodles as fast as possible.
Times are registered and displayed in a list.
javascript, express
Everyone is free to use my code. Crediting is optional but appriciated.
Il s'agit d'un jeu interactif de peinture où l'utilisateur peint avec son téléphone sur son écran d'ordinateur. Un mode créatif lui permet de peindre comme bon lui semble tandis que le mode battle fait s'affronter deux joueurs ou plus pour voir lequel peut recouvrir l'écran avec le plus de peinture de sa couleur dans le temps imparti. Chaque peinture est sauvegardable. Des sons de peintures incroyables agrémentent l'expérience. Domaine sur lequel se connecter sur l'ordinateur comme sur le téléphone : https://live-painter.aymericarn.fr
Recouvrir tout l'écran de peinture ou faire une jolie peinture.
Les canvas peuvent-être sauvegardées. Il est prévu d'effectuer une captation vidéo des joueurs qui jouent.
TypeScript, Canvas, Websocket, Parcel, express/socket.io, stylus, pug
code sous licence mozilla creations sous licence CC-BY-SA
Valley Of Sound is a musical experiment made on p5.js. The users can play music like on a piano using their keyboard.
Controls: 1 - 7 : Play Notes
- / - : Change Notes T : Change Wave Type U / I : Change Fade ENTER : Start/Stop Recording
Faire mumuse
Je ne sais pas ce que restitution veut dire.
vanilla javascript, p5, express
Everyone is free to use my code. Crediting is optional but appriciated.
drawver lets you pick a song from the Deezer API then you can draw for 30s with ellipse brushes that show higMid and treble values from the music.
this allows everyone to create a digital piece of art based on the title cover's main colors and imagination
image (base64:jpeg)
vue.js, axios, p5, express
creative commons licence
Utilisez le clavier midi, via les potentiomètres et les carrés de drum afin de créer de l'art coloré. Suivez les instruction, sauvegarder et télécharger votre fichier.
Conquérir la beauté graphique par un moyen analogique externe insolite
quelle est la restitution
Express, P5.js, Webmidi API
à définir
Le concept de l'expérience est de faire danser un bonhomme sur une musique selectionnée selon le rythme indiqué par l'utilisateur. L'utilisateur tape dans ses mains pour indiquer le rythme, puis une musique correspondant au BPM est selectionnée et jouée, et le bonhomme danse alors en rythme.
Le but est d'un côté d'écouter une musique ayant le rythme qu'on a clapé, et de l'autre de voir un petit bonhomme mignon danser en rythme.
La restitution est de voir la liste des musiques que l'on a jouées et le BPM correspondant. On sauvegarde cette liste et donc on peut voir les playlists des autres utilisateurs.
vanilla javascript, three.js, express, getsongbpm api, deezer api
Free
L'expérience permet de créer une oeuvre d'art à partir de lui en plusieurs étapes :
- rentrer son prénom
- s'enregistrer
- dessiner son oeuvre avec les données récupérées précédemment
Le but est de créer une oeuvre d'art facilement et à partir de soi-même, c'est drôle un peu.
On peut voir son oeuvre et celles des autres dans une superbe galerie.
vanilla javascript, p5js, express
free :)
Télécharge tes musiques préférées pour voir ses fréquences
Voir les fréquences des musiques
Image
vanilla javascript, canvas, web audio api
//
Interface permettant de créer des sons en fonction d'un dessin créé à la souris ou au doigt pour les supports tablette. En fonction du dessin réalisé et de sa position sur le canvas les sons diffèrent de fréquence et de gain.
La couleur et la largeur de la brush sont personnalisables. Plus la couleur est foncée moins le gain est important et plus elle est claire, plus il l'est. Plus la brush est large plus la fréquence est élevée, plus elle fine, moins elle l'est.
Les formes 3D disponibles dans l'interface sont draggable sur la zone de dessin et permettent de créer une fréquence progressivement accroissante et décroissante.
Expérimentation
vanilla javascript, paperjs, web audio api, zdog
L'utilisateur peut controler les goupes de cercles afin de jouer des sons. Chaque groupe peut être controllé individuellement afin de jouer un ou plusieurs sons.
Découvrir canvas
image
vanilla javascript, node js, express, canvas
à définir
L'utilisateur est amené a controler l'image et le son, avec sa main grâce à un capteur Leap Motion.
Pour émerveiller l'utilisateur, lui donner une impression de puissance.
un instantané de son expérience
vanilla javascript, leapjs, P5, express
à définir
[Pierre Martinière] @PierreModere
description de l'expérience
pourquoi cette expérience
quelle est la restitution
vanilla javascript, express, rendus 3D fait sur blender
à définir
Expérience intereactive ou l'utilisateur contrôle une voiture avec une manette de ps4
progresser avec node.js et les canvas
retrouvez les captures d'écran de votre partie dans la galerie
vanilla javascript, express
free
Lissandre @lissandre
Une plongée dans le monde sous-marin par une epérience des moins immersive (il est conseillé de fermer les yeux)
Se détendre en découvrant les sons de l'univers sous marin, et le changement avec la pression
Une ou des photos qu'on capture durant l'expérience
Webpack, Three.js, TweenMax, Stylus, Audio API, et les classiques
à définir
Pierre Pinto de Oliveira @pierrePintoo
Joue avec ta main au classique snake. Tu pourras aussi garder un son que tu pourras réécouter.
Le but est d'observer le handtrack et de jouer avec le son.
Tu verras ton score affiché ainsi que ton audio (normale
p5.js handtrack.js express
à définir
Créez votre propre music en dessinant des lignes !
S'amuser en créant une music d'une manière original.
Une image de la disposition de votre music pour pouvoir la reproduire.
vanilla javascript, audiosynth.j, express
Jean-Baptiste Sanchez @jean-baptiste
description de l'expérience
pourquoi cette expérience
quelle est la restitution
vanilla javascript, paperjs, express
à définir
"I'm a Radio Host", c'est un petite application web vous permettant en quelques secondes de se mettre dans la peau d'un animateur radio. Vous serez invité à enregistrer votre intervention entre deux musiques grâce au micro de votre ordinateur ou mobile. Une fois l'enregistrement terminé, vous serez invité à le réécouter. Vous pourrez également contrôler le niveau sonore des musiques grâce aux faders de volume (comme sur une véritable table de mixage). Sympa non ? :)
J'ai voulu créer cette application étant un passionné de radio. Il existe aucune application web permettant à tout un chacun de s'entrainer à l'animation antenne. Ce projet à également pour but de faire découvrir le panel très complet d'un animateur. J'ai voulu faire une interface conforme aux standards radio.
Le fichier audio de l'enregistement
JavaScript, Animate.css
à définir
Ecrire des phrases au clavier, jouer avec les sons, les octaves, et voir les typos s'animer
Rendre visuellement fun l'appuie sur les touches d'un clavier
quelle est la restitution
vanilla javascript, tonejs
à définir
Intesthree
Anatole Touvron
Expérience en deux chemins qui permettent de soit visualiser une musique dans un univers 3D changeant en fonction de la musique, ou bien de faire du piano dans un monde 3D similaire.
s'amusey
un capture d'écran lors de la visualisation de la musique
JS, Three.js, Tone.js Expresss
à définir
Tableau numérique d’art génératif, réinterprétation de l’oeuvre “Détails” de l’artiste conceptuel Roman Opalka, qui, de 1965 à 2011, à peint une série de tableaux où il comptait jusqu'à l’infini.
Le 6 août 2011, Roman Opalka décède, de 1965 à ce jour, il aura compté jusqu’à 5 607 249.
Projet réalisé en JavaScript, HTML et CSS, le script compte jusqu’à l’infini en attribuant des graisses d'une police crée en prenant pour base mon écriture manuelle choisies aléatoirement au nombre qu’il inscrit au sein d'une balise canvas. À chaque fois que le dernier numéro inscrit atteint le bas de la page, le script crée dynamiquement un nouveau « calque » et poursuit l’écriture au début de ce dernier, créant ainsi une succession de calques se superposant et formant un motif généré aléatoirement.
la série originale peinte par Roman Opalka s'intitule OPALKA/1 - infini, ici je propose à chaque utilisateur de générer son propre tableau, suivant cette idée de NOM / NAISSANCE - Infini
Une image tirée du tableau généré par l'utilisateur
vanilla javascript, canvas, express
GNU Public domain