53 lines
18 KiB
HTML
53 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" href="./favicon.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<link href="./_app/immutable/assets/0.2dCqWpGr.css" rel="stylesheet">
|
|
<link rel="modulepreload" href="./_app/immutable/entry/start.5YLs103A.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
|
<link rel="modulepreload" href="./_app/immutable/entry/app.i08eSpn0.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/index.kYoizZ4A.js">
|
|
<link rel="modulepreload" href="./_app/immutable/nodes/0.4o9Fw0YJ.js">
|
|
<link rel="modulepreload" href="./_app/immutable/nodes/11.CY7Eawqs.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/each.-oqiv04n.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/SoftwareCard.xyFxzytb.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/Info.ITY44f4q.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/marked.esm.hS8hU7E4.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/utils.Tkfr06Vk.js"><title>Outils</title><!-- HEAD_svelte-rcoqep_START --><!-- HEAD_svelte-rcoqep_END -->
|
|
</head>
|
|
<body data-sveltekit-preload-data="hover">
|
|
<div style="display: contents"> <div><div class="bg-neutral-800"><nav class="px-8 py-2 flex justify-between items-center"><div class="flex items-center justify-between w-full"><a href="/" class="website-title text-2xl font-bold bg-gradient-to-r from-orange-700 via-blue-500 to-green-400 text-transparent bg-clip-text animate-gradient" data-svelte-h="svelte-15xybd8">livecoding.fr</a> <div class="lg:hidden"><button type="button" class="text-gray-100 hover:text-gray-400 focus:outline-none focus:text-gray-400" data-svelte-h="svelte-vbp173"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div> <div class="hidden lg:flex lg:items-center lg:space-x-10" data-svelte-h="svelte-1ydj4af"><a href="/evenements" class="titlebar-link">Évènements</a> <a href="/membres" class="titlebar-link">Membres</a> <a href="/outils" class="titlebar-link">Outils</a> <a href="/guides" class="titlebar-link">Guides</a> <a href="/articles" class="titlebar-link">Articles</a> <a href="/reseaux" class="titlebar-link">Réseaux</a> <a href="/ressources" class="titlebar-link">Ressources</a> <a href="/presse" class="titlebar-link">Presse</a> <a href="/contacts" class="titlebar-link">Contact</a></div></nav> <div class="lg:hidden hidden"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3" data-svelte-h="svelte-1sqq9eu"><a href="/evenements" class="mobile-menu-link block">Évènements</a> <a href="/membres" class="mobile-menu-link block">Membres</a> <a href="/outils" class="mobile-menu-link block">Outils</a> <a href="/guides" class="mobile-menu-link block">Guides</a> <a href="/articles" class="mobile-menu-link block">Articles</a> <a href="/reseaux" class="mobile-menu-link block">Réseaux</a> <a href="/ressources" class="mobile-menu-link block">Ressources</a> <a href="/presse" class="mobile-menu-link block">Presse</a> <a href="/contacts" class="mobile-menu-link block">Contact</a></div></div></div></div> <main class="bg-neutral-900"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-4 flex flex-col lg:px-16 px-4 py-8"> <h1 data-svelte-h="svelte-16n948e">Outils</h1> <div class="alert bg-neutral-600 border-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span class="text-xl text-white"><!-- HTML_TAG_START -->Cette page recense les outils conçus par la communauté francophone du <i>live coding</i>. Pour une page plus généraliste, consulter <a href='https://github.com/toplap/awesome-livecoding'>Awesome Live Coding</a>. Pour élargir un petit peu, consultez également <a href='https://github.com/noteflakes/awesome-music'>Awesome Music</a> et autres listes sur les logiciels DIY. Éditez le site pour rajouter votre outil ! <b>Toutes les contributions sont acceptées !</b><!-- HTML_TAG_END --></span></div> <a href="https://adelfaure.net/tools/textor/" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="/images/textor.png" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">TEXTOR</h5> <p class="inline text-right text-orange-300">Adel Faure</p></div> <p class="mb-3 font-normal text-gray-400">Textor est un éditeur graphique en text mode conçu pour être utilisé entièrement au clavier sans aucun menus. Le rendu est basé sur le canvas de JavaScript et le logiciel possède un système de glyphes visuels personnalisé. Textor est également un outil de création musicale, au travers d'une interface WebAudio.</p></div></div></a><a href="https://github.com/gibbonjoyeux/VCV-Biset" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://library.vcvrack.com/screenshots/400/Biset/Biset-Regex.png" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Biset Regex</h5> <p class="inline text-right text-orange-300">Gibbon Joyeux</p></div> <p class="mb-3 font-normal text-gray-400">Un séquenceur de patterns pour créer des rythmes et des mélodies à partir de texte sur VCVRack 2.0.</p></div></div></a><a href="https://sardine.raphaelforment.fr" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://sardine.raphaelforment.fr/sardine_logo.svg#center" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Sardine</h5> <p class="inline text-right text-orange-300">Raphaël Forment</p></div> <p class="mb-3 font-normal text-gray-400">Sardine est un logiciel libre et open source pour Python 3.10+. Sardine transforme Python en un instrument de musique. C'est un framework pour live coder et contrôler du matérial audio depuis Python. Sardine peut se synchroniser à d'autres logiciels ou instances du même logiciel.</p></div></div></a><a href="https://github.com/mugulmd/Claude" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://avatars.githubusercontent.com/u/70104194?v=4" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Claude</h5> <p class="inline text-right text-orange-300">Loïc Vital</p></div> <p class="mb-3 font-normal text-gray-400">Claude est un outil pour synchroniser des visuels avec de l'audio dans un contexte de live coding. Claude, pour le moment, est seulement disponible pour un environnement : Sardine. Il peut être utilisé comme un sender, ce qui permet ensuite d'utiliser le Sardine Pattern Language pour écrire des valeurs uniform à envoyer.</p></div></div></a><a href="https://github.com/pac-dev/protoplug" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://www.osar.fr/protoplug/protoplug_screenshot.png" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Protoplug</h5> <p class="inline text-right text-orange-300">Pierre Cusa</p></div> <p class="mb-3 font-normal text-gray-400">Protoplug is a VST/AU plugin that lets you load and edit Lua scripts as audio effects and instruments. The scripts can process audio and MIDI, display their own interface, and use external libraries. Transform any music software into a live coding environment!</p></div></div></a><a href="https://dublang.4two.art" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://dublang.4two.art/artwork/dublang-logo-bg-white-420x420.png" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">dublang</h5> <p class="inline text-right text-orange-300">Joenio Marques da Costa</p></div> <p class="mb-3 font-normal text-gray-400">dublang est un système de codage en direct multilingue qui prend en charge plusieurs langues au cours d'un même code source.</p></div></div></a><a href="https://github.com/jacopogrecodalceo/CORDELIA" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://avatars.githubusercontent.com/u/92983918?v=4" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Cordelia</h5> <p class="inline text-right text-orange-300">Jacopo Greco d'Alceo</p></div> <p class="mb-3 font-normal text-gray-400">Une méthode, une tendre affection, hiver 2023. Cordelia est un environnement de live coding qui combine Python au moteur audio CSound.</p></div></div></a><a href="https://topos.live" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://raphaelforment.fr/img/inline_annotation.png" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Topos</h5> <p class="inline text-right text-orange-300">Raphaël Forment</p></div> <p class="mb-3 font-normal text-gray-400">Topos est un séquenceur algorithmique expérimental dans le web sequencer programmé par BuboBubo (Raphaël Forment) et Amiika (Miika Alonen). Il est écrit en TypeScript, avec Vite. Ce projet est basé sur le Monome Teletype de Brian Crabtree et Kelli Cain. Nous espérons respecter le même esprit de partage et d'expérimentation que les concepteurs originels ! Comment rendre le Teletype plus accessible tout en étendant ses capacités sur le web ?</p></div></div></a><a href="https://gitlab.com/adelfaure/oscii" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://i1.sndcdn.com/avatars-1Kjtq0wbLSNSpNQH-AqRXfQ-t500x500.jpg" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">OSCII</h5> <p class="inline text-right text-orange-300">Adel Faure</p></div> <p class="mb-3 font-normal text-gray-400">OSCII est un logiciel pour dessiner et live coder des visuels en text-mode. OSCII produit également du son grâce à WebAudio.</p></div></div></a><a href="https://raphaelbastide.com/ete/" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://gitlab.com/uploads/-/system/project/avatar/35391245/Screenshot_2023-09-19_16-09-44.jpg" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Été</h5> <p class="inline text-right text-orange-300">Raphaël Bastide</p></div> <p class="mb-3 font-normal text-gray-400">Été mélange live coding (écriture musicale temps réel au travers du code) et percussions. Le programme considère le clavier comme un instrument percussif. Le musicien peut écrire des instructions algorithmiques et des instructions percussives très précises au sein du même environnement de programmation. Été est une expérimentation qui essaie de lier dans un même programme le temps dédié à la composition algorithmique et celui dédié à l'improvisation spontanée.</p></div></div></a><a href="https://raphaelbastide.com/cascade/" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://raphaelbastide.com/cascade/website/img/poster.svg" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Cascade</h5> <p class="inline text-right text-orange-300">Raphaël Bastide</p></div> <p class="mb-3 font-normal text-gray-400">Cascade est un environnement de live-coding pour le navigateur web. Il transforme les règles du langage CSS en sons !</p></div></div></a><a href="https://renardo.org" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://renardo.org/images/screenshot1.png" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Renardo</h5> <p class="inline text-right text-orange-300">Elie Gavoty et co.</p></div> <p class="mb-3 font-normal text-gray-400">Un environnement conçu pour improviser de la musique algorithmique en Python, conçu pour les débutants. Une nouvelle version de FoxDot avec beaucoup de nouvelles fonctionnalités.</p></div></div></a><a href="https://pelletierauger.com/grimoire/" class="flex flex-col items-center bg-neutral-800 hover:bg-neutral-700 rounded-lg shadow md:flex-row"><img class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-l-lg" src="https://pelletierauger.com/images/thumbnails/grimoire.jpg" alt=""> <div class="flex flex-col items-start md:items-end w-full"><div class="flex flex-col justify-between p-4 leading-normal w-full"><div class="flex justify-between"><h5 class="inline mb-2 text-2xl font-bold tracking-tight text-white">Grimoire</h5> <p class="inline text-right text-orange-300">Guillaume Pelletier-Auger</p></div> <p class="mb-3 font-normal text-gray-400">Grimoire est un logiciel expérimental dédié à l'exploration de nouvelles rencontres possibles entre l'animation, la musique, le dessin, la programmation informatique, la performance audiovisuelle, l'écriture et l'hypertextualité. Avec Grimoire, les artistes peuvent apprendre la programmtion 'in vivo' afin de créer de l'art génératif visuel ou sonore ainsi que des systèmes interactifs.</p></div></div></a></div> <div class="drawer-side no-scrollbar m-0 lg:block hidden" data-svelte-h="svelte-si3uu3"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden no-scrollbar"></label> <ul class="menu sidemenu-style no-scrollbar my-0"><li class="sideli"><a class="sidebar-link" href="/evenements">Évènements</a></li> <li class="sideli"><a class="sidebar-link" href="/membres">Membres</a></li> <li class="sideli"><a class="sidebar-link" href="/outils">Outils</a></li> <li class="sideli"><a class="sidebar-link" href="/guides">Guides</a></li> <li class="sideli"><a class="sidebar-link" href="/articles">Articles</a></li> <li class="sideli"><a class="sidebar-link" href="/reseaux">Réseaux</a></li> <li class="sideli"><a class="sidebar-link" href="/ressources">Ressources</a></li> <li class="sideli"><a class="sidebar-link" href="/presse">Presse</a></li> <li class="sideli"><a class="sidebar-link" href="/contacts">Contact</a></li></ul></div></div></main> <footer class="footer-style" data-svelte-h="svelte-1gkeg8z"><div class="flex justify-between"><p class="inline indent-4 text-bold text-white">Raphaël Forment</p> <p><a class="inline pl-4" href="https://github.com/Bubobubobubobubo/livecodingfr">GitHub</a></p></div></footer>
|
|
|
|
<script>
|
|
{
|
|
__sveltekit_1f3gh83 = {
|
|
base: new URL(".", location).pathname.slice(0, -1),
|
|
env: null
|
|
};
|
|
|
|
const element = document.currentScript.parentElement;
|
|
|
|
const data = [{"type":"data","data":null,"uses":{}},null];
|
|
|
|
Promise.all([
|
|
import("./_app/immutable/entry/start.5YLs103A.js"),
|
|
import("./_app/immutable/entry/app.i08eSpn0.js")
|
|
]).then(([kit, app]) => {
|
|
kit.start(app, element, {
|
|
node_ids: [0, 11],
|
|
data,
|
|
form: null,
|
|
error: null
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|