51 lines
10 KiB
HTML
51 lines
10 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.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/2.R1Wk44nZ.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="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"> <h1 data-svelte-h="svelte-1bwy2rx">Bienvenue</h1> <p data-svelte-h="svelte-1a50fgq"><a href="https://livecoding.fr" rel="nofollow">Livecoding.fr</a> est un site d’information consacré à la pratique du <em>live coding</em>. Il est maintenu par l’effort communautaire d’un groupe d’artistes, de musiciens et de développeurs francophones. Son objectif est de centraliser les informations sur cette pratique et de servir de portail : guides, articles, évènements, information sur les artistes, etc. Tout ajout est le bienvenu. Consulter <a href="/guides/ajouter_information">ce guide</a> ou <a href="/guides/proposer_guide">ce guide</a> pour apprendre comment ajouter une information.</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 qui consiste à improviser de la musique ou des visuels par l'utilisation d'un langage de programmation. Le <i>live coding</i> fait de l'acte de programmation un geste expressif et artistique. Les <i>live coders</i> considèrent l'interface de programmation comme un instrument artistique pour la création temps réel. Le <i>live coding</i> se situe aujourd'hui au croisement entre synthèse sonore, improvisation musicale et musique algorithmique générative.<br><br> Le <i>live coding</i> encourage une approche pluri-disciplinaire de la création qui mêle musique, arts visuels, informatique, jeux vidéos, danse, etc. Il s'agit aussi d'un domaine de critique des outils utilisés pour la création numérique. Par nature, la pratique encourage les artistes à ré-imaginer leur rapport à l'informatique. Le <i>live coding</i> est traversé par la culture <i>hacker</i>, par la philosophie du logiciel libre et <i>open source</i>. Les <i>live coders</i> ont tendance à considérer l'ordinateur comme un outil pour la <i>programmation exploratoire</i> ou la <i>programmation conversationnelle</i>, comme un outil de discussion et de médiation plutôt que comme un simple outil.<!-- HTML_TAG_END --></span></div> <p data-svelte-h="svelte-15f82xj">Historiquement, le <em>live coding</em> est un type de création porté par le collectif <a href="https://toplap.org" rel="nofollow">TOPLAP</a>. Il existe de nombreux groupes en Europe et dans le monde qui sont issus 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>). Limiter le <i>live coding</i> à ce phénomène culturel reviendrait à ne prêter à attention qu’à l’arbre qui cache la forêt. Le <em>live coding</em> est une pratique qui existe depuis la fin des années 1980 et que l’on retrouve <em>un peu partout</em>, de manière épisodique, dans l’ensemble des arts numériques.</p> <h1 data-svelte-h="svelte-9nyscp">À propos de ce site</h1> <p data-svelte-h="svelte-584miz">Ce site est conçu pour combler le vide qui existe aujourd’hui autour de ces pratiques. La communauté francophone du <em>live coding</em> ne possédait pas de site permettant aux artistes et musiciens français de se trouver 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 sur chacune des pages est randomisée pour favoriser la découverte.</p> <h1 data-svelte-h="svelte-15qmnqt">Comment contribuer ?</h1> <p data-svelte-h="svelte-1ht7736">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 membres qui se chargera de transmettre l’information.</p></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, 2],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|