51 lines
16 KiB
HTML
51 lines
16 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.B2YDv0ji.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/start.yVU_blNA.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/app.3YCCveFb.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/index.AIcdAWo0.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/0.uMzUYRGs.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/11.yj6_Ot6w.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/each.-oqiv04n.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/SoftwareCard.4ve1z996.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 dark:bg-base-300"><nav class="pl-8 py-2 md:flex md:justify-between md:items-center pr-8"><div class="flex items-center justify-between"><a href="/" class="text-3xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-200 uppercase" data-svelte-h="svelte-sv4vin">livecoding.fr</a> <div class="flex md:hidden" data-svelte-h="svelte-pz0dbb"><button type="button" class="text-gray-100 hover:text-gray-400 focus:outline-none focus:text-gray-400"><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="flex-col mt-8 space-y-4 md:flex md:space-y-0 md:flex-row md:items-center md:space-x-10 md:mt-0 hidden"><a href="/evenements" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1me9jmo">Évènements</a> <a href="/membres" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1ho9i2z">Membres</a> <a href="/outils" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1sj2l4z">Outils</a> <a href="/guides" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-yd78nx">Guides</a> <a href="/articles" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-zz9yjp">Articles</a> <a href="/reseaux" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-z9wl3r">Réseaux</a> <a href="/ressources" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1u3kp53">Ressources</a> <a href="/presse" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1yq8r9j">Presse</a> <a href="/contacts" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-14fua0o">Contact</a></div></nav></div></div> <main class="bg-gray-100 dark:bg-base-100"><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> <p data-svelte-h="svelte-spp4tf">Si vous souhaitez consulter une liste fréquemment mise à jour de logiciels et d’interfaces pour le <em>live coding</em>, consulter <a href="https://github.com/toplap/awesome-livecoding" rel="nofollow">Awesome LiveCoding</a>. Pour élargir un petit peu, consultez également <a href="https://github.com/noteflakes/awesome-music" rel="nofollow">Awesome Music</a>.</p> <a href="https://gitlab.com/adelfaure/oscii" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">OSCII</h5> <p class="inline text-right">Adel Faure</p></div> <p class="mb-3 font-normal text-gray-700 dark: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://pelletierauger.com/grimoire/" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">Grimoire</h5> <p class="inline text-right">Guillaume Pelletier-Auger</p></div> <p class="mb-3 font-normal text-gray-700 dark: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><a href="https://raphaelbastide.com/cascade/" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">Cascade</h5> <p class="inline text-right">Raphaël Bastide</p></div> <p class="mb-3 font-normal text-gray-700 dark: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://raphaelbastide.com/ete/" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">Été</h5> <p class="inline text-right">Raphaël Bastide</p></div> <p class="mb-3 font-normal text-gray-700 dark: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://topos.live" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">Topos</h5> <p class="inline text-right">Raphaël Forment</p></div> <p class="mb-3 font-normal text-gray-700 dark: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://sardine.raphaelforment.fr" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">Sardine</h5> <p class="inline text-right">Raphaël Forment</p></div> <p class="mb-3 font-normal text-gray-700 dark: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/gibbonjoyeux/VCV-Biset" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">Biset Regex</h5> <p class="inline text-right">Gibbon Joyeux</p></div> <p class="mb-3 font-normal text-gray-700 dark: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://github.com/jacopogrecodalceo/CORDELIA" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">Cordelia</h5> <p class="inline text-right">Jacopo Greco d'Alceo</p></div> <p class="mb-3 font-normal text-gray-700 dark: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://adelfaure.net/tools/textor/" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">TEXTOR</h5> <p class="inline text-right">Adel Faure</p></div> <p class="mb-3 font-normal text-gray-700 dark: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/mugulmd/Claude" class="flex flex-col items-center rounded-lg shadow md:flex-row dark:hover:bg-base-100 hover:bg-base-100 bg-base-300 dark:bg-base-300"><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-gray-900 dark:text-white">Claude</h5> <p class="inline text-right">Loïc Vital</p></div> <p class="mb-3 font-normal text-gray-700 dark: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> <p data-svelte-h="svelte-1bomrdb">Éditez le site pour rajouter votre outil ! <strong>Toutes les contributions sont acceptées !</strong></p></div> <div class="drawer-side" data-svelte-h="svelte-1yk067b"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu p-4 w-40 min-h-full bg-neutral-800 dark:bg-base-300 text-base-content overflow-hidden"><li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/evenements">Évènements</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/membres">Membres</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/outils">Outils</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/guides">Guides</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/articles">Articles</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/reseaux">Réseaux</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/ressources">Ressources</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/presse">Presse</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/contacts">Contact</a></li></ul></div></div></main> <footer class="footer ml-0 pl-0 pb-4 pt-4 bg-neutral-800 dark:bg-base-300 justify-between pr-16" data-svelte-h="svelte-1yg0fuy"><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_byhnbs = {
|
||
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.yVU_blNA.js"),
|
||
import("./_app/immutable/entry/app.3YCCveFb.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 11],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|