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

régler quelques warnings

Browse Source
This commit is contained in:
Raphaël Forment
2024-06-07 15:24:32 +02:00
parent f94d4f0e24
commit 446baaa7bb
253 changed files with 425 additions and 528 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
dist/articles/apropos.html vendored
View File

@ -7,17 +7,17 @@
<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.SbcWS3OD.js">
<link rel="modulepreload" href="../_app/immutable/entry/start.Jn5WKbrf.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.feFbK-O9.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.LLQVUDg1.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.qqbATDHs.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.VzW-0bpn.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.K0tPhl4P.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 class="flex md:hidden" data-svelte-h="svelte-glwq61"><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="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
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
@ -25,7 +25,7 @@ fonctionnement est similaire.</p> <p class="rounded-lg font-bold border-2 py-2 p
<script>
{
__sveltekit_1nzxa8i = {
__sveltekit_1xnkgn2 = {
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.SbcWS3OD.js"),
import("../_app/immutable/entry/app.feFbK-O9.js")
import("../_app/immutable/entry/start.Jn5WKbrf.js"),
import("../_app/immutable/entry/app.LLQVUDg1.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

BIN
dist/articles/apropos.html.br vendored
View File

Binary file not shown.

BIN
dist/articles/apropos.html.gz vendored
View File

Binary file not shown.

52
dist/articles/apropos.svelte.html vendored
View File

@ -1,52 +0,0 @@
<!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.4xzDLrRt.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.rusxyu_H.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.BbnLBvp1.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.IITQFoYl.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.8nn6_YQf.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 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="website-title" data-svelte-h="svelte-p2w7yu">livecoding.fr</a> <div class="flex md:hidden" data-svelte-h="svelte-glwq61"><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-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"><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="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></div></article></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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_14rkk9n = {
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.rusxyu_H.js"),
import("../_app/immutable/entry/app.BbnLBvp1.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>

BIN
dist/articles/apropos.svelte.html.br vendored
View File

Binary file not shown.

BIN
dist/articles/apropos.svelte.html.gz vendored
View File

Binary file not shown.

16
dist/articles/biset_blank.html vendored
View File

@ -7,24 +7,24 @@
<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.SbcWS3OD.js">
<link rel="modulepreload" href="../_app/immutable/entry/start.Jn5WKbrf.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.feFbK-O9.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.LLQVUDg1.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.qqbATDHs.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.VzW-0bpn.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.K0tPhl4P.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 class="flex md:hidden" data-svelte-h="svelte-glwq61"><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="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
<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>
<script>
{
__sveltekit_1nzxa8i = {
__sveltekit_1xnkgn2 = {
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.SbcWS3OD.js"),
import("../_app/immutable/entry/app.feFbK-O9.js")
import("../_app/immutable/entry/start.Jn5WKbrf.js"),
import("../_app/immutable/entry/app.LLQVUDg1.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

BIN
dist/articles/biset_blank.html.br vendored
View File

Binary file not shown.

BIN
dist/articles/biset_blank.html.gz vendored
View File

Binary file not shown.

58
dist/articles/chuck_ide.html vendored Normal file
View File

@ -0,0 +1,58 @@
<!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.x88-ymMa.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.Jn5WKbrf.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.LLQVUDg1.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/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
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
est toujours utilisé là-bas par les musiciens du <a href="https://plork.princeton.edu/" rel="nofollow">PlorK</a> (<em>Princeton Laptop
Orchestra</em>). Il reste également utilisé dans cette même université pour enseigner la musique électronique. ChucK appartient à la même génération que d’autres langages comme <a href="https://extemporelang.github.io/" rel="nofollow">ExTempore</a> d’Andrew Sorensen. L’idée flottait dans l’air à cette époque là qu’il fallait développer des langages permettant de mieux exprimer la relation entre temps, synthèse, écriture musicale et interaction de l’utilisateur. ChucK est désormais utilisé par le <a href="https://slork.stanford.edu/" rel="nofollow">SlorK</a> (<em>Stanford Laptop Orchestra</em>) et par un certain nombre de musiciens <em>live coders</em> tels que <a href="https://www.celestebetancur.com/code.html" rel="nofollow">Celeste Betancur</a>. Le créateur du langage est un défenseur de longue date de la pratique du <em>live coding</em>. Il est également un pionnier du phénomène des <em>Laptop Orchestras</em>, des orchestres d’ordinateur qui cherchent à utiliser les qualités uniques de l’ordinateur portable et des ordinateurs embarqués pour la composition de pièces collaboratives (synchronisation en réseau, spatialisation des musiciens, etc). En fouillant un peu sur internet, on trouve toujours des traces de la pratique du <em>live coding</em> sur ChucK :</p> <br> <iframe width="800" height="400" src="https://www.youtube.com/embed/gj5asouhVkM" title="ChucK Live Code Performance" 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:90%;height:500px"></iframe> <br> <p data-svelte-h="svelte-1smt2e1">ChucK est un langage que l’on rencontre aujourd’hui assez peu dans les discussions autour du <em>live coding</em>. Je n’ai encore jamais vu personne l’utiliser pour une
performance. Je ne connais (plus) personne qui l’utilise. SuperCollider règne en maître, avec quelques artistes qui
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>
<script>
{
__sveltekit_1xnkgn2 = {
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.Jn5WKbrf.js"),
import("../_app/immutable/entry/app.LLQVUDg1.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>

BIN
dist/articles/chuck_ide.html.br vendored Normal file
View File

Binary file not shown.

BIN
dist/articles/chuck_ide.html.gz vendored Normal file
View File

Binary file not shown.

48
dist/articles/journee.html vendored Normal file
View File

@ -0,0 +1,48 @@
<!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.x88-ymMa.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.Jn5WKbrf.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.LLQVUDg1.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/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>
<script>
{
__sveltekit_1xnkgn2 = {
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.Jn5WKbrf.js"),
import("../_app/immutable/entry/app.LLQVUDg1.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>

BIN
dist/articles/journee.html.br vendored Normal file
View File

Binary file not shown.

BIN
dist/articles/journee.html.gz vendored Normal file
View File

Binary file not shown.

16
dist/articles/ordinateur_tete.html vendored
View File

@ -7,17 +7,17 @@
<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.SbcWS3OD.js">
<link rel="modulepreload" href="../_app/immutable/entry/start.Jn5WKbrf.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.feFbK-O9.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.LLQVUDg1.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.qqbATDHs.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.VzW-0bpn.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.K0tPhl4P.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 class="flex md:hidden" data-svelte-h="svelte-glwq61"><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="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
<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
@ -36,7 +36,7 @@ temps.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800
<script>
{
__sveltekit_1nzxa8i = {
__sveltekit_1xnkgn2 = {
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.SbcWS3OD.js"),
import("../_app/immutable/entry/app.feFbK-O9.js")
import("../_app/immutable/entry/start.Jn5WKbrf.js"),
import("../_app/immutable/entry/app.LLQVUDg1.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

BIN
dist/articles/ordinateur_tete.html.br vendored
View File

Binary file not shown.

BIN
dist/articles/ordinateur_tete.html.gz vendored
View File

Binary file not shown.

16
dist/articles/renardo.html vendored
View File

File diff suppressed because one or more lines are too long

BIN
dist/articles/renardo.html.br vendored
View File

Binary file not shown.

BIN
dist/articles/renardo.html.gz vendored
View File

Binary file not shown.

52
dist/articles/scheme.html vendored Normal file
View File

@ -0,0 +1,52 @@
<!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.x88-ymMa.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.Jn5WKbrf.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.LLQVUDg1.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/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
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>
<script>
{
__sveltekit_1xnkgn2 = {
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.Jn5WKbrf.js"),
import("../_app/immutable/entry/app.LLQVUDg1.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>

BIN
dist/articles/scheme.html.br vendored Normal file
View File

Binary file not shown.

BIN
dist/articles/scheme.html.gz vendored Normal file
View File

Binary file not shown.

16
dist/articles/teletypecinqzero.html vendored
View File

File diff suppressed because one or more lines are too long

BIN
dist/articles/teletypecinqzero.html.br vendored
View File

Binary file not shown.

BIN
dist/articles/teletypecinqzero.html.gz vendored
View File

Binary file not shown.