davidbgk
/
larlet-fr-david-cache
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
Browse Source

Links

master
David Larlet 1 year ago
parent
02df758563
commit
a4a6f6a1c9
7 changed files with 626 additions and 0 deletions
Split View Show Diff Stats
  1. 191
    0
      cache/2023/04ad9e0f254b2d6111aef95102654f7d/index.html
  2. 5
    0
      cache/2023/04ad9e0f254b2d6111aef95102654f7d/index.md
  3. 196
    0
      cache/2023/3cffe9d9946878273e050e9d35d9bf9e/index.html
  4. 29
    0
      cache/2023/3cffe9d9946878273e050e9d35d9bf9e/index.md
  5. 183
    0
      cache/2023/ae079737f65e55da1d7a672b3a685b46/index.html
  6. 16
    0
      cache/2023/ae079737f65e55da1d7a672b3a685b46/index.md
  7. 6
    0
      cache/2023/index.html

+ 191
- 0
cache/2023/04ad9e0f254b2d6111aef95102654f7d/index.html View File

@@ -0,0 +1,191 @@
<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place? (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://countercraft.substack.com/p/maybe-the-book-doesnt-need-to-disrupted">

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<article>
<header>
<h1>Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?</h1>
</header>
<nav>
<p class="center">
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://countercraft.substack.com/p/maybe-the-book-doesnt-need-to-disrupted" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p><span>A dozen years ago, I was out of grad school and desperate for a job. (Ideally one I could slack off in while I wrote my novel.) I ended up in the offices of a tech startup that had big plans to use the emerging tech of ebooks to innovate, amplify, revolutionize, and fundamentally disrupt the entire concept of books! The exact name of the company doesn’t matter. There were plenty of them. “Enhanced ebooks” were </span><a href="https://www.nytimes.com/2010/07/29/books/29ebook.html" rel>buzzed about in every newspaper</a><span> and VCs were tossing millions at anyone who could put “gamify” and “publish” in the same sentence. The future was here, and these radical techno-books would make Gutenberg look like a troglodyte. </span></p>
<p><em>How</em><span> would books be revolutionized? That was less clear. Mostly the plan seemed to be adding pop-up videos and images to ebook files. You could be reading </span><em>The Great Gatsby</em><span> and click on the sentence “a single green light, minute and far away, that might have been the end of a dock” and see what a green light looks like I guess. </span></p>
<div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F888189d8-3b38-45d4-8027-5d7e70e2175b_298x222.png" rel></a><figcaption class="image-caption">A green light, possibly at the end of a dock</figcaption></figure></div>
<p>It seemed silly to me. Beyond a few specific types of books—a high school history textbook, say—few people are looking to have their reading experience constantly interrupted by pop-up videos. It’s distracting enough reading with cellphone text notifications going off. The last thing I want reading a novel is to pause mid-chapter and watch a video clip. </p>
<p>Perhaps my face showed my skepticism. I didn’t get the job. But 12 years later—a lifetime in tech—and the book is in more or less the shame shape it was 12 years ago or 120 years ago. “Enhanced ebooks” went nowhere. Ebooks themselves certainly exist, but despite all the hype about new fancy features most ebook readers—themselves a minority of book buyers—want their digital books to resemble printed books about as closely as possible. </p>
<p>In the intervening years, I’ve seen countless versions of enhanced books hyped. Last year, there were articles about how “web 3” and crypto would completely change publishing by [something something string of jargon] block chain! All the magazines publishing daily articles on Web 3 and NFTs have stopped talking about them, seemingly in embarrassment as the crypto space has been exposed as a series of Ponzi schemes. (The crypto crowd is too busy focusing on “disrupting” the legal system to keep themselves out of jail to innovate the novel, I guess.) So naturally everyone who, last year, was declaring crypto would revolutionize every aspect of life have pivoted to saying “A.I.” will revolutionize every aspect of life. And, like the tweet above, that means lots of predictions about how the book will be disrupted. (Commenters to the above tweet also suggested putting books in the “metaverse” so you can “live” books instead of read them, whatever that means…) </p>
<p>I’m on the record as a bit of an “A.I” skeptic. And I’m putting A.I. in scare quotes because a computer program that spits out text it doesn’t understand is not an “intelligence” really. (Renaming “software” as “A.I.” was a very clever marketing coup. People freak out when they hear an “A.I.” did something like win a spelling bee even though no one would be terribly impressed to hear a computer program with a built-in dictionary did that.) Still, I think what we’re calling A.I. will have significantly more impact on certain parts of our life than “enhanced ebooks.” Some predictions here: </p>
<p>Anyway, the fact that “A.I.” writing programs might have some uses (good and bad) doesn’t mean books will fundamentally change. The reason that all of these predictions for the disruption of the book have gone nowhere isn’t that the tech doesn’t work—well sometimes that’s the case—but because the book maybe just doesn’t need disruption. </p>
<p><span>Reading is a technology that works. And it works in part by immersing the reader in the text itself. The lack of video / music / pop-up ads / crypto tokens / mini-games aren’t a problem to be solve. The lack of those thing is the feature. Books are engaging precisely </span><em>because</em><span> they lack those things. </span></p>
<p><span>Then again it’s unclear to me what these tech-brain people actually mean, if anything, when they talk about disrupting books with gamification / enhancements / blockchain / VR / the metaverse / NFTs / or any other buzzword. I’ve never seen anyone explain their vision of this jargon that didn’t sound like they just wanted books to </span><em>be </em><span>video games or movies. </span></p>
<p>These mediums have their different purposes and we tend to want to use them separately. When you watch a movie, you want to watch a movie. When you read a book, you want to read a book. Few people want to play videogames where the action is interrupted by 30 pages of text or a half-hour cutscene. By the same token, few people want to read a novel and have the chapters interrupted by streaming videos or “gamified” functions. </p>
<p><span>One of the mistakes the tech stan makes is assuming </span><em>more </em><span>is always an improvement. That we always want more features, more apps, more enhancements. But when you have a well-functioning technology, often what you want is </span><em>less</em><span>. The reason that ebooks have stuck around isn’t because they have </span><em>more </em><span>features than books, it’s because they are simpler in certain contexts. I use ebooks primarily when I’m traveling, because an ebook reader weighs far less than a stack of books, or when I’m reading an unpublished manuscript from a friend or student, because it’s a pain to get printed and I want to </span><em>avoid </em><span>all the “features” of a laptop when reading. </span></p>
<p><span>Of course, I realize some people will read this newsletter and say I’m a “Luddite” or “dinosaur.” (Silly, perhaps, to say to </span><a href="https://www.amazon.com/Body-Scout-Novel-Lincoln-Michel/dp/0316628727" rel>a science fiction writer</a><span> who writes and thinks about the possibilities of new technology.) I was called those names when, a decade ago, I wrote articles saying that while ebooks would be a real thing it was unlikely they’d replace printed books in the way digital music replaced CDs. But the fact is the tech skeptics get it right at least as often as the tech optimists. Remember, the people telling you Web 3 or blockchain are about to usher in a revolution of all human life are the same ones tossing millions of dollars at Theranos and </span><a href="https://www.theguardian.com/technology/2017/sep/01/juicero-silicon-valley-shutting-down" rel>Juicero</a><span>. </span></p>
<div class="captioned-image-container"><figure><a class="image-link is-viewable-img image2" target="_blank" href="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2e95bac7-5a08-4f4f-a232-a863a8cf700d_757x452.png" rel></a><figcaption class="image-caption">120 million dollars in VC funding for… a machine that squeezes a bag of juice</figcaption></figure></div>
<p><span>But even framing these questions as “optimist” vs. “skeptic” is off. Often technology doesn’t fail or take over. Much of the time technology works fine, but just doesn’t </span><em>replace</em><span> something else that also works fine. </span></p>
<p><span>Recently I saw </span><em>Avatar 2</em><span> in theaters because, well, why not? At some point during the 3+ hour long film, I thought, huh, I don’t think I’ve seen a single movie in 3D since I saw the last Avatar movie 13 years ago. Weren’t 3D movies supposed to become the default movie experience? At least until holographic movies and VR movies and AR movies overtook them? </span></p>
<p><span>Despite all the hype when </span><em>Avatar </em><span>came out in 2009, 3D movies have never come close to replacing 2D screenings. Considering how much movie watching has moved to the home, especially since the pandemic, the percentage of movies watched in 3D is quite small. 3D films, like ebooks, aren’t failed technology. They function and enjoy a decent chunk of the marketplace. They have features that regular movies and regular books don’t… and yet most people most of the time prefer the “dinosaur” versions. </span></p>
<p>I guess what I’m saying is, the book is still a pretty good piece of tech all these centuries later. They’re plenty engaging without gadgets, features, and blockchains. Hell, maybe I’ll log off and read one now. </p>
<p><hr></p>
<p><em>If you want to read some of my thoughts about the future in book form, check out my science fiction novel </em><a href="https://bookshop.org/books/the-body-scout/9780316628723" rel>The Body Scout</a><em>, which </em><span>The New York Times</span><em> called “Timeless and original” and </em><span>Esquire </span><em>listed as one of the “50 Best Sci-Fi Books of All Time.”</em></p>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
</svg> Suivre</a> •
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
</svg> Pro</a> •
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
</svg> Email</a> •
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
</svg> Légal</abbr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
</svg> Thème</legend>
<label>
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
</label>
<label>
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé
</label>
<label>
<input type="radio" value="light" name="chosen-color-scheme"> Clair
</label>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
function loadThemeForm(templateName) {
const themeSelectorTemplate = document.querySelector(templateName)
const form = themeSelectorTemplate.content.firstElementChild
themeSelectorTemplate.replaceWith(form)

form.addEventListener('change', (e) => {
const chosenColorScheme = e.target.value
localStorage.setItem('theme', chosenColorScheme)
toggleTheme(chosenColorScheme)
})

const selectedTheme = localStorage.getItem('theme')
if (selectedTheme && selectedTheme !== 'undefined') {
form.querySelector(`[value="${selectedTheme}"]`).checked = true
}
}

const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
window.addEventListener('load', () => {
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const cssRule of styleSheet.cssRules) {
if (cssRule.type !== CSSRule.MEDIA_RULE) {
continue
}
// WARNING: Safari does not have/supports `conditionText`.
if (cssRule.conditionText) {
if (cssRule.conditionText !== prefersColorSchemeDark) {
continue
}
} else {
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
continue
}
}
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
}

// WARNING: do not try to insert a Rule to a styleSheet you are
// currently iterating on, otherwise the browser will be stuck
// in a infinite loop…
for (const mediaRule of mediaRules) {
styleSheet.insertRule(mediaRule.cssText)
hasDarkRules = true
}
}
if (hasDarkRules) {
loadThemeForm('#theme-selector')
}
})
</script>
</body>
</html>

+ 5
- 0
cache/2023/04ad9e0f254b2d6111aef95102654f7d/index.md
File diff suppressed because it is too large
View File


+ 196
- 0
cache/2023/3cffe9d9946878273e050e9d35d9bf9e/index.html View File

@@ -0,0 +1,196 @@
<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>Exploratrices, un prototype de jeu vidéo (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://marienfressinaud.fr/exploratrices.html">

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<article>
<header>
<h1>Exploratrices, un prototype de jeu vidéo</h1>
</header>
<nav>
<p class="center">
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://marienfressinaud.fr/exploratrices.html" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>J’ai créé un prototype de jeu vidéo.</p>
<p>Il s’agit d’un jeu narratif qui se joue avec des commandes textuelles.
C’est-à-dire que c’est un jeu qui se « lit » et il vous faut écrire des commandes pour jouer.
Ce gameplay est inspiré des « <a href="https://fr.wikipedia.org/wiki/Multi-user_dungeon"><i lang="en">Multi-user dungeon</i></a> » (aussi appelés MUD).
J’étais curieux d’en créer un dans un navigateur.</p>
<p>Il se nomme « Exploratrices » et vous y incarnez une Exploratrice qui arrive dans le village de Sylvaluna.
Le but est simplement de vous balader pour en apprendre plus sur le village en observant ses habitantes.</p>
<p><strong>Vous pouvez y jouer sur <a href="https://exploratrices.yuzu.ovh/">exploratrices.yuzu.ovh</a>.</strong></p>
<p>Information importante : ce prototype ne restera en ligne qu’au maximum pendant 2 mois.</p>
<p>Il est extrêmement court.<br>
Il est extrêmement simple.<br>
Il est extrêmement rudimentaire.<br>
Mais il est terminé, et c’est le plus important.</p>
<hr>
<p>Je ne compte pas continuer ce prototype.
Taper des commandes n’a pas beaucoup de sens en termes de gameplay dans un jeu dont ce n’est pas le thème.
C’est même assez vite chiant dans un navigateur Web.
C’était ce que je voulais tester et je sais désormais que je veux une expérience de jeu différente.</p>
<p>Cela étant dit, les quelques lignes de code que j’ai pu écrire pour ce projet m’ont donné plein de perspectives, y compris du multi-joueurs.
Je ne sais pas si je passerai beaucoup de temps là-dessus cette année, mais je sais que ce ne serait pas si compliqué de faire quelque chose de chouette.</p>
<p>Et puis je me suis attaché à l’univers, j’aimerais l’explorer un peu plus à l’occasion.</p>
<hr>
<p>Si vous voulez en apprendre plus sur le projet, j’ai tout détaillé dans le fichier README du projet.
Vous le trouverez ici : <a href="https://framagit.org/marienfressinaud/exploratrices/-/blob/main/README.md">framagit.org/marienfressinaud/exploratrices</a></p>
<p>J’y parle des mécaniques de jeu, de la technique et même du processus d’écriture avec… ChatGPT.</p>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
</svg> Suivre</a> •
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
</svg> Pro</a> •
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
</svg> Email</a> •
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
</svg> Légal</abbr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
</svg> Thème</legend>
<label>
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
</label>
<label>
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé
</label>
<label>
<input type="radio" value="light" name="chosen-color-scheme"> Clair
</label>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
function loadThemeForm(templateName) {
const themeSelectorTemplate = document.querySelector(templateName)
const form = themeSelectorTemplate.content.firstElementChild
themeSelectorTemplate.replaceWith(form)

form.addEventListener('change', (e) => {
const chosenColorScheme = e.target.value
localStorage.setItem('theme', chosenColorScheme)
toggleTheme(chosenColorScheme)
})

const selectedTheme = localStorage.getItem('theme')
if (selectedTheme && selectedTheme !== 'undefined') {
form.querySelector(`[value="${selectedTheme}"]`).checked = true
}
}

const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
window.addEventListener('load', () => {
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const cssRule of styleSheet.cssRules) {
if (cssRule.type !== CSSRule.MEDIA_RULE) {
continue
}
// WARNING: Safari does not have/supports `conditionText`.
if (cssRule.conditionText) {
if (cssRule.conditionText !== prefersColorSchemeDark) {
continue
}
} else {
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
continue
}
}
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
}

// WARNING: do not try to insert a Rule to a styleSheet you are
// currently iterating on, otherwise the browser will be stuck
// in a infinite loop…
for (const mediaRule of mediaRules) {
styleSheet.insertRule(mediaRule.cssText)
hasDarkRules = true
}
}
if (hasDarkRules) {
loadThemeForm('#theme-selector')
}
})
</script>
</body>
</html>

+ 29
- 0
cache/2023/3cffe9d9946878273e050e9d35d9bf9e/index.md View File

@@ -0,0 +1,29 @@
title: Exploratrices, un prototype de jeu vidéo
url: https://marienfressinaud.fr/exploratrices.html
hash_url: 3cffe9d9946878273e050e9d35d9bf9e

<p>J’ai créé un prototype de jeu vidéo.</p>
<p>Il s’agit d’un jeu narratif qui se joue avec des commandes textuelles.
C’est-à-dire que c’est un jeu qui se « lit » et il vous faut écrire des commandes pour jouer.
Ce gameplay est inspiré des « <a href="https://fr.wikipedia.org/wiki/Multi-user_dungeon"><i lang="en">Multi-user dungeon</i></a> » (aussi appelés MUD).
J’étais curieux d’en créer un dans un navigateur.</p>
<p>Il se nomme « Exploratrices » et vous y incarnez une Exploratrice qui arrive dans le village de Sylvaluna.
Le but est simplement de vous balader pour en apprendre plus sur le village en observant ses habitantes.</p>
<p><strong>Vous pouvez y jouer sur <a href="https://exploratrices.yuzu.ovh/">exploratrices.yuzu.ovh</a>.</strong></p>
<p>Information importante : ce prototype ne restera en ligne qu’au maximum pendant 2 mois.</p>
<p>Il est extrêmement court.<br>
Il est extrêmement simple.<br>
Il est extrêmement rudimentaire.<br>
Mais il est terminé, et c’est le plus important.</p>
<hr>
<p>Je ne compte pas continuer ce prototype.
Taper des commandes n’a pas beaucoup de sens en termes de gameplay dans un jeu dont ce n’est pas le thème.
C’est même assez vite chiant dans un navigateur Web.
C’était ce que je voulais tester et je sais désormais que je veux une expérience de jeu différente.</p>
<p>Cela étant dit, les quelques lignes de code que j’ai pu écrire pour ce projet m’ont donné plein de perspectives, y compris du multi-joueurs.
Je ne sais pas si je passerai beaucoup de temps là-dessus cette année, mais je sais que ce ne serait pas si compliqué de faire quelque chose de chouette.</p>
<p>Et puis je me suis attaché à l’univers, j’aimerais l’explorer un peu plus à l’occasion.</p>
<hr>
<p>Si vous voulez en apprendre plus sur le projet, j’ai tout détaillé dans le fichier README du projet.
Vous le trouverez ici : <a href="https://framagit.org/marienfressinaud/exploratrices/-/blob/main/README.md">framagit.org/marienfressinaud/exploratrices</a></p>
<p>J’y parle des mécaniques de jeu, de la technique et même du processus d’écriture avec… ChatGPT.</p>

+ 183
- 0
cache/2023/ae079737f65e55da1d7a672b3a685b46/index.html View File

@@ -0,0 +1,183 @@
<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>Tolerance for boredom (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://aworkinglibrary.com/writing/tolerance-for-boredom">

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<article>
<header>
<h1>Tolerance for boredom</h1>
</header>
<nav>
<p class="center">
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://aworkinglibrary.com/writing/tolerance-for-boredom" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>Byung-Chul Han on attention and boredom:</p>

<blockquote>
<p>We owe the cultural achievements of humanity—which include philosophy—to deep, contemplative attention. Culture presumes an environment in which deep attention is possible. Increasingly, such immersive reflection is being displaced by an entirely different form of attention: hyperattention. A rash change of focus between different tasks, sources of information, and process characterizes this scattered mode of awareness. Since it also has a low tolerance for boredom, it does not admit of the profound idleness that benefits the creative process. Walter Benjamin calls this deep boredom a “dream bird that hatches the egg of experience.” If sleep represents the high point of bodily relaxation, deep boredom is the peak of mental relaxation. A purely hectic rush produces nothing new. It reproduces and accelerates what is already available.</p>
<cite><a href="https://aworkinglibrary.com/reading/burnout-society">Han, <em>The Burnout Society</em>, page 13</a></cite>
</blockquote>

<p>I hold those first two sentences lightly—it’s self-serving for Han to attribute the cultural achievements of society to characteristics that have been especially helpful for his field of philosophy, and I am unwilling to reject the possibility that other modes—especially non-Western, non-colonialist modes of thinking—have produced great cultural achievements. (Albeit ones probably erased or dismissed by Western thinkers.) That said, I do take to heart his diagnosis of our current predicament, especially with respect to the lack of boredom.</p>

<p>There’s a quote from a writer that has rattled around in my head for years (although I have never been able to source it, leading me to wonder if I accidentally made it up), but it went something like, “I only need a half hour a day to write. But I have to wait around an awful long time for that half hour to show up.” I think about this all the time—that the actual amount of time spent in doing something creative (writing, designing, making music, whathaveyou) is often buffered by hours and hours on either side by real—sometimes pleasant, sometimes infuriating—boredom.</p>

<p>This of course brings me back to <a href="https://aworkinglibrary.com/writing/waste-time">Mary Ruefle</a>, whose words on this topic have become something of a mantra: that creativity requires <em>wasting time</em>. But here wasted time isn’t time spent unproductively—time spent scrolling, or playing games, or skittering around the internet—but rather time spent <em>not doing</em>. She calls it “a necessary void of fomentation.” That is, not merely an absence of doing, but a not-doing so complete it doesn’t stimulate, and it doesn’t heal. It merely waits—patiently or otherwise—for an arrival. I fear we have forgotten how to wait.<img class="stopmark" alt="" src="../img/stop.gif"></p>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
</svg> Suivre</a> •
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
</svg> Pro</a> •
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
</svg> Email</a> •
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
</svg> Légal</abbr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
</svg> Thème</legend>
<label>
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
</label>
<label>
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé
</label>
<label>
<input type="radio" value="light" name="chosen-color-scheme"> Clair
</label>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
function loadThemeForm(templateName) {
const themeSelectorTemplate = document.querySelector(templateName)
const form = themeSelectorTemplate.content.firstElementChild
themeSelectorTemplate.replaceWith(form)

form.addEventListener('change', (e) => {
const chosenColorScheme = e.target.value
localStorage.setItem('theme', chosenColorScheme)
toggleTheme(chosenColorScheme)
})

const selectedTheme = localStorage.getItem('theme')
if (selectedTheme && selectedTheme !== 'undefined') {
form.querySelector(`[value="${selectedTheme}"]`).checked = true
}
}

const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
window.addEventListener('load', () => {
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const cssRule of styleSheet.cssRules) {
if (cssRule.type !== CSSRule.MEDIA_RULE) {
continue
}
// WARNING: Safari does not have/supports `conditionText`.
if (cssRule.conditionText) {
if (cssRule.conditionText !== prefersColorSchemeDark) {
continue
}
} else {
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
continue
}
}
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
}

// WARNING: do not try to insert a Rule to a styleSheet you are
// currently iterating on, otherwise the browser will be stuck
// in a infinite loop…
for (const mediaRule of mediaRules) {
styleSheet.insertRule(mediaRule.cssText)
hasDarkRules = true
}
}
if (hasDarkRules) {
loadThemeForm('#theme-selector')
}
})
</script>
</body>
</html>

+ 16
- 0
cache/2023/ae079737f65e55da1d7a672b3a685b46/index.md View File

@@ -0,0 +1,16 @@
title: Tolerance for boredom
url: https://aworkinglibrary.com/writing/tolerance-for-boredom
hash_url: ae079737f65e55da1d7a672b3a685b46

<p>Byung-Chul Han on attention and boredom:</p>

<blockquote>
<p>We owe the cultural achievements of humanity—which include philosophy—to deep, contemplative attention. Culture presumes an environment in which deep attention is possible. Increasingly, such immersive reflection is being displaced by an entirely different form of attention: hyperattention. A rash change of focus between different tasks, sources of information, and process characterizes this scattered mode of awareness. Since it also has a low tolerance for boredom, it does not admit of the profound idleness that benefits the creative process. Walter Benjamin calls this deep boredom a “dream bird that hatches the egg of experience.” If sleep represents the high point of bodily relaxation, deep boredom is the peak of mental relaxation. A purely hectic rush produces nothing new. It reproduces and accelerates what is already available.</p>
<cite><a href="https://aworkinglibrary.com/reading/burnout-society">Han, <em>The Burnout Society</em>, page 13</a></cite>
</blockquote>

<p>I hold those first two sentences lightly—it’s self-serving for Han to attribute the cultural achievements of society to characteristics that have been especially helpful for his field of philosophy, and I am unwilling to reject the possibility that other modes—especially non-Western, non-colonialist modes of thinking—have produced great cultural achievements. (Albeit ones probably erased or dismissed by Western thinkers.) That said, I do take to heart his diagnosis of our current predicament, especially with respect to the lack of boredom.</p>

<p>There’s a quote from a writer that has rattled around in my head for years (although I have never been able to source it, leading me to wonder if I accidentally made it up), but it went something like, “I only need a half hour a day to write. But I have to wait around an awful long time for that half hour to show up.” I think about this all the time—that the actual amount of time spent in doing something creative (writing, designing, making music, whathaveyou) is often buffered by hours and hours on either side by real—sometimes pleasant, sometimes infuriating—boredom.</p>

<p>This of course brings me back to <a href="https://aworkinglibrary.com/writing/waste-time">Mary Ruefle</a>, whose words on this topic have become something of a mantra: that creativity requires <em>wasting time</em>. But here wasted time isn’t time spent unproductively—time spent scrolling, or playing games, or skittering around the internet—but rather time spent <em>not doing</em>. She calls it “a necessary void of fomentation.” That is, not merely an absence of doing, but a not-doing so complete it doesn’t stimulate, and it doesn’t heal. It merely waits—patiently or otherwise—for an arrival. I fear we have forgotten how to wait.<img class="stopmark" alt="" src="../img/stop.gif"></p>

+ 6
- 0
cache/2023/index.html View File

@@ -77,6 +77,8 @@
<li><a href="/david/cache/2022/927159a754f4d7d9e176f5f8397dbf02/" title="Accès à l’article dans le cache local : ce qui est passé">ce qui est passé</a> (<a href="https://www.la-grange.net/2023/01/07/passe" title="Accès à l’article original distant : ce qui est passé">original</a>)</li>
<li><a href="/david/cache/2022/04ad9e0f254b2d6111aef95102654f7d/" title="Accès à l’article dans le cache local : Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?">Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?</a> (<a href="https://countercraft.substack.com/p/maybe-the-book-doesnt-need-to-disrupted" title="Accès à l’article original distant : Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?">original</a>)</li>
<li><a href="/david/cache/2022/3e86aa622ac1361400a4b7c0013efdd3/" title="Accès à l’article dans le cache local : Le dernier arrêt">Le dernier arrêt</a> (<a href="https://www.la-grange.net/2023/01/09/arret" title="Accès à l’article original distant : Le dernier arrêt">original</a>)</li>
<li><a href="/david/cache/2022/646ebfa25432bc6b653e524b52d25c9a/" title="Accès à l’article dans le cache local : Keep it simple, stupid le plus longtemps possible">Keep it simple, stupid le plus longtemps possible</a> (<a href="https://sklein.xyz/garden/020-keep-it-simple-stupid-le-plus-longtemps-possible/" title="Accès à l’article original distant : Keep it simple, stupid le plus longtemps possible">original</a>)</li>
@@ -147,6 +149,10 @@
<li><a href="/david/cache/2022/e976e16ee3e2dae4d644733ffb50fa9f/" title="Accès à l’article dans le cache local : J’ai un aveu à vous faire.">J’ai un aveu à vous faire.</a> (<a href="https://sebsauvage.net/links/?-wKcIw" title="Accès à l’article original distant : J’ai un aveu à vous faire.">original</a>)</li>
<li><a href="/david/cache/2022/3cffe9d9946878273e050e9d35d9bf9e/" title="Accès à l’article dans le cache local : Exploratrices, un prototype de jeu vidéo">Exploratrices, un prototype de jeu vidéo</a> (<a href="https://marienfressinaud.fr/exploratrices.html" title="Accès à l’article original distant : Exploratrices, un prototype de jeu vidéo">original</a>)</li>
<li><a href="/david/cache/2022/ae079737f65e55da1d7a672b3a685b46/" title="Accès à l’article dans le cache local : Tolerance for boredom">Tolerance for boredom</a> (<a href="https://aworkinglibrary.com/writing/tolerance-for-boredom" title="Accès à l’article original distant : Tolerance for boredom">original</a>)</li>
</ul>
</main>


Write Preview
Loading…
Cancel
Save