- Lucien Boisseau-Sablé
- Christelle Boquillion
- Edward Brunetiere
- Victor Cango
- Antoine Droyer
- Léna Eng
- Antoine Galy
- Ibrahima Kaba
- Anna-Maria Lannaud
- Estellle Lay
- Aurélien Louvel
- Jules Mesnil
- Néo Miannay
- Nicolas Neveu
- Louise Peridy
- Amandine Quellec
- Clément Renou
- Adel Sanaa
- Victor Sin
Lucien Boisseau @LucienGobelins
Jeu multijoueur alliant adresse et convivialité. Chaque joueur armé de sa petites manettes Switch Joycon ® doit accumuler des diamants tout en pénalisant les autres joueurs en les percutant.
Plus le joueur a accumulé de diamants, moins il est vulnérable, mais plus il a de mal à se déplacer
L'expérience est une métaphore de l'insoutenable légerté de l'être qui porte à la méditation sur la vacuité de la vie et la futilité du du libre arbitre dans une logique de déterminisme absolu.
C'est une référence évidente à l'oevre de Stig Dagerman, notamment son pamphlet postume "Notre besoin de consolation est impossible à rassasier" – Vårt behov av tröst är omättligt — 1952.
javascript, matterjs, webaudio api, gamepad api, café noisette
Everyone is free to use my code. Crediting is optional but appreciated.
Christelle Boquillion @ChristelleBqn
Créez des mélodies grâce à du pixel art !
Découvrir et expérimenter la Web Audio API avec Canvas 2D.
javascript, canvas 2d, web audio api
Everyone is free to use my code. Crediting is optional but appreciated.
Carlos ce giga chad se retrouve en transe dans l'espace et se fait contrôler par une mystérieuse force (toi et ta main) pour se laisser bercer entre les étoiles, explorant ainsi l'infini de l'existence.
J'aime bien carlos et c'est rigolo d'utiliser la main pour interagir avec l'écran. En plus j'ai toujours rêvé de faire bouger les choses avec la pensée comme un bon gros geek
javascript, vite, paperjs, mediapipe
Everyone is free to use my code. Crediting is optional but appriciated.
Drums machine en multijoueur, chaque joueur peut contribuer au son général en ajoutant une partition avec un des instruments présent.
Avoir une expérience sonore collaborative.
javascript, vite, socket.io, tone.js
Everyone is free to use my code. Crediting is optional but appriciated.
Expérience audio à base de formes géométriques, de physique et de drag & drop.
Proposer un prototype simple, en mêlant l'idée du thérémine et la physique en 2D. C'était aussi l'occasion de découvrir de redécouvrir l'API Canvas, la Web Audio API et Matterjs.
Parcel, Matterjs, et peut-être GSAP à l'avenir.
ISC
VOTRE_NOM_ET_PRENOM @USER_GITHUB
DESCRIPTION DE L'EXPERIENCE, COMMENT CA SE PASSE
POURQUOI VOUS AVEZ FAIT CA, EST-CE QU'IL Y A UNE REFERENCE, UNE INSPIRATION
typescript, express, socket.io, matterjs, ETC
CHOISISEZ COMMENT PEUT ETRE UTILISE VOTRE TRAVAIL
Le but est de jouer en rythme en pressant les touches correspondantes à celles qui apparaissent sur l'écran.
Ayant toujours aimé la musique, mais n'ayant jamais pu jouer à guitar hero, j'ai voulu créé un jeu qui permettait de générer les notes selon la musique donnée.
React, Webaudio API, gamepads
Everyone is free to use my code. Crediting is optional but appriciated.
Guitare Zero
Guitare Hero mais avec un Z, on joue avec un clavier externe et un télephone collé dessus pour les cordes.
Appuyer sur les bonnes touches au bon moment pour jouer la musique. Pour les touches blanches il faut toucher les cordes en meme temps que la note sur le clavier.
Threejs, socket, express
Everyone is free to use my code
Une Visualisation en 3d du son avec un shader qui update la geometrie de ma sphere en fonction de la fréquence du son. les particles de papillon sont genérés aussi grace à cette meme fréquence et elle suivement un pattern qui augmente le volume en fonction de la fréquence. et enfin une mer car avec un effet de refraction qui reflète la sphere et les particles.
Expérimenter les shaders et les particules
javascript, threejs, shader, audio
Libre de droit pour quiquonque veut l'utiliser!
DESCRIPTION DE L'EXPERIENCE, COMMENT CA SE PASSE
POURQUOI VOUS AVEZ FAIT CA, EST-CE QU'IL Y A UNE REFERENCE, UNE INSPIRATION
typescript, express, socket.io, matterjs, ETC
CHOISISEZ COMMENT PEUT ETRE UTILISE VOTRE TRAVAIL
L'utilisateur peut taper sur son clavier et entendre les sons que les touches produisent ainsi que visualiser le canvas de couleurs qui se génère
Découvrir et s'amuser avec p5.js et les sons
p5.js, express, socket.io
VOTRE_NOM_ET_PRENOM @USER_GITHUB
DESCRIPTION DE L'EXPERIENCE, COMMENT CA SE PASSE
POURQUOI VOUS AVEZ FAIT CA, EST-CE QU'IL Y A UNE REFERENCE, UNE INSPIRATION
typescript, express, socket.io, matterjs, ETC
CHOISISEZ COMMENT PEUT ETRE UTILISE VOTRE TRAVAIL
Expérience interactive permettant de contrôler les mouvements d'un troupeau de têtards à sa guise grâce au tracking de la main. Ils reproduisent même les lignes de votre main c'est complètement fou !
Découvrir l'utilisation du tracking avec un canvas. Sinon c'est juste marrant
Javascript, express, socket.io, paperJS, p5.js
Everyone is free to use my code. Crediting is optional but appriciated.
Une expérience auditive et visuelle où l'on peut jouer une musique et voir les fréquences et basses de celle-ci interférer avec les formes et couleurs de la sphère.
Je voulais faire une expérience audio visuelle en Three.js avec des customs shaders pour m'entraîner avec ces techno.
js, p5.js, Three.JS, custom Shaders
Everyone is free to use my code. Crediting is optional but appriciated.
L'utilisateur choisit un morceau de musique, il peut ensuite jouer le morceau en appuyant sur les touches du clavier correspondant à la note à jouer. Si l'utilisateur se trompe ou qu'il ne joue pas assez vite, il perd des points. Le but est d'avoir le meilleur score possible.
Le but est de travailler sa dextérité et sa rapidité de frappe.
typescript, express, webaudioapi
Licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 4.0 International
PERIDY LOUISE @lwiz.prd @LouisePrd
L'utilisateur peut choisir son avatar avec la webcam, entrer des ingrédients et une recette est générée. Il peut la lire et voir le résultat de la recette en image également avec l'IA. Enfin, il peut sauvegarder toutes ces données dans un PDF.
Jouez avec l'IA générative : devenez un chef cuisiner en générant votre recette personnalisée !
Javascript, Nextjs, Canvas2D, API OpenAI
Everyone is free to use my code. Crediting is optional but appreciated.
QUELLEC Amandine @aquellec
Grâce à Air Piano, vous pouvez jouer du piano dans l'air. La caméra détecte vos mains, et notamment lorsque que vous appuyez sur les touches du piano. Également, vous pouvez partager en ligne vos morceaux !
J'ai toujours eu de l'intérêt pour le piano, cela m'a paru évident qu'il soit au coeur de mon projet. J'ai puisé mon inspiration dans l'invention de Omer Yosha. Il a inventé un instrument qui s'appelle le AirPiano et qui, par le biais de 8 capteurs infrarouges permet de jouer une note en fonction de la distance verticale de la main par rapport à l'intrument.
javascript, express, socket.io, mediapipe
Everyone is free to use my code. Crediting is optional but appriciated.
Comme son nom l'indique, flip ton phone et passe des moments de delirade avec tes potes !
Adel est frustré de ne pas pouvoir compté ses points lorsqu'il joue à tourner son téléphone. Mais un beau jour il découvre Flip Phone qui changera sa vie...
svelte, orientation API
Everyone is free to use my code. Crediting is optional but appreciated.
Je vous propose de réaliser votre rêve caché de devenir footballer professionnel. Grâce à votre téléphone et votre ordinateur, vous pouvez vous entraîner à tirer des buts dans la vie réelle et perfectionner vos mouvements.
Derrière ce projet se cache la volonté de découvrir de nouveaux moyens originaux d'intéragir avec une expérience. L'accéléromètre du téléphone est très puissant et m'a donné envie de découvrir comment pouvoir l'utiliser concrètement sur le web et de façon originale.
Typescript, Three.js, Socket.io, Cannon-ES, Vite, Lottie, Web Audio API, DeviceMotionAPI, DeviceOrientationAPI, Localtunnel
Licence Creative Commons
Contrôler à l'aide de votre corps et de vos mouvements un groupe de luciole
S'exercer à l'utilisation du POSE DETECTION et l'effet Boid. Inspiration : Avatar le maître de l'air et Navy pier
Three.js, Medium.js
Everyone is free to use my code. Crediting is optional but appriciated.