59 lines
7.7 KiB
HTML
59 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" href="../favicon.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<link href="../_app/immutable/assets/0.T1kGbD0X.css" rel="stylesheet">
|
|
<link rel="modulepreload" href="../_app/immutable/entry/start.6O76zWgR.js">
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
|
<link rel="modulepreload" href="../_app/immutable/entry/app.LuiftYE9.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.KWkvCkXg.js">
|
|
<link rel="modulepreload" href="../_app/immutable/nodes/5.UxBDKmos.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 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-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>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="px-12 content-center"><div class="grid grid-cols-5 h-screen" data-svelte-h="svelte-jd9maq"><div class="pr-4"><img src="https://library.vcvrack.com/screenshots/200/Biset/Biset-Blank.png"></div> <div class="col-span-4"><p>Sébastien Huertas (<a href="https://github.com/gibbonjoyeux">gibbonJoyeux</a>) est l'auteur de plusieurs modules pour l'environnement
|
|
<a href="https://vcvrack.com/">VCVRack</a>. Ses modules permettent de <i>live coder</i> <b>VCVRack </b>par le biais d'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'auteur d'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'écriture musicale ou pour l'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'ordinaire un module utilisé en lieu et place d'un véritable module. Il permet de combler un vide, de ne pas laisser une partie d'un rack exposée à la poussière ou à la chute accidentelle des objets sur l'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>Le <b>Blank</b> dont il est ici question modifie le comportement global de
|
|
l'application et de son interface ! Une fois inséré dans un <i>patch</i>,
|
|
chaque câble devient <i>auscultable</i> et s'anime. Il est possible d'aperçevoir la
|
|
forme d'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'apprentissage ou la pédagogie, ce module remplace
|
|
aisément l'utilisation d'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> <img src="../images/bisetblank.gif" alt="Biset Blank" style="display:block;margin-left:auto;margin-right:auto;max-width:1000px;width:75%"> <p>Ce module a initialement été conçu pour offrir un meilleur retour visuel au public lors des performances de <i>live coding</i>. Son utilité dépasse désormais ce seul contexte. Félicitations à gibbonJoyeux pour son travail sur l'écosystème
|
|
VCVRack.</p></div></div></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_1d26x4h = {
|
|
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.6O76zWgR.js"),
|
|
import("../_app/immutable/entry/app.LuiftYE9.js")
|
|
]).then(([kit, app]) => {
|
|
kit.start(app, element, {
|
|
node_ids: [0, 5],
|
|
data,
|
|
form: null,
|
|
error: null
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|