BuboBubo/livecodingfr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

deploy: 527b25cd5a

Browse Source
This commit is contained in:
Bubobubobubobubo
2024-07-31 09:37:27 +00:00
parent d2de68b0f9
commit 8d7e068c53
96 changed files with 203 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
articles/apropos.html
View File

@ -6,26 +6,26 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.0skpk0UA.js">
<link href="../_app/immutable/assets/0.3Bi6RVSC.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.2NOiJd4o.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.7QGRh4ZU.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.WlHBt_7f.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.K0tPhl4P.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.58rXf0JE.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.CytN02Ad.js">
<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800"><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="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 role="button" class="flex md:hidden" data-svelte-h="svelte-1s4k442"><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="mobile-menu-link" data-svelte-h="svelte-11zf95a">Évènements</a> <a href="/membres" class="mobile-menu-link" data-svelte-h="svelte-1a3do61">Membres</a> <a href="/outils" class="mobile-menu-link" data-svelte-h="svelte-ee0p45">Outils</a> <a href="/guides" class="mobile-menu-link" data-svelte-h="svelte-5misk3">Guides</a> <a href="/articles" class="mobile-menu-link" data-svelte-h="svelte-kglg6r">Articles</a> <a href="/reseaux" class="mobile-menu-link" data-svelte-h="svelte-6wk0bt">Réseaux</a> <a href="/ressources" class="mobile-menu-link" data-svelte-h="svelte-ziwryh">Ressources</a> <a href="/presse" class="mobile-menu-link" data-svelte-h="svelte-6fl78t">Presse</a> <a href="/contacts" class="mobile-menu-link" data-svelte-h="svelte-1skvj1i">Contact</a></div></nav></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"><article><h1>À propos des articles</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-01-01</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><p data-svelte-h="svelte-1ewuhfv">Cette section sert pour héberger des articles généralistes en lien avec le <em>live
<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"><article><h1>À propos des articles</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-01-01</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><p data-svelte-h="svelte-1ewuhfv">Cette section sert pour héberger des articles généralistes en lien avec le <em>live
coding</em>. Il peut s’agir du compte-rendu d’un évènement, d’un article à propos
d’un nouveau logiciel, d’une réflexion sur un sujet, etc. La méthode à suivre
pour publier un article est détaillée dans la section <a href="/guides">Guides</a>. Le
fonctionnement est similaire.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><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>
fonctionnement est similaire.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></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_mqepg3 = {
__sveltekit_9sgv6g = {
base: new URL("..", location).pathname.slice(0, -1),
env: null
};
@ -35,8 +35,8 @@ fonctionnement est similaire.</p> <p class="rounded-lg font-bold border-2 py-2 p
const data = [{"type":"data","data":null,"uses":{}},null];
Promise.all([
import("../_app/immutable/entry/start.0skpk0UA.js"),
import("../_app/immutable/entry/app.7QGRh4ZU.js")
import("../_app/immutable/entry/start.2NOiJd4o.js"),
import("../_app/immutable/entry/app.WlHBt_7f.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

BIN
articles/apropos.html.br
View File

Binary file not shown.

BIN
articles/apropos.html.gz
View File

Binary file not shown.

18
articles/biset_blank.html
View File

@ -6,25 +6,25 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.0skpk0UA.js">
<link href="../_app/immutable/assets/0.3Bi6RVSC.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.2NOiJd4o.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.7QGRh4ZU.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.WlHBt_7f.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.K0tPhl4P.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.58rXf0JE.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.CytN02Ad.js">
<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800"><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="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 role="button" class="flex md:hidden" data-svelte-h="svelte-1s4k442"><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="mobile-menu-link" data-svelte-h="svelte-11zf95a">Évènements</a> <a href="/membres" class="mobile-menu-link" data-svelte-h="svelte-1a3do61">Membres</a> <a href="/outils" class="mobile-menu-link" data-svelte-h="svelte-ee0p45">Outils</a> <a href="/guides" class="mobile-menu-link" data-svelte-h="svelte-5misk3">Guides</a> <a href="/articles" class="mobile-menu-link" data-svelte-h="svelte-kglg6r">Articles</a> <a href="/reseaux" class="mobile-menu-link" data-svelte-h="svelte-6wk0bt">Réseaux</a> <a href="/ressources" class="mobile-menu-link" data-svelte-h="svelte-ziwryh">Ressources</a> <a href="/presse" class="mobile-menu-link" data-svelte-h="svelte-6fl78t">Presse</a> <a href="/contacts" class="mobile-menu-link" data-svelte-h="svelte-1skvj1i">Contact</a></div></nav></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"><article><h1>Biset Blank : un module VCVRack pour animer les performances de live coding</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-08-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><img src="../images/bisetblank.gif" alt="Biset Blank" style="display:block; margin-left:auto;margin-right:auto;max-width:1000px;width:75%"> <br> <p data-svelte-h="svelte-plfmxr">Sébastien Huertas (<a href="https://github.com/gibbonjoyeux">gibbonJoyeux</a>) est l&#39;auteur de plusieurs modules pour l&#39;environnement
<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"><article><h1>Biset Blank : un module VCVRack pour animer les performances de live coding</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-08-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><img src="../images/bisetblank.gif" alt="Biset Blank" style="display:block; margin-left:auto;margin-right:auto;max-width:1000px;width:75%"> <br> <p data-svelte-h="svelte-plfmxr">Sébastien Huertas (<a href="https://github.com/gibbonjoyeux">gibbonJoyeux</a>) est l&#39;auteur de plusieurs modules pour l&#39;environnement
<a href="https://vcvrack.com/">VCVRack</a>. Ses modules permettent de <i>live coder</i> <b>VCVRack </b>par le biais d&#39;un langage spécialisé inspiré de la syntaxe des expressions
régulières : <a href="https://library.vcvrack.com/?brand=Biset">Biset Regex</a>. Il est
aussi l&#39;auteur d&#39;un module <a href="https://en.wikipedia.org/wiki/Music_tracker">tracker</a> et de nombreux utilitaires permettant de faire de <b>VCV </b>un écosystème plus pertinent pour l&#39;écriture musicale ou pour l&#39;improvisation. Il a dernièrement publié un module en apparence trompeur, <a href="https://library.vcvrack.com/Biset/Biset-Blank">Blank</a>. Un module <i>blank</i>, dans le jargon propre aux synthétiseurs modulaires, est d&#39;ordinaire un module utilisé en lieu et place d&#39;un véritable module. Il permet de combler un vide, de ne pas laisser une partie d&#39;un rack exposée à la poussière ou à la chute accidentelle des objets sur l&#39;alimentation électrique. Il peut aussi être utilisé de manière créative pour décorer un synthétiseur, comme en témoigne ce magnifique pigeon.</p> <br> <p data-svelte-h="svelte-1tjhhux">Le <b>Blank</b> dont il est ici question modifie le comportement global de l&#39;application et de son interface ! Une fois inséré dans un <i>patch</i>, chaque câble devient <i>auscultable</i> et s&#39;anime. Il est possible d&#39;aperçevoir la forme d&#39;onde du signal passant au travers des câbles. Pour le public, cela permet de comprendre plus facilement le type de signaux utilisés et la nature des signaux qui transitent pour chaque connexion. Pour l&#39;apprentissage ou la pédagogie, ce module remplace aisément l&#39;utilisation d&#39;un oscilloscope dédié. Passer la souris sur une connexion affiche aussi un oscilloscope dans une fenêtre <i>popup</i>. Le module est également relativement économe en ressources, ce qui est toujours un plus !</p> <br> <p data-svelte-h="svelte-xntazt">Ce module a initialement été conçu pour offrir un meilleur retour visuel au public au cours d&#39;une performances de <i>live coding</i>. Son utilité dépasse désormais largement ce seul contexte. Félicitations à gibbonJoyeux pour son travail sur l&#39;écosystème VCVRack.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><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>
aussi l&#39;auteur d&#39;un module <a href="https://en.wikipedia.org/wiki/Music_tracker">tracker</a> et de nombreux utilitaires permettant de faire de <b>VCV </b>un écosystème plus pertinent pour l&#39;écriture musicale ou pour l&#39;improvisation. Il a dernièrement publié un module en apparence trompeur, <a href="https://library.vcvrack.com/Biset/Biset-Blank">Blank</a>. Un module <i>blank</i>, dans le jargon propre aux synthétiseurs modulaires, est d&#39;ordinaire un module utilisé en lieu et place d&#39;un véritable module. Il permet de combler un vide, de ne pas laisser une partie d&#39;un rack exposée à la poussière ou à la chute accidentelle des objets sur l&#39;alimentation électrique. Il peut aussi être utilisé de manière créative pour décorer un synthétiseur, comme en témoigne ce magnifique pigeon.</p> <br> <p data-svelte-h="svelte-1tjhhux">Le <b>Blank</b> dont il est ici question modifie le comportement global de l&#39;application et de son interface ! Une fois inséré dans un <i>patch</i>, chaque câble devient <i>auscultable</i> et s&#39;anime. Il est possible d&#39;aperçevoir la forme d&#39;onde du signal passant au travers des câbles. Pour le public, cela permet de comprendre plus facilement le type de signaux utilisés et la nature des signaux qui transitent pour chaque connexion. Pour l&#39;apprentissage ou la pédagogie, ce module remplace aisément l&#39;utilisation d&#39;un oscilloscope dédié. Passer la souris sur une connexion affiche aussi un oscilloscope dans une fenêtre <i>popup</i>. Le module est également relativement économe en ressources, ce qui est toujours un plus !</p> <br> <p data-svelte-h="svelte-xntazt">Ce module a initialement été conçu pour offrir un meilleur retour visuel au public au cours d&#39;une performances de <i>live coding</i>. Son utilité dépasse désormais largement ce seul contexte. Félicitations à gibbonJoyeux pour son travail sur l&#39;écosystème VCVRack.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></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_mqepg3 = {
__sveltekit_9sgv6g = {
base: new URL("..", location).pathname.slice(0, -1),
env: null
};
@ -34,8 +34,8 @@ aussi l&#39;auteur d&#39;un module <a href="https://en.wikipedia.org/wiki/Music_
const data = [{"type":"data","data":null,"uses":{}},null];
Promise.all([
import("../_app/immutable/entry/start.0skpk0UA.js"),
import("../_app/immutable/entry/app.7QGRh4ZU.js")
import("../_app/immutable/entry/start.2NOiJd4o.js"),
import("../_app/immutable/entry/app.WlHBt_7f.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

BIN
articles/biset_blank.html.br
View File

Binary file not shown.

BIN
articles/biset_blank.html.gz
View File

Binary file not shown.

18
articles/chuck_ide.html
View File

@ -6,18 +6,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.0skpk0UA.js">
<link href="../_app/immutable/assets/0.3Bi6RVSC.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.2NOiJd4o.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.7QGRh4ZU.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.WlHBt_7f.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.K0tPhl4P.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.58rXf0JE.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.CytN02Ad.js">
<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800"><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="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 role="button" class="flex md:hidden" data-svelte-h="svelte-1s4k442"><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="mobile-menu-link" data-svelte-h="svelte-11zf95a">Évènements</a> <a href="/membres" class="mobile-menu-link" data-svelte-h="svelte-1a3do61">Membres</a> <a href="/outils" class="mobile-menu-link" data-svelte-h="svelte-ee0p45">Outils</a> <a href="/guides" class="mobile-menu-link" data-svelte-h="svelte-5misk3">Guides</a> <a href="/articles" class="mobile-menu-link" data-svelte-h="svelte-kglg6r">Articles</a> <a href="/reseaux" class="mobile-menu-link" data-svelte-h="svelte-6wk0bt">Réseaux</a> <a href="/ressources" class="mobile-menu-link" data-svelte-h="svelte-ziwryh">Ressources</a> <a href="/presse" class="mobile-menu-link" data-svelte-h="svelte-6fl78t">Presse</a> <a href="/contacts" class="mobile-menu-link" data-svelte-h="svelte-1skvj1i">Contact</a></div></nav></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"><article><h1>ChucK Web IDE: le retour de ChucK sur le web</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-10-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><img alt="Chuck Logo" src="../images/chuck_logo.png" style="display:block;margin-left:auto;margin-right:auto;max-width:500px;width:90%;height:auto"> <br> <h2 data-svelte-h="svelte-1b3a3mw">Qu’est-ce que ChucK ?</h2> <p data-svelte-h="svelte-1ofrbtt"><a href="https://chuck.stanford.edu/" rel="nofollow">ChucK</a> est l’un des langages importants de ces deux dernières décennies pour
<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"><article><h1>ChucK Web IDE: le retour de ChucK sur le web</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-10-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><img alt="Chuck Logo" src="../images/chuck_logo.png" style="display:block;margin-left:auto;margin-right:auto;max-width:500px;width:90%;height:auto"> <br> <h2 data-svelte-h="svelte-1b3a3mw">Qu’est-ce que ChucK ?</h2> <p data-svelte-h="svelte-1ofrbtt"><a href="https://chuck.stanford.edu/" rel="nofollow">ChucK</a> est l’un des langages importants de ces deux dernières décennies pour
ce qui concerne la programmation musicale en temps réel. Développé par <a href="https://music.stanford.edu/people/ge-wang" rel="nofollow">Ge
Wang</a> à l’université de Princeton à
partir de 2003, il
@ -27,11 +27,11 @@ performance. Je ne connais (plus) personne qui l’utilise. SuperCollider règne
jurent toujours par CSound, Max/MSP ou Pure Data. C’est d’autant plus étonnant
que le langage est explicitement conçu pour l’expérimentation temps réel. La
sémantique et la syntaxe du langage sont construites autour de cette idée et le système des <a href="https://chuck.cs.princeton.edu/doc/language/spork.html" rel="nofollow">shred et du spork</a> fait tout pour encourager l’expérimentation.</p> <h2 data-svelte-h="svelte-197fwi9">ChucK sur le web</h2> <img alt="WebChuck" src="../images/webchuck.png" style="display:block;margin-left:auto;margin-right:auto;max-width:1000px;width:90%;height:auto"> <br> <p data-svelte-h="svelte-4khbq9">J’ai vu passer, il y a peu, des mentions d’une nouvelle version de ChucK qui
tourne directement dans un navigateur internet : <a href="https://chuck.stanford.edu/ide/" rel="nofollow">voici le lien</a>. Phénomène générationnel là aussi, il s’agit maintenant de tout faire fonctionner à partir de <a href="https://webassembly.org/" rel="nofollow">WebAssembly</a> et des nouvelles technologies de l’audio sur le web. Quelques articles universitaires ont été publiés sur le sujet comme <a href="https://mcd.stanford.edu/publish/files/2023-smc-ide.pdf" rel="nofollow">celui-ci</a> ou <a href="https://www.gewang.com/publish/files/2023-nime-webchuck.pdf" rel="nofollow">celui-là</a>. Le travail est en cours, avance bien, et pour le peu que j’ai pu tester, cela ressemble à s’y méprendre à la version native qui existe toujours et qui tourne toujours très bien sur la plupart des OS. Cela peut valoir le coup de donner une chance à ce langage pour les plus curieux. Beaucoup d’exemples ont déjà été portés et/ou réécrits depuis l’IDE de base qui en fournissait déjà pas mal. Le travail réalisé est déjà impressionnant et il y a fort à parier que cela va se stabiliser très vite.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><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>
tourne directement dans un navigateur internet : <a href="https://chuck.stanford.edu/ide/" rel="nofollow">voici le lien</a>. Phénomène générationnel là aussi, il s’agit maintenant de tout faire fonctionner à partir de <a href="https://webassembly.org/" rel="nofollow">WebAssembly</a> et des nouvelles technologies de l’audio sur le web. Quelques articles universitaires ont été publiés sur le sujet comme <a href="https://mcd.stanford.edu/publish/files/2023-smc-ide.pdf" rel="nofollow">celui-ci</a> ou <a href="https://www.gewang.com/publish/files/2023-nime-webchuck.pdf" rel="nofollow">celui-là</a>. Le travail est en cours, avance bien, et pour le peu que j’ai pu tester, cela ressemble à s’y méprendre à la version native qui existe toujours et qui tourne toujours très bien sur la plupart des OS. Cela peut valoir le coup de donner une chance à ce langage pour les plus curieux. Beaucoup d’exemples ont déjà été portés et/ou réécrits depuis l’IDE de base qui en fournissait déjà pas mal. Le travail réalisé est déjà impressionnant et il y a fort à parier que cela va se stabiliser très vite.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></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_mqepg3 = {
__sveltekit_9sgv6g = {
base: new URL("..", location).pathname.slice(0, -1),
env: null
};
@ -41,8 +41,8 @@ tourne directement dans un navigateur internet : <a href="https://chuck.stanford
const data = [{"type":"data","data":null,"uses":{}},null];
Promise.all([
import("../_app/immutable/entry/start.0skpk0UA.js"),
import("../_app/immutable/entry/app.7QGRh4ZU.js")
import("../_app/immutable/entry/start.2NOiJd4o.js"),
import("../_app/immutable/entry/app.WlHBt_7f.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

BIN
articles/chuck_ide.html.br
View File

Binary file not shown.

BIN
articles/chuck_ide.html.gz
View File

Binary file not shown.

16
articles/journee.html
View File

@ -6,22 +6,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.0skpk0UA.js">
<link href="../_app/immutable/assets/0.3Bi6RVSC.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.2NOiJd4o.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.7QGRh4ZU.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.WlHBt_7f.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.K0tPhl4P.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.58rXf0JE.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.CytN02Ad.js">
<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800"><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="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 role="button" class="flex md:hidden" data-svelte-h="svelte-1s4k442"><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="mobile-menu-link" data-svelte-h="svelte-11zf95a">Évènements</a> <a href="/membres" class="mobile-menu-link" data-svelte-h="svelte-1a3do61">Membres</a> <a href="/outils" class="mobile-menu-link" data-svelte-h="svelte-ee0p45">Outils</a> <a href="/guides" class="mobile-menu-link" data-svelte-h="svelte-5misk3">Guides</a> <a href="/articles" class="mobile-menu-link" data-svelte-h="svelte-kglg6r">Articles</a> <a href="/reseaux" class="mobile-menu-link" data-svelte-h="svelte-6wk0bt">Réseaux</a> <a href="/ressources" class="mobile-menu-link" data-svelte-h="svelte-ziwryh">Ressources</a> <a href="/presse" class="mobile-menu-link" data-svelte-h="svelte-6fl78t">Presse</a> <a href="/contacts" class="mobile-menu-link" data-svelte-h="svelte-1skvj1i">Contact</a></div></nav></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"><article><h1>Journée d'étude sur le live coding</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-19-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><p data-svelte-h="svelte-1hw20a">Le <strong>23 avril 2024</strong> sera organisé à la <strong>Maison des Sciences de l’Homme Paris Nord</strong> une journée d’étude consacrée au <em>live coding</em>. Cette journée est organisée par <a href="https://www.youtube.com/@th4music" rel="nofollow">Agathe Herrou</a>, <a href="https://remigeorges.fr/" rel="nofollow">Rémi Georges</a> et moi-même. Toutes les informations sont disponibles ici : <a href="htttps://journee.livecoding.fr">Journée d’étude Live Coding</a>.</p> <br> <img alt="Poster journée d'étude" src="../images/jlc_poster.png" style="display:block; margin-left:auto;margin-right:auto;max-width:1000px;width:75%"> <br> <p data-svelte-h="svelte-wetkg9">En espérant vous y croiser nombreux !</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><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>
<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"><article><h1>Journée d'étude sur le live coding</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-19-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><p data-svelte-h="svelte-1hw20a">Le <strong>23 avril 2024</strong> sera organisé à la <strong>Maison des Sciences de l’Homme Paris Nord</strong> une journée d’étude consacrée au <em>live coding</em>. Cette journée est organisée par <a href="https://www.youtube.com/@th4music" rel="nofollow">Agathe Herrou</a>, <a href="https://remigeorges.fr/" rel="nofollow">Rémi Georges</a> et moi-même. Toutes les informations sont disponibles ici : <a href="htttps://journee.livecoding.fr">Journée d’étude Live Coding</a>.</p> <br> <img alt="Poster journée d'étude" src="../images/jlc_poster.png" style="display:block; margin-left:auto;margin-right:auto;max-width:1000px;width:75%"> <br> <p data-svelte-h="svelte-wetkg9">En espérant vous y croiser nombreux !</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></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_mqepg3 = {
__sveltekit_9sgv6g = {
base: new URL("..", location).pathname.slice(0, -1),
env: null
};
@ -31,8 +31,8 @@
const data = [{"type":"data","data":null,"uses":{}},null];
Promise.all([
import("../_app/immutable/entry/start.0skpk0UA.js"),
import("../_app/immutable/entry/app.7QGRh4ZU.js")
import("../_app/immutable/entry/start.2NOiJd4o.js"),
import("../_app/immutable/entry/app.WlHBt_7f.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

BIN
articles/journee.html.br
View File

Binary file not shown.

BIN
articles/journee.html.gz
View File

Binary file not shown.

18
articles/ordinateur_tete.html
View File

@ -6,18 +6,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.0skpk0UA.js">
<link href="../_app/immutable/assets/0.3Bi6RVSC.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.2NOiJd4o.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.7QGRh4ZU.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.WlHBt_7f.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.K0tPhl4P.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.58rXf0JE.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.CytN02Ad.js">
<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800"><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="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 role="button" class="flex md:hidden" data-svelte-h="svelte-1s4k442"><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="mobile-menu-link" data-svelte-h="svelte-11zf95a">Évènements</a> <a href="/membres" class="mobile-menu-link" data-svelte-h="svelte-1a3do61">Membres</a> <a href="/outils" class="mobile-menu-link" data-svelte-h="svelte-ee0p45">Outils</a> <a href="/guides" class="mobile-menu-link" data-svelte-h="svelte-5misk3">Guides</a> <a href="/articles" class="mobile-menu-link" data-svelte-h="svelte-kglg6r">Articles</a> <a href="/reseaux" class="mobile-menu-link" data-svelte-h="svelte-6wk0bt">Réseaux</a> <a href="/ressources" class="mobile-menu-link" data-svelte-h="svelte-ziwryh">Ressources</a> <a href="/presse" class="mobile-menu-link" data-svelte-h="svelte-6fl78t">Presse</a> <a href="/contacts" class="mobile-menu-link" data-svelte-h="svelte-1skvj1i">Contact</a></div></nav></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"><article><h1>Ordinateur dans la tête : un label de musique live codée</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-09-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><p data-svelte-h="svelte-1tl3fbq">Rémi Georges a lancé depuis plus d’un an un label de musique dédiée à la musique
<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"><article><h1>Ordinateur dans la tête : un label de musique live codée</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-09-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><p data-svelte-h="svelte-1tl3fbq">Rémi Georges a lancé depuis plus d’un an un label de musique dédiée à la musique
<em>live codée</em>. Le label a pour nom <strong>Ordinateur dans la tête</strong> : ”<em>Live-coding Cassette &amp; prints Label Code as music, for humans and computers.</em>”. Par un pied de
nez formidable, le label publie essentiellement de la musique au format cassette
ou disquette (<em>floppy disk</em>). Il n’existe à ce jour que quatre cassettes dans le
@ -32,11 +32,11 @@ Mike Hodnick : <a href="https://kindohm.bandcamp.com/album/prompt-3" rel="nofoll
album est produit par Nil Hartman (un lyonnais !) et propose aussi une forme physique avec un
format de distribution original : ”<em>2GB USB flash drive archival of 16-bit WAV files of Prompt 3 by Kindohm, engraved with the 3OP logo. High quality 12,7cm x 12,7cm matte paper digital print of Prompt 3 cover art by Kindohm &amp; Andrew Bates. Archival includes: exclusive outtakes, live performances, alternate artwork files, and Mike’s Prompt 3 workspace folder of .tidal and .flp files.</em>“.</p> <br> <p data-svelte-h="svelte-1308sfy">Nous attendons de pied ferme l’apparition d’un troisième label publiant de la
musique <em>live codée</em> à Lyon. Il semblerait que cela ne soit qu’une question de
temps.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><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>
temps.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></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_mqepg3 = {
__sveltekit_9sgv6g = {
base: new URL("..", location).pathname.slice(0, -1),
env: null
};
@ -46,8 +46,8 @@ temps.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800
const data = [{"type":"data","data":null,"uses":{}},null];
Promise.all([
import("../_app/immutable/entry/start.0skpk0UA.js"),
import("../_app/immutable/entry/app.7QGRh4ZU.js")
import("../_app/immutable/entry/start.2NOiJd4o.js"),
import("../_app/immutable/entry/app.WlHBt_7f.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

BIN
articles/ordinateur_tete.html.br
View File

Binary file not shown.

BIN
articles/ordinateur_tete.html.gz
View File

Binary file not shown.

16
articles/renardo.html
View File

File diff suppressed because one or more lines are too long

BIN
articles/renardo.html.br
View File

Binary file not shown.

BIN
articles/renardo.html.gz
View File

Binary file not shown.

18
articles/scheme.html
View File

@ -6,26 +6,26 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.0skpk0UA.js">
<link href="../_app/immutable/assets/0.3Bi6RVSC.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.2NOiJd4o.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.7QGRh4ZU.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.WlHBt_7f.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.K0tPhl4P.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.58rXf0JE.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.CytN02Ad.js">
<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800"><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="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 role="button" class="flex md:hidden" data-svelte-h="svelte-1s4k442"><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="mobile-menu-link" data-svelte-h="svelte-11zf95a">Évènements</a> <a href="/membres" class="mobile-menu-link" data-svelte-h="svelte-1a3do61">Membres</a> <a href="/outils" class="mobile-menu-link" data-svelte-h="svelte-ee0p45">Outils</a> <a href="/guides" class="mobile-menu-link" data-svelte-h="svelte-5misk3">Guides</a> <a href="/articles" class="mobile-menu-link" data-svelte-h="svelte-kglg6r">Articles</a> <a href="/reseaux" class="mobile-menu-link" data-svelte-h="svelte-6wk0bt">Réseaux</a> <a href="/ressources" class="mobile-menu-link" data-svelte-h="svelte-ziwryh">Ressources</a> <a href="/presse" class="mobile-menu-link" data-svelte-h="svelte-6fl78t">Presse</a> <a href="/contacts" class="mobile-menu-link" data-svelte-h="svelte-1skvj1i">Contact</a></div></nav></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"><article><h1>Scheme for Max/Pure Data : LISP encore et toujours</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-11-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><img src="https://repository-images.githubusercontent.com/232438669/2786d100-7d94-11ea-81b9-74d9e19db04a" alt="Biset Blank" style="display:block; margin-left:auto;margin-right:auto;max-width:500px;width:75%"> <br> <h2 data-svelte-h="svelte-1v4p4uu">Présentation</h2> <p data-svelte-h="svelte-1t86df7">Iain Duncan est l’auteur de deux utilitaires, <a href="https://github.com/iainctduncan/scheme-for-max" rel="nofollow">Scheme for Max</a> et <a href="https://github.com/iainctduncan/scheme-for-pd" rel="nofollow">Scheme for Pure
<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"><article><h1>Scheme for Max/Pure Data : LISP encore et toujours</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-11-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><img src="https://repository-images.githubusercontent.com/232438669/2786d100-7d94-11ea-81b9-74d9e19db04a" alt="Biset Blank" style="display:block; margin-left:auto;margin-right:auto;max-width:500px;width:75%"> <br> <h2 data-svelte-h="svelte-1v4p4uu">Présentation</h2> <p data-svelte-h="svelte-1t86df7">Iain Duncan est l’auteur de deux utilitaires, <a href="https://github.com/iainctduncan/scheme-for-max" rel="nofollow">Scheme for Max</a> et <a href="https://github.com/iainctduncan/scheme-for-pd" rel="nofollow">Scheme for Pure
Data</a>. Ces deux outils font
sensiblement la même chose, à différents niveaux d’avancement. Ils intègrent un
interpréteur pour le langage <a href="https://ccrma.stanford.edu/software/snd/snd/s7.html" rel="nofollow">S7 Scheme</a> (publié par Bill Schottstaedt au <a href="https://ccrma.stanford.edu/" rel="nofollow">CCRMA</a>) et permettent de contrôler plus ou moins finement Max ou Pure Data directement depuis LISP. Vous pouvez programmer vos propres séquenceurs, manipuler des données, générer des tableaux et des <em>buffers</em> etc. S7 est un dialecte de Scheme/LISP qui a été conçu pour être facilement intégré dans différentes applications. C’est un langage léger et facile à porter un peu partout. Il a initialement été développé par un musicien pour des musiciens. Il existe une longue tradition dans les milieux créatifs qui consiste à présenter les langages de la famille LISP comme particulièrement adaptés au travail en musique. Il suffit de regarder des outils comme <a href="https://opusmodus.com/forums/live-coding-instrument/" rel="nofollow">OpusModus</a>, <a href="https://extemporelang.github.io/" rel="nofollow">ExTempore</a>, <a href="https://github.com/overtone/overtone" rel="nofollow">Overtone</a>, <a href="https://incudine.sourceforge.net/" rel="nofollow">Incudine</a>, <a href="https://github.com/byulparan/cl-collider" rel="nofollow">cl-collider</a> ou encore <a href="https://www.ircam.fr/transmission/formations-professionnelles/openmusic" rel="nofollow">OpenMusic</a> pour s’en convaincre. Tous réinventent la même idée : faire de LISP un environnement de choix pour la composition électronique/algorithmique. L’utilisation de Scheme for Max et de Scheme for Pure Data s’adresse à des <em>live coders</em> expérimentés et qui maîtrisent déjà un petit peu la programmation et l’utilisation de Max/Pure Data. Il ne faut pas non plus être effrayé de l’aspect académique et un peu <em>nerd</em> de l’expérience. On fait beaucoup de programmation et de technique pour développer, <em>in fine</em>, des super pouvoirs et une maîtrise inégalée de l’environnement de composition.</p> <br> <iframe width="800" height="600" src="https://www.youtube.com/embed/rcLWTjN4qBI" title="Stochastic Study #1 for Scheme for Max and modular synthesizer, Iain C.T. Duncan (2021)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="display:block; margin-left:auto;margin-right:auto;max-width:800px;width:75%"></iframe> <br> <p data-svelte-h="svelte-czrwfr">Iain Duncan est l’un des derniers musiciens frappés par le sortilège LISP et il a pris le
temps de publier <a href="https://iainctduncan.github.io/scheme-for-max-docs/s7.html#about-s7-and-s74-scheme" rel="nofollow">quelques</a> <a href="https://iainctduncan.github.io/scheme-for-max-docs/motivations.html" rel="nofollow">documents</a> qui détaillent les avantages de LISP pour le travail en musique. Ces outils s’adressent à un public qui aime expérimenter et qui préfère développer de petites librairies/fonctions réutilisables entre différents <em>patchs</em> plutôt que de tout sacrifier pour apprendre l’utilisation d’un <em>framework</em> ou d’un outil/usine à gaz. La documentation est très bien faite et cela vaut le coup de tout lire ne serait-ce que pour s’en imprégner. Même si le fait d’apprendre LISP peut engendrer des réticences plus ou moins justifiées, faire un petit <em>patch</em> pour essayer n’a jamais tué personne. Contrairement à d’autres familles de langages, LISP, il est vrai, à l’air <em>naturellement</em> et presque par accident adapté à la pratique du <em>live coding</em>.</p> <br> <h2 data-svelte-h="svelte-grw4hp">Conclusion</h2> <br> <img src="https://imgs.xkcd.com/comics/lisp_cycles.png" alt="Biset Blank" style="display:block; margin-left:auto;margin-right:auto;max-width:800px;width:75%"> <br> <p data-svelte-h="svelte-1df9fw3">Quelle conclusion tirer de tout cela ? Aucune idée. Parler des langages LISP comme d’un outil ou d’une expérience magique est un poncif un peu usant à la longue. Si les langages LISPs étaient vraiment nécessaires et adaptés, pourquoi ne sont-ils pas utilisé partout et tout le temps ? Il semble que le vent ait juste tourné et que les langages LISP se soient retrouvés dans une niche qu’ils n’arrivent désormais plus vraiment à quitter. Les langages LISP restent présents un peu partout en informatique musicale, surtout dans les coulisses, et ressurgissent périodiquement pour nous rappeler à quel point ils sont élégants, adaptés et efficaces. Essayez Scheme for Pure Data et faites vous une idée par vous-même.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><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>
temps de publier <a href="https://iainctduncan.github.io/scheme-for-max-docs/s7.html#about-s7-and-s74-scheme" rel="nofollow">quelques</a> <a href="https://iainctduncan.github.io/scheme-for-max-docs/motivations.html" rel="nofollow">documents</a> qui détaillent les avantages de LISP pour le travail en musique. Ces outils s’adressent à un public qui aime expérimenter et qui préfère développer de petites librairies/fonctions réutilisables entre différents <em>patchs</em> plutôt que de tout sacrifier pour apprendre l’utilisation d’un <em>framework</em> ou d’un outil/usine à gaz. La documentation est très bien faite et cela vaut le coup de tout lire ne serait-ce que pour s’en imprégner. Même si le fait d’apprendre LISP peut engendrer des réticences plus ou moins justifiées, faire un petit <em>patch</em> pour essayer n’a jamais tué personne. Contrairement à d’autres familles de langages, LISP, il est vrai, à l’air <em>naturellement</em> et presque par accident adapté à la pratique du <em>live coding</em>.</p> <br> <h2 data-svelte-h="svelte-grw4hp">Conclusion</h2> <br> <img src="https://imgs.xkcd.com/comics/lisp_cycles.png" alt="Biset Blank" style="display:block; margin-left:auto;margin-right:auto;max-width:800px;width:75%"> <br> <p data-svelte-h="svelte-1df9fw3">Quelle conclusion tirer de tout cela ? Aucune idée. Parler des langages LISP comme d’un outil ou d’une expérience magique est un poncif un peu usant à la longue. Si les langages LISPs étaient vraiment nécessaires et adaptés, pourquoi ne sont-ils pas utilisé partout et tout le temps ? Il semble que le vent ait juste tourné et que les langages LISP se soient retrouvés dans une niche qu’ils n’arrivent désormais plus vraiment à quitter. Les langages LISP restent présents un peu partout en informatique musicale, surtout dans les coulisses, et ressurgissent périodiquement pour nous rappeler à quel point ils sont élégants, adaptés et efficaces. Essayez Scheme for Pure Data et faites vous une idée par vous-même.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></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_mqepg3 = {
__sveltekit_9sgv6g = {
base: new URL("..", location).pathname.slice(0, -1),
env: null
};
@ -35,8 +35,8 @@ temps de publier <a href="https://iainctduncan.github.io/scheme-for-max-docs/s7.
const data = [{"type":"data","data":null,"uses":{}},null];
Promise.all([
import("../_app/immutable/entry/start.0skpk0UA.js"),
import("../_app/immutable/entry/app.7QGRh4ZU.js")
import("../_app/immutable/entry/start.2NOiJd4o.js"),
import("../_app/immutable/entry/app.WlHBt_7f.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

BIN
articles/scheme.html.br
View File

Binary file not shown.

BIN
articles/scheme.html.gz
View File

Binary file not shown.

18
articles/teletypecinqzero.html
View File

File diff suppressed because one or more lines are too long

BIN
articles/teletypecinqzero.html.br
View File

Binary file not shown.

BIN
articles/teletypecinqzero.html.gz
View File

Binary file not shown.