51 lines
11 KiB
HTML
51 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<link rel="icon" href="./favicon.png" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<link href="./_app/immutable/assets/0.2dCqWpGr.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/start.5YLs103A.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/app.i08eSpn0.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/index.kYoizZ4A.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/0.4o9Fw0YJ.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/2.mhzHCfJ2.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/Info.ITY44f4q.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/marked.esm.hS8hU7E4.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/each.-oqiv04n.js"><title>LC.FR</title><!-- HEAD_svelte-si4wcq_START --><!-- HEAD_svelte-si4wcq_END -->
|
||
</head>
|
||
<body data-sveltekit-preload-data="hover">
|
||
<div style="display: contents"> <div><div class="bg-neutral-800"><nav class="px-8 py-2 flex justify-between items-center"><div class="flex items-center justify-between w-full"><a href="/" class="website-title text-2xl font-bold bg-gradient-to-r from-orange-700 via-blue-500 to-green-400 text-transparent bg-clip-text animate-gradient" data-svelte-h="svelte-15xybd8">livecoding.fr</a> <div class="lg:hidden"><button type="button" class="text-gray-100 hover:text-gray-400 focus:outline-none focus:text-gray-400" data-svelte-h="svelte-vbp173"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div> <div class="hidden lg:flex lg:items-center lg:space-x-10" data-svelte-h="svelte-1ydj4af"><a href="/evenements" class="titlebar-link">Évènements</a> <a href="/membres" class="titlebar-link">Membres</a> <a href="/outils" class="titlebar-link">Outils</a> <a href="/guides" class="titlebar-link">Guides</a> <a href="/articles" class="titlebar-link">Articles</a> <a href="/reseaux" class="titlebar-link">Réseaux</a> <a href="/ressources" class="titlebar-link">Ressources</a> <a href="/presse" class="titlebar-link">Presse</a> <a href="/contacts" class="titlebar-link">Contact</a></div></nav> <div class="lg:hidden hidden"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3" data-svelte-h="svelte-1sqq9eu"><a href="/evenements" class="mobile-menu-link block">Évènements</a> <a href="/membres" class="mobile-menu-link block">Membres</a> <a href="/outils" class="mobile-menu-link block">Outils</a> <a href="/guides" class="mobile-menu-link block">Guides</a> <a href="/articles" class="mobile-menu-link block">Articles</a> <a href="/reseaux" class="mobile-menu-link block">Réseaux</a> <a href="/ressources" class="mobile-menu-link block">Ressources</a> <a href="/presse" class="mobile-menu-link block">Presse</a> <a href="/contacts" class="mobile-menu-link block">Contact</a></div></div></div></div> <main class="bg-neutral-900"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-4 flex flex-col lg:px-16 px-4 py-8"> <h1 data-svelte-h="svelte-1bwy2rx">Bienvenue</h1> <p data-svelte-h="svelte-2xxqt7"><a href="https://livecoding.fr" rel="nofollow">Livecoding.fr</a> est un site consacré à la pratique du <em>live coding</em> en France. Il est périodiquement maintenu par un groupe d’artistes, de musiciens et de <em>live coders</em> francophones. Ce site est destiné à servir de base de ressources et de portail pour découvrir les différents aspects de cette pratique : guides, articles, évènements, information sur les artistes, etc. Toute modification est bienvenue, le site étant conçu comme un support libre et <em>open source</em>. Nous vous renvoyez vers <a href="/guides/ajouter_information">ce guide</a> ou <a href="/guides/proposer_guide">ce guide</a> pour apprendre comment modifier le site.</p> <div class="grid grid-cols-2 md:grid-cols-3 gap-4"><div><img class="h-auto max-w-full rounded-lg" src="https://ralt144mi.remigeorges.fr/Ralt144MI3.png" alt="Rémi Georges"> </div><div><img class="h-auto max-w-full rounded-lg" src="https://www.cookie.paris/static/bc65c5fd7f7c76dc70bcd9892dc17a4d/7c735/16.webp" alt="Azertype"> </div><div><img class="h-auto max-w-full rounded-lg" src="https://www.cookie.paris/static/9dbc442f1f54a41b9210b3ba1b835226/7c735/13.webp" alt="Jules Cipher"> </div><div><img class="h-auto max-w-full rounded-lg" src="../images/leondenise.jpeg" alt="Léon Denise"> </div><div><img class="h-auto max-w-full rounded-lg" src="https://renardo.org/images/screenshot1.png" alt="Renardo"> </div><div><img class="h-auto max-w-full rounded-lg" src="https://sardine.raphaelforment.fr/presentation/what_is_live_coding.jpeg#center" alt="Raphaël Forment"> </div></div> <h1 data-svelte-h="svelte-z12tl4">Qu’est-ce que le live-coding ?</h1> <div class="alert bg-neutral-600 border-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span class="text-xl text-white"><!-- HTML_TAG_START -->Le <i>live coding</i> est une pratique d'improvisation musicale ou visuelle centrée autour de l'utilisation des langages de programmation comme instruments, au fil de la performance. Le <em>live coder</em> partage généralement son code à l'intention du public, en le projettant sur une surface. L'objectif est de faire de la programmation un geste expressif, artistique et ouvert. Le <em>live coding</em> est une pratique souvent située au croisement entre informatique musicale, synthèse sonore, improvisation et musique algorithmique ou générative.<br><br> Cette pratique encourage une approche pluri-disciplinaire de la création artistique. Musique, visuels, jeux vidéos et danse sont souvent mêlés au cours des performances. Le <em>live coding</em>, du fait de son histoire, est aussi un domaine de réflexion critique autour de notre rapport à l'informatique, à la technologie et à la culture numérique. De nombreux <i>live coders</i> sont traversés par l'influence de la culture <i>hacker</i>, par les philosophies du logiciel libre et <i>open source</i>. Cette pratique, mécaniquement, encourage à percevoir les logiciels comme des supports <i>exploratoires</i> ou <i>conversationnels</i>, et non seulement comme de simples outils pour la création.<!-- HTML_TAG_END --></span></div> <p data-svelte-h="svelte-6x92z0">Historiquement, le <em>live coding</em> a été promu et popularisé par le collectif <a href="https://toplap.org" rel="nofollow">TOPLAP</a>, aujourd’hui composé de <a href="https://livecodingbook.toplap.org/" rel="nofollow">chercheurs</a>, de musiciens et de développeurs de tous horizons. De nombreux groupes en Europe et dans le monde sont issus de la sphère d’influence de ce collectif : <a href="https://toplap.cat/en/home" rel="nofollow">TOPLAP Barcelona</a>, <a href="https://livecode.nyc/" rel="nofollow">Livecode NYC</a>, parmi d’autres. La pratique du <em>live coding</em> s’est popularisée au travers du <a href>Manifeste TOPLAP</a> et des <a href="https://algorave.com" rel="nofollow">Algoraves</a> (<em>algorithmic rave parties</em>). Toutefois, limiter le <i>live coding</i> à ce seul phénomène culturel revient à ne prêter à attention qu’à l’arbre qui cache la forêt. Le <em>live coding</em> est une pratique ancienne, qui existe <i>a minima</i> depuis la fin des années 1980. Cette dernière s’est disséminée dans l’ensemble des arts numériques, aussi bien en <a href="https://supercollider.github.io/" rel="nofollow">musique</a> que dans les <a href="https://teddavis.org/p5live/" rel="nofollow">arts visuels</a>, le <a href="https://chuck.cs.princeton.edu/chunity/" rel="nofollow">jeu vidéo</a>, etc.</p> <h1 data-svelte-h="svelte-9nyscp">À propos de ce site</h1> <p data-svelte-h="svelte-t9b3os">Ce site est conçu pour combler le vide qui existe aujourd’hui en France autour de ces pratiques. La communauté francophone du <em>live coding</em> ne possédait pas jusqu’à présent de site permettant aux artistes et musiciens français de se rencontrer et d’échanger facilement. Disposer d’un site dédié permet de rompre avec la nécessité de se tenir informé sans cesse sur les réseaux sociaux sous peine de manquer une information. Ce site est conçu et maintenu par <a href="https://raphaelforment.fr" rel="nofollow">Raphaël Forment</a> (BuboBubo). L’information de chacune des pages est structurée par aléatoire afin de favoriser la découverte.</p> <h1 data-svelte-h="svelte-15qmnqt">Comment contribuer ?</h1> <p data-svelte-h="svelte-121svv4">Le site est hébergé sur <a href="https://github.com/Bubobubobubobubo/livecodingfr" rel="nofollow">GitHub</a>. Pour ajouter une information au site, veuillez créer une <a href="https://docs.github.com/fr/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request" rel="nofollow">Pull Request</a>. Vous pouvez aussi contacter l’un des artistes cités sur cette page, sur pourra se charger de relayer l’information.</p></div> <div class="drawer-side no-scrollbar m-0 lg:block hidden" data-svelte-h="svelte-si3uu3"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden no-scrollbar"></label> <ul class="menu sidemenu-style no-scrollbar my-0"><li class="sideli"><a class="sidebar-link" href="/evenements">Évènements</a></li> <li class="sideli"><a class="sidebar-link" href="/membres">Membres</a></li> <li class="sideli"><a class="sidebar-link" href="/outils">Outils</a></li> <li class="sideli"><a class="sidebar-link" href="/guides">Guides</a></li> <li class="sideli"><a class="sidebar-link" href="/articles">Articles</a></li> <li class="sideli"><a class="sidebar-link" href="/reseaux">Réseaux</a></li> <li class="sideli"><a class="sidebar-link" href="/ressources">Ressources</a></li> <li class="sideli"><a class="sidebar-link" href="/presse">Presse</a></li> <li class="sideli"><a class="sidebar-link" href="/contacts">Contact</a></li></ul></div></div></main> <footer class="footer-style" data-svelte-h="svelte-1gkeg8z"><div class="flex justify-between"><p class="inline indent-4 text-bold text-white">Raphaël Forment</p> <p><a class="inline pl-4" href="https://github.com/Bubobubobubobubo/livecodingfr">GitHub</a></p></div></footer>
|
||
|
||
<script>
|
||
{
|
||
__sveltekit_1f3gh83 = {
|
||
base: new URL(".", location).pathname.slice(0, -1),
|
||
env: null
|
||
};
|
||
|
||
const element = document.currentScript.parentElement;
|
||
|
||
const data = [{"type":"data","data":null,"uses":{}},null];
|
||
|
||
Promise.all([
|
||
import("./_app/immutable/entry/start.5YLs103A.js"),
|
||
import("./_app/immutable/entry/app.i08eSpn0.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 2],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|