Simplification de l'aventure
This commit is contained in:
@@ -1,71 +0,0 @@
|
||||
---
|
||||
title: "Daily Log - 18 Janvier 2026"
|
||||
publishDate: 2026-01-18
|
||||
tags: ["Daily", "Pivot", "Organisation"]
|
||||
---
|
||||
import Key from '~/components/bujo/Key.astro';
|
||||
|
||||
<div class="mb-8 p-4 bg-blue-50 border-l-4 border-blue-400">
|
||||
<h2 class="text-xl font-bold text-slate-800 mb-2"><Key symbol="⚓" /> Ancrage & Bien-être</h2>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="•" /> Routine du matin (douche, dents...)</li>
|
||||
<li><Key symbol="X" /> Activité physique</li>
|
||||
<li><Key symbol="–" /> Qualité du sommeil (1-5) : 3</li>
|
||||
<li><Key symbol="–" /> Humeur du jour (1-5) : 4</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="*" /> Objectifs du Dimanche</h2>
|
||||
<p class="text-sm text-slate-500 mb-3">Une ou deux choses pour profiter de la journée et se sentir bien.</p>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="X" /> [Objectif principal]</li>
|
||||
<li><Key symbol="X" /> [Autre petite tâche]</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="$" /> Organisation & Budget</h2>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="X" /> Planifier les repas de la semaine à venir</li>
|
||||
<li><Key symbol="X" /> Chercher une activité gratuite ou un bon plan</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="•" /> Foyer & Préparation de la semaine</h2>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="X" /> Session de rangement (15 min)</li>
|
||||
<li><Key symbol="X" /> Préparer les vêtements pour lundi</li>
|
||||
<li><Key symbol="X" /> Tâche ménagère au choix (lessive, vaisselle...)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="♡" /> Loisirs & Note du jour</h2>
|
||||
<p class="text-slate-600 mt-2">Un moment pour soi, une pensée, une petite victoire :</p>
|
||||
<p class="mt-4 p-3 bg-amber-50 text-amber-900 border-l-4 border-amber-400 rounded-r-lg italic">Ce matin après la séance d'hier c'était très compliqué de pouvoir tenir la routine du jour. Je me suis réveillé vers 13h30, je suis sorti du lit vers 14h 14h30... Mais je me sens reposé, je n'ai pas le cou qui tire aujourd'hui, ou encore de migraine particulière. Deux objectifs principales aujourd'hui. La première était de faire le résumé de la session de JDR d'hier. La seconde de commencer à créer mon bullet Journal, ce n'est que le début mais c'est déjà ça.. J'ai réussi à faire les deux et j'ai fait ma lessive, j'ai tendu mon ligne. J'ai rangé un peu mes affaires. J’ai créé mon bullet journal aujourd’hui je suis trop content.. Il y a tellement de chose à faire encore mais franchement, ça fait plaisir !</p>
|
||||
<textarea id="daily-note" class="w-full mt-2 p-2 border rounded bg-slate-50" rows="2" placeholder="..."></textarea>
|
||||
</div>
|
||||
|
||||
<script is:inline>
|
||||
{`
|
||||
// On s'assure que le script s'exécute une fois la page chargée
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const textarea = document.getElementById('daily-note');
|
||||
// Clé unique pour cette entrée de journal, basée sur la date
|
||||
const storageKey = 'note-' + new URL(window.location.href).pathname;
|
||||
|
||||
// 1. Charger la note sauvegardée au chargement de la page
|
||||
const savedNote = localStorage.getItem(storageKey);
|
||||
if (savedNote) {
|
||||
textarea.value = savedNote;
|
||||
}
|
||||
|
||||
// 2. Sauvegarder la note à chaque fois que l'on écrit dedans
|
||||
textarea.addEventListener('input', () => {
|
||||
localStorage.setItem(storageKey, textarea.value);
|
||||
});
|
||||
});
|
||||
`}
|
||||
</script>
|
||||
@@ -1,62 +0,0 @@
|
||||
---
|
||||
title: "Daily Log - 19 Janvier 2026"
|
||||
publishDate: 2026-01-19
|
||||
tags: ["Daily", "Work", "Organisation"]
|
||||
---
|
||||
import Key from '~/components/bujo/Key.astro';
|
||||
|
||||
<div class="mb-8 p-4 bg-blue-50 border-l-4 border-blue-400">
|
||||
<h2 class="text-xl font-bold text-slate-800 mb-2"><Key symbol="⚓" /> Ancrage & Bien-être</h2>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="X" /> Routine du matin (douche, dents...)</li>
|
||||
<li><Key symbol="X" /> Activité physique douce (étirements, marche...)</li>
|
||||
<li><Key symbol="–" /> Qualité du sommeil (1-5) : 4</li>
|
||||
<li><Key symbol="–" /> Humeur du jour (1-5) : 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="*" /> Priorités du Jour (Pro & Perso)</h2>
|
||||
<p class="text-sm text-slate-500 mb-3">Se concentrer sur 1 à 3 tâches essentielles pour avancer.</p>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="X" /> [Tâche pro n°1]</li>
|
||||
<li><Key symbol=">" /> [Tâche pro n°2]</li>
|
||||
<li><Key symbol=">" /> [Tâche perso importante]</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="$" /> Organisation & Budget</h2>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="X" /> Planifier le repas du soir</li>
|
||||
<li><Key symbol="<" /> Point rapide sur les comptes</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="•" /> Foyer & Routine du soir</h2>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="X" /> Remplir mon carnet à dessin et projets</li>
|
||||
<li><Key symbol=">" /> Ranger l'espace de travail (5 min)</li>
|
||||
<li><Key symbol="X" /> Préparer les affaires pour demain</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="♡" /> Loisirs & Note du jour</h2>
|
||||
<p class="text-slate-600 mt-2">Un moment pour soi, une pensée, une petite victoire :</p>
|
||||
<p class="mt-4 p-3 bg-amber-50 text-amber-900 border-l-4 border-amber-400 rounded-r-lg italic">Ce matin réveil à l'heure, j'étais trop bien dans mon lit... Je sentait que ma nuit a était reposante. J'avais pas trop de douleur, ça tirait un peu, juste assez pour que je me rende compte que ça ne me faisait pas mal. je suis partie de chez moi à vélo, en forme et avec un moral d'acier fort d'avoir réalisé ce bel outil hier... De samedi j'ai eu un appel concernant LEO qui demandait à mettre un article au tarif défini, le problème c'est que c'est la 5ème fois qu'il m’appelle pour ce type d'article. Alors je me suis investi d'une mission aujourd'hui, mettre en lumière l'erreur et faire en sorte de structurer un tableur avec toute les corrections à mettre en place. Ce qui a était fait bon j'ai fini un peu plus tard que d'habitude mais ça en valait la peine. Peut-être diront-il demain que ça ne sert à rien. En tout cas moi je sais que ça sert à quelque chose. Ce soir j'ai commencé à remplir mon BUJO. Mais je dois surtout organiser des tâches dans un véritable carnet et noter ce qui doit être améliorer ou modifier pour rendre ce travail loin d'être fastidieux. Ce soir ce sera simple au niveau du repas, rien de folichon, juste de quoi sustenter mon estomac. Il faudrait que je pense à la section recette. Pour les comptes, idem il faudrait que j'y penses également. Et aussi à améliorer chaque point de ce Bujo. Je dois aussi structurer mes routines pour l'entretien de ma maison. Il faudrait aussi peut-être que je penses à un petit espace de notification... Enfin à voir c'est pas le plus urgent. En attendant ce soir une fois que j'ai finaliser de remplir toute les sections on s'attarde dans un vrai carnet de note avec des crayons ^^</p>
|
||||
<textarea id="daily-note-19" class="w-full mt-2 p-2 border rounded bg-slate-50" rows="2" placeholder="..."></textarea>
|
||||
</div>
|
||||
|
||||
<script is:inline>
|
||||
{`
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const textarea = document.getElementById('daily-note-19');
|
||||
const storageKey = 'note-/bujo/2026/01/19';
|
||||
const savedNote = localStorage.getItem(storageKey);
|
||||
if (savedNote) textarea.value = savedNote;
|
||||
textarea.addEventListener('input', () => localStorage.setItem(storageKey, textarea.value));
|
||||
});
|
||||
`}
|
||||
</script>
|
||||
@@ -1,61 +0,0 @@
|
||||
---
|
||||
title: "Daily Log - 20 Janvier 2026"
|
||||
publishDate: 2026-01-20
|
||||
tags: ["Daily", "Work", "Organisation"]
|
||||
---
|
||||
import Key from '~/components/bujo/Key.astro';
|
||||
|
||||
<div class="mb-8 p-4 bg-blue-50 border-l-4 border-blue-400">
|
||||
<h2 class="text-xl font-bold text-slate-800 mb-2"><Key symbol="⚓" /> Ancrage & Bien-être</h2>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="•" /> Routine du matin (douche, dents...)</li>
|
||||
<li><Key symbol="•" /> Activité physique douce (étirements, marche...)</li>
|
||||
<li><Key symbol="–" /> Qualité du sommeil (1-5) : __</li>
|
||||
<li><Key symbol="–" /> Humeur du jour (1-5) : __</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="*" /> Priorités du Jour (Pro & Perso)</h2>
|
||||
<p class="text-sm text-slate-500 mb-3">Se concentrer sur 1 à 3 tâches essentielles pour avancer.</p>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="•" /> [Tâche pro n°2 d'hier]</li>
|
||||
<li><Key symbol="•" /> [Tâche pro n°1]</li>
|
||||
<li><Key symbol="•" /> [Tâche pro n°2]</li>
|
||||
<li><Key symbol="•" /> [Tâche perso importante d'hier]</li>
|
||||
<li><Key symbol="•" /> [Tâche perso importante]</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="$" /> Organisation & Budget</h2>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="•" /> Planifier le repas du soir</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="•" /> Foyer & Routine du soir</h2>
|
||||
<ul class="space-y-2">
|
||||
<li><Key symbol="•" /> Ranger l'espace de travail (10 min)</li>
|
||||
<li><Key symbol="•" /> Préparer les affaires pour demain</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h2 class="text-xl font-bold text-slate-700"><Key symbol="♡" /> Loisirs & Note du jour</h2>
|
||||
<p class="text-slate-600 mt-2">Un moment pour soi, une pensée, une petite victoire :</p>
|
||||
<textarea id="daily-note-20" class="w-full mt-2 p-2 border rounded bg-slate-50" rows="2" placeholder="..."></textarea>
|
||||
</div>
|
||||
|
||||
<script is:inline>
|
||||
{`
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const textarea = document.getElementById('daily-note-20');
|
||||
const storageKey = 'note-/bujo/2026/01/20';
|
||||
const savedNote = localStorage.getItem(storageKey);
|
||||
if (savedNote) textarea.value = savedNote;
|
||||
textarea.addEventListener('input', () => localStorage.setItem(storageKey, textarea.value));
|
||||
});
|
||||
`}
|
||||
</script>
|
||||
@@ -1,5 +0,0 @@
|
||||
---
|
||||
title: "Fin des frais d'agence"
|
||||
publishDate: 2026-08-01
|
||||
tags: ["future-log", "pro"]
|
||||
---
|
||||
@@ -1,5 +0,0 @@
|
||||
---
|
||||
title: "Publier la dernière mouture du site"
|
||||
publishDate: 2026-02-01
|
||||
tags: ["future-log", "pro"]
|
||||
---
|
||||
@@ -1,35 +0,0 @@
|
||||
---
|
||||
title: "Négocier contrat Cirrus"
|
||||
publishDate: 2026-04-01
|
||||
tags: ["future-log", "pro"]
|
||||
---
|
||||
|
||||
*• Préparer la renégociation du contrat.
|
||||
– Deux ans d'ancienneté, c'est un pivot stratégique. Le moment est venu d'aligner le contrat avec la valeur apportée.
|
||||
|
||||
### A. Bilan des Réalisations (Le Factuel)
|
||||
|
||||
• Lister les réalisations concrètes :
|
||||
- $ Chiffres clés (hausse CA, gain de temps, économies).
|
||||
- • Projets complexes menés de A à Z.
|
||||
- • Tâches et responsabilités acquises hors contrat initial (Argument n°1).
|
||||
|
||||
### B. Étude du Marché
|
||||
|
||||
👁️ Rechercher ma valeur sur le marché actuel :
|
||||
- • Consulter les simulateurs de salaire (Apec, Glassdoor).
|
||||
- • Analyser les offres d'emploi pour des postes similaires.
|
||||
– L'objectif n'est pas de menacer, mais de démontrer une connaissance de ma valeur.
|
||||
|
||||
### C. Préparer le "Panier de Négociation"
|
||||
|
||||
• Définir les demandes au-delà du salaire :
|
||||
- $ Rémunération : Salaire de base, primes.
|
||||
- ♡ Qualité de vie : Télétravail, aménagement d'horaires.
|
||||
- • Évolution : Formation certifiante, changement de poste.
|
||||
|
||||
### D. L'Entretien
|
||||
|
||||
< ○ Demander un entretien spécifique pour discuter de mon évolution.
|
||||
– Pendant l'entretien : rester positif, être précis dans les demandes, et préparer une réponse au "non" ("Que dois-je accomplir dans les 6 prochains mois ?").
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
---
|
||||
title: "Plannifier mon mois de février"
|
||||
publishDate: 2026-01-20
|
||||
tags: ["future-log", "pro", "perso"]
|
||||
---
|
||||
@@ -1,5 +0,0 @@
|
||||
---
|
||||
title: "Repas d'entreprise pour la cohésion d'équipe"
|
||||
publishDate: 2026-02-15
|
||||
tags: ["future-log", "pro"]
|
||||
---
|
||||
@@ -1,6 +0,0 @@
|
||||
---
|
||||
title: "Vacances, rencontres et affaires"
|
||||
publishDate: 2026-09-15
|
||||
tags: ["future-log", "perso"]
|
||||
---
|
||||
Préparer le voyage pour la métropole et réserver les billets.
|
||||
@@ -1,29 +0,0 @@
|
||||
---
|
||||
title: "L'Anatomie du Mouvement"
|
||||
subtitle: "Animer pour le Web"
|
||||
publishDate: 2026-01-14
|
||||
tags: ["Blender", "Pipeline", "Animation", "Rigging"]
|
||||
domain: "3D"
|
||||
concept2D: "Créer un GIF animé à partir d'une séquence d'images."
|
||||
mecanique: "Stocker plusieurs animations dans l'Éditeur d'actions non linéaires (NLA) pour les exporter en une seule fois."
|
||||
vision3D: "Une statue qui bouge n'est pas vivante. Une créature vivante exprime une intention dans chaque mouvement. Le NLA Editor est le grimoire où l'on écrit les différents 'états d'âme' de l'avatar (marche, course, attente) pour pouvoir les invoquer à volonté dans le code."
|
||||
status: "À explorer"
|
||||
---
|
||||
|
||||
Le mouvement est la manifestation la plus pure du souffle de vie. Pour qu'il s'exprime dans Three.js, il doit être correctement catalogué dans Blender.
|
||||
|
||||
### La Check-list de l'Animateur
|
||||
|
||||
1. **Une Armature, Un Corps :**
|
||||
* **Mécanique :** Le maillage de votre personnage (`Mesh`) doit être parenté à un seul objet `Armature`. Évitez les armatures multiples.
|
||||
* **Vision :** Le squelette est unique. Il est le conduit par lequel le souffle se propage dans tout le corps.
|
||||
|
||||
2. **Le Grimoire des Actions (NLA Editor) :**
|
||||
* **Mécanique :** Ne laissez pas vos animations en vrac. Pour chaque animation (ex: `marche`, `course`), allez dans l'éditeur d'actions, créez une nouvelle action, puis cliquez sur le bouton "Stocker l'action" (Push Down). Cela l'ajoute comme une "piste" dans l'éditeur NLA.
|
||||
* **Vision :** Chaque piste est un chapitre de la vie de votre personnage. En les nommant correctement, vous pourrez dire à votre code : "Maintenant, lis le chapitre de la course" ou "Joue l'incantation de l'attente".
|
||||
|
||||
3. **Exporter les Actions :**
|
||||
* **Mécanique :** Dans les paramètres d'export GLB, sous l'onglet `Animation`, assurez-vous que "Animer les actions" est coché et que "Exporter les actions NLA" l'est aussi.
|
||||
* **Vision :** C'est le sceau final qui lie tous les chapitres de votre grimoire d'animations au cristal `.glb` avant son grand voyage.
|
||||
|
||||
En suivant ces préceptes, vous pourrez, dans Three.js, charger votre modèle et accéder à un tableau de toutes ses animations par leur nom, prêt à insuffler le véritable Hebel à votre création.
|
||||
@@ -1,34 +0,0 @@
|
||||
---
|
||||
title: "Le Sceau de Transmutation"
|
||||
subtitle: "Exporter en GLB/GLTF pour le Web"
|
||||
publishDate: 2026-01-14
|
||||
tags: ["Blender", "Pipeline", "GLTF", "Export"]
|
||||
domain: "3D"
|
||||
concept2D: "Enregistrer un fichier en 'JPEG pour le Web' avec les bons réglages de compression."
|
||||
mecanique: "Configurer les paramètres de l'exportateur GLTF 2.0 pour optimiser la taille et la compatibilité."
|
||||
vision3D: "L'export n'est pas une simple sauvegarde. C'est un rituel qui enferme l'essence du modèle dans un cristal (le fichier .glb) pour son voyage vers le monde du navigateur. Un rituel mal exécuté peut briser le cristal ou en altérer le contenu."
|
||||
status: "À explorer"
|
||||
---
|
||||
|
||||
Le format `.glb` (GLTF Binaire) est le vaisseau qui transportera votre création. Le configurer correctement, c'est s'assurer que le voyage se fasse sans perte et que le modèle arrive intact et léger.
|
||||
|
||||
### La Check-list du Rituel d'Exportation (`Fichier > Exporter > gLTF 2.0`)
|
||||
|
||||
1. **Format :**
|
||||
* Choisissez **`gLTF Binaire (.glb)`**. Il contient tout (modèle, textures, animations) en un seul fichier, plus simple à gérer dans le code.
|
||||
|
||||
2. **Onglet `Inclure` :**
|
||||
* **`Objets sélectionnés` :** Cochez **toujours** cette case. Vous ne voulez exporter que votre personnage, pas les lumières ou caméras de votre scène de travail.
|
||||
* **`Propriétés personnalisées` :** Utile pour passer des données de Blender au code.
|
||||
* **`Caméras` / `Lumières directionnelles` :** Décochez-les. La lumière et la caméra doivent être gérées par Three.js pour un contrôle total.
|
||||
|
||||
3. **Onglet `Transformation` :**
|
||||
* **`+Y vers le Haut` :** Toujours coché. C'est la convention de Three.js.
|
||||
|
||||
4. **Onglet `Géométrie` :**
|
||||
* **`Appliquer les modificateurs` :** Cochez cette case, sauf si vous utilisez des Shape Keys (morphings) pour la déformation.
|
||||
* **`Compression` :** **Activez-la !** C'est le secret pour des modèles légers qui se chargent vite. L'algorithme Draco de Google est extrêmement efficace.
|
||||
|
||||
5. **Onglet `Animation` :**
|
||||
* **`Animer les actions` :** Cochez cette case.
|
||||
* **`Élaguer les animations` :** Cochez pour enlever les images-clés inutiles qui alourdissent le fichier.
|
||||
@@ -1,35 +0,0 @@
|
||||
---
|
||||
title: "La Discipline de la Forme"
|
||||
subtitle: "Préparer le Modèle pour le Souffle"
|
||||
publishDate: 2026-01-14
|
||||
tags: ["Blender", "Pipeline", "Optimisation"]
|
||||
domain: "3D"
|
||||
concept2D: "Nettoyer un fichier SVG avant de l'importer"
|
||||
mecanique: "Appliquer les transformations, vérifier l'orientation et nettoyer la géométrie d'un modèle 3D."
|
||||
vision3D: "Le corps de l'avatar n'est pas qu'une forme, c'est un réceptacle. S'il est impur ou mal orienté, le souffle de vie (l'animation) sera corrompu ou s'exprimera de travers. C'est l'art de préparer un golem parfait avant le rituel d'animation."
|
||||
status: "À explorer"
|
||||
---
|
||||
|
||||
Avant même de murmurer la formule d'exportation, le pèlerin doit s'assurer que son réceptacle est pur. Un modèle mal préparé dans Blender se manifestera dans Three.js comme une entité tordue, décalée ou gigantesque.
|
||||
|
||||
### La Check-list des Fondations
|
||||
|
||||
1. **Le Centre du Monde :**
|
||||
* **Mécanique :** Assurez-vous que votre personnage est au centre de la scène (Origine du Monde : 0, 0, 0). Son origine (le petit point orange) doit être idéalement entre ses pieds.
|
||||
* **Vision :** L'avatar doit être ancré dans la réalité de votre monde. S'il naît décalé, il sera toujours un étranger.
|
||||
|
||||
2. **L'Échelle de la Réalité :**
|
||||
* **Mécanique :** Appliquez toutes les transformations avec `Ctrl + A` > `Toutes les transformations`. L'échelle de votre objet doit être de `(1, 1, 1)`.
|
||||
* **Vision :** Un avatar dont l'échelle n'est pas appliquée peut apparaître 100 fois trop grand ou trop petit dans la scène Three.js. C'est la différence entre un dieu et un insecte.
|
||||
|
||||
3. **Le Regard vers l'Avant :**
|
||||
* **Mécanique :** Votre modèle doit faire face à l'axe **-Y** (Avant). C'est la convention pour que la commande `lookAt()` de Three.js fonctionne intuitivement.
|
||||
* **Vision :** Le regard de votre création doit être aligné avec son intention. S'il regarde de côté, il avancera en crabe, son corps trahissant son âme.
|
||||
|
||||
4. **La Pureté de la Géométrie :**
|
||||
* **Mécanique :** En mode `Édition`, sélectionnez tout (`A`) et utilisez `M` > `Par distance` pour fusionner les sommets en double. Recalculez les normales avec `Shift + N`.
|
||||
* **Vision :** Les sommets dupliqués sont des fractures dans l'âme du modèle. Les normales inversées sont des morceaux de peau retournés. Ces impuretés créent des artefacts visuels, des cicatrices sombres là où la lumière devrait être.
|
||||
|
||||
5. **Nommer, c'est Invoquer :**
|
||||
* **Mécanique :** Donnez des noms clairs à vos objets (`Corps`, `Yeux`, `Armature`) et à vos matériaux.
|
||||
* **Vision :** Un nom est une incantation. Il vous permettra, dans le code, d'invoquer une partie précise du corps pour la modifier, comme si vous appeliez son véritable nom.
|
||||
@@ -1,21 +0,0 @@
|
||||
---
|
||||
title: "L'Alignement des Souffles"
|
||||
subtitle: "CSS Flexbox"
|
||||
publishDate: 2026-01-14
|
||||
tags: ["CSS", "Layout", "Flexbox"]
|
||||
domain: "Web Dev"
|
||||
concept2D: "Centrer un texte verticalement dans un bloc, avec des astuces."
|
||||
mecanique: "Un modèle de boîte unidimensionnel qui permet de distribuer l'espace et d'aligner des éléments le long d'un axe principal (horizontal ou vertical)."
|
||||
vision3D: "Imaginez des âmes (des objets) flottant en ligne. Flexbox est le vent qui les pousse pour les regrouper, les espacer ou les centrer. C'est un souffle directionnel, parfait pour organiser des éléments qui se suivent, comme une barre de navigation ou une liste d'attributs."
|
||||
status: "Acquis"
|
||||
---
|
||||
|
||||
Flexbox (Flexible Box Layout) a été une révolution pour les développeurs web. Il a rendu simple ce qui était auparavant complexe : l'alignement et la distribution d'éléments dans un conteneur.
|
||||
|
||||
### La Philosophie de l'Axe
|
||||
|
||||
Flexbox est **unidimensionnel**. Il ne raisonne que sur un seul axe à la fois :
|
||||
* **L'axe principal (`justify-content`) :** Comment les éléments se répartissent-ils le long de la direction principale (par défaut, de gauche à droite) ? Sont-ils au début, à la fin, au centre, ou avec un espace égal entre eux ?
|
||||
* **L'axe secondaire (`align-items`) :** Comment les éléments s'alignent-ils sur l'axe perpendiculaire ? Sont-ils en haut, en bas, au centre, ou étirés pour remplir l'espace ?
|
||||
|
||||
C'est l'outil idéal pour les composants d'interface : barres de navigation, en-têtes de cartes, listes... partout où des éléments doivent être organisés en ligne ou en colonne.
|
||||
@@ -1,21 +0,0 @@
|
||||
---
|
||||
title: "La Trame du Monde"
|
||||
subtitle: "CSS Grid"
|
||||
publishDate: 2026-01-14
|
||||
tags: ["CSS", "Layout", "Grid"]
|
||||
domain: "Web Dev"
|
||||
concept2D: "Utiliser des `<table>` pour la mise en page (l'ancienne méthode, rigide)."
|
||||
mecanique: "Un modèle de boîte bidimensionnel qui permet de créer des mises en page complexes en définissant des lignes et des colonnes explicites."
|
||||
vision3D: "Si Flexbox est un souffle, Grid est la main de l'architecte qui dessine la trame invisible du monde. On ne pousse pas les objets, on leur assigne une place précise dans une structure. C'est le pouvoir de dire : 'Toi, tu iras ici, de cette colonne à celle-ci', créant des espaces complexes et asymétriques."
|
||||
status: "Acquis"
|
||||
---
|
||||
|
||||
CSS Grid a complété Flexbox en offrant un contrôle sur les deux dimensions simultanément. C'est l'outil de choix pour la mise en page globale d'une page ou d'un composant complexe.
|
||||
|
||||
### La Philosophie de la Grille
|
||||
|
||||
Grid est **bidimensionnel**. Il raisonne en termes de grille, avec des lignes et des colonnes :
|
||||
* **Définition de la trame (`grid-template-columns` / `rows`) :** Vous définissez la structure de votre grille à l'avance. Combien de colonnes ? De quelle taille ?
|
||||
* **Placement des éléments (`grid-column` / `grid-row`) :** Vous pouvez ensuite placer chaque élément précisément à l'intérieur de cette grille, en lui disant de s'étendre sur une ou plusieurs cellules.
|
||||
|
||||
C'est l'outil parfait pour les mises en page de magazines, les tableaux de bord, et toute interface où les éléments ne se suivent pas simplement mais occupent des zones spécifiques de l'écran.
|
||||
@@ -1,23 +0,0 @@
|
||||
---
|
||||
title: "Le Portail Diégétique"
|
||||
subtitle: "La Question du Menu de Création"
|
||||
publishDate: 2026-01-14
|
||||
tags: ["UI", "UX", "Game Design", "Interface"]
|
||||
domain: "Game Design"
|
||||
concept2D: "Un formulaire web bien désigné."
|
||||
mecanique: "L'Interface Utilisateur (UI) qui permet au joueur de faire des choix pour personnaliser son avatar."
|
||||
vision3D: "Le menu est la membrane entre le monde du joueur et le monde du jeu. S'il est une simple liste de boutons, il est une barrière à l'immersion. S'il est intégré à l'univers (un miroir, un rêve, une table d'alchimiste), il devient le premier rituel, le premier acte de création magique."
|
||||
status: "À explorer"
|
||||
---
|
||||
|
||||
Le mot "menu" peut sembler froid et technique, mais il représente un défi de design crucial : comment donner au joueur les outils de la création sans briser l'illusion ?
|
||||
|
||||
### Les Approches du Menu de Création
|
||||
|
||||
1. **Le Menu "Catalogue" (Classique) :** Une série de listes et de curseurs. Efficace, précis, mais souvent peu immersif. C'est la boîte à outils posée à côté de la sculpture.
|
||||
|
||||
2. **Le Menu "Diégétique" (Moderne) :** L'interface fait partie du monde du jeu.
|
||||
* **Exemple :** Le personnage se regarde dans un miroir magique et le joueur modifie son reflet (*Dragon's Dogma 2*).
|
||||
* **Exemple :** Le joueur manipule des orbes d'énergie ou des fragments de cristal qui flottent autour de l'avatar pour en changer les aspects.
|
||||
|
||||
Dans un projet Low Poly novateur, le menu lui-même peut devenir une expérience artistique. Puisque le personnage est simple, l'interface peut être riche et animée, utilisant des formes géométriques et des effets de lumière qui répondent en temps réel aux choix du joueur, transformant un formulaire en un véritable acte de magie.
|
||||
@@ -1,21 +0,0 @@
|
||||
---
|
||||
title: "Le Regard et le Toucher"
|
||||
subtitle: "Raycasting"
|
||||
publishDate: 2026-01-15
|
||||
tags: ["Physique du Sable", "Interaction"]
|
||||
domain: "3D"
|
||||
concept2D: "États :hover et :active des boutons"
|
||||
mecanique: "Lancer un rayon depuis la caméra pour détecter les intersections avec les objets de la scène."
|
||||
vision3D: "Le regard qui devient une main. Le simple fait de poser les yeux sur un objet peut altérer sa matière (changement de shader), déclencher un son, ou le faire léviter. C'est le premier pas vers une interaction sans interface visible."
|
||||
status: "Acquis"
|
||||
---
|
||||
|
||||
### La Dissection du Grain
|
||||
|
||||
Le Raycasting est le pont entre le monde 2D de l'écran et l'espace 3D de la scène. En projetant un rayon invisible depuis la position de la souris (ou du centre de la caméra), nous pouvons lister tous les objets qu'il traverse.
|
||||
|
||||
C'est le mécanisme fondamental qui nous permet de répondre à la question : "Qu'est-ce que le visiteur est en train de regarder ?". Il remplace la logique du DOM où l'on attache des `event listeners` à des boîtes HTML. Ici, l'événement est attaché à la direction du regard lui-même. C'est la mécanique derrière le "regard" ou la "main" du visiteur dans notre univers.
|
||||
|
||||
### Le Journal de Transmutation
|
||||
|
||||
Le passage du `:hover` CSS au Raycasting est un saut paradigmatique. On ne décore plus une boîte, on interroge l'espace. Le feedback n'est plus un simple changement de couleur, mais peut devenir une réaction physique de l'objet lui-même, lui donnant l'illusion d'être conscient de notre présence.
|
||||
@@ -1,23 +0,0 @@
|
||||
---
|
||||
title: "La Pureté Géométrique"
|
||||
subtitle: "Le Style Low Poly & Voxel"
|
||||
publishDate: 2026-01-14
|
||||
tags: ["Low Poly", "Voxel", "Direction Artistique", "Style"]
|
||||
domain: "Game Design"
|
||||
concept2D: "Le Pixel Art, où chaque carré compte."
|
||||
mecanique: "Utiliser un nombre minimal de polygones (Low Poly) ou de cubes (Voxel) pour représenter des formes, en se concentrant sur la silhouette, la couleur et la lumière plutôt que sur le détail réaliste."
|
||||
vision3D: "Le 'souffle de vie' n'a pas besoin des pores de la peau pour exister. En réduisant la forme à son essence, on laisse plus de place à l'imagination et à l'énergie pure. Le personnage n'est plus une imitation du réel, mais un symbole, une idée en mouvement."
|
||||
status: "À explorer"
|
||||
---
|
||||
|
||||
Choisir le Low Poly en 2026 n'est plus une contrainte technique, mais un choix esthétique radical. C'est l'art de la **"Modernité Simple"**. On utilise la puissance des moteurs modernes non pas pour imiter le réel, mais pour sublimer la simplicité.
|
||||
|
||||
### Le Low Poly "Haute-Fidélité"
|
||||
|
||||
Pour qu'un style simple ne paraisse pas "vieux jeu", on le marie à des technologies de pointe :
|
||||
|
||||
* **La Lumière sur la Forme :** On applique des éclairages et des ombres ultra-réalistes (calculés par des shaders complexes) sur des formes géométriques pures. Le contraste entre la simplicité du modèle et la complexité de la lumière crée un rendu unique, à la fois lisible et magnifique. C'est le style de jeux comme *Tunic* ou *Sable*.
|
||||
|
||||
* **La Matière avant la Texture :** Au lieu de peindre des détails, on simule des matériaux. Le personnage peut ressembler à une figurine en plastique brillant, en verre dépoli ou en métal brossé. La lumière interagit avec ces matériaux de façon crédible, donnant au modèle un aspect "premium" et tangible.
|
||||
|
||||
* **L'Animation comme Âme :** La fluidité du mouvement devient primordiale. Un personnage en 100 polygones peut sembler plus vivant qu'un modèle photoréaliste s'il bouge avec une grâce et une intention parfaites. Le "Hebel" se déplace du détail de la surface vers la pureté du mouvement.
|
||||
@@ -1,21 +0,0 @@
|
||||
---
|
||||
title: "L'Architecture de l'Âme"
|
||||
subtitle: "L'Arbre de Talents"
|
||||
publishDate: 2026-01-14
|
||||
tags: ["Game Design", "Systèmes", "RPG", "Progression"]
|
||||
domain: "Game Design"
|
||||
concept2D: "Un organigramme ou une carte mentale."
|
||||
mecanique: "Un système de progression visuel où le joueur dépense des points pour débloquer des compétences et des bonus interconnectés, créant un 'build' (une construction) unique."
|
||||
vision3D: "Le 'Hebel' n'est pas que visuel. C'est aussi la structure invisible de la puissance du personnage. L'arbre de talents est la constellation de son âme guerrière, où chaque choix est une étoile qui définit qui il est au combat, bien plus que la couleur de ses yeux."
|
||||
status: "À explorer"
|
||||
---
|
||||
|
||||
La personnalisation n'est pas qu'une affaire d'apparence. Un arbre de talents est une forme de création de personnage tout aussi profonde, mais qui se joue au niveau des systèmes.
|
||||
|
||||
### La Personnalisation Systémique
|
||||
|
||||
* **L'Expression par le Gameplay :** Dans des jeux comme *Path of Exile* ou *Divinity: Original Sin*, l'identité du personnage se définit par ses actions : la manière dont il combine ses sorts, la vitesse de ses attaques, sa capacité à survivre. L'arbre de talents est le lieu où ces choix sont architecturés.
|
||||
|
||||
* **Le Plaisir Cérébral :** "Jouer dans les menus" est une forme de plaisir à part entière. Le joueur devient un théoricien, un architecte de builds, cherchant la synergie parfaite entre des dizaines de compétences.
|
||||
|
||||
* **Une Constellation de Pouvoirs :** Visuellement, un arbre de talents peut lui-même devenir une œuvre d'art. Une carte céleste où chaque compétence est une étoile, et les liens entre elles forment les constellations du pouvoir que le joueur dessine pour son avatar.
|
||||
@@ -33,7 +33,7 @@ A l'intérieur, l'obscurité y était totale, une gueule noire dévorant la lumi
|
||||
|
||||
C’est ainsi que **Gurdil**, désormais baptisé **"Cul Brillant"**, est devenu notre phare, notre cap, que dis-je notre firmament. Et c'est guidés par son postérieur rayonnant que nous nous sommes enfoncés dans les entrailles de la terre, prêts à affronter l'obscurité.
|
||||
|
||||
---
|
||||
|
||||
### Aventuriers
|
||||
|
||||
| **Nom** | **Race** | **Notes particulières** |
|
||||
@@ -43,6 +43,7 @@ C’est ainsi que **Gurdil**, désormais baptisé **"Cul Brillant"**, est devenu
|
||||
| **Bulle** | Fée | A lancé _Lumière_ sur le caleçon de Gurdil pour explorer la mine. |
|
||||
| **Gurdil** | Nain | Désormais surnommé "Cul Brillant" à cause du sort de Bulle. |
|
||||
| **Jinn** | Genasi | Musicien du groupe ; a payé sa chambre d'auberge en jouant. |
|
||||
|
||||
### Personnages
|
||||
|
||||
| **Nom** | **Race / Rôle** | **Relation / Détails** |
|
||||
@@ -63,17 +64,12 @@ C’est ainsi que **Gurdil**, désormais baptisé **"Cul Brillant"**, est devenu
|
||||
| **Ran & Zas** | Gobelins | Enfants de Tritte et Iben. |
|
||||
| **Alvin** | Gnome | Enfant du village. |
|
||||
|
||||
---
|
||||
### Les légendes de Kwel le Sang-dragon
|
||||
|
||||
Kwel semble être une source d'informations aussi riche qu'incertaine. Voici les détails de ses récits :
|
||||
|
||||
**Le Dragon de la Mine :** Il affirme qu'un "Dragon Infernal" vit dans la mine. Il raconte cette histoire de deux façons : dans l'une, il était enfant quand cela s'est produit, dans l'autre, il y travaillait.
|
||||
|
||||
**La Fondation de l'Auberge :** Il prétend avoir bâti l'auberge lui-même avec l'aide d'un groupe d'aventuriers. Bien qu'il soit originaire du village, il loge à l'auberge.
|
||||
|
||||
**La Bataille du Grand Arbre :** Il y a plus de 1000 ans, des ogres ont attaqué la forêt. L'arbre millénaire devait être détruit, mais il a été sauvé par un groupe d'aventuriers dont Kwel prétend avoir fait partie.
|
||||
|
||||
**Paradoxe Temporel :** Il affirme avoir fait partie d'aventuriers il y a un millénaire, tout en disant qu'il a lui-même moins de 1000 ans (alors que le village, lui, dépasse cet âge).
|
||||
|
||||
**Connaissance des Grungs :** Il a mentionné avoir déjà croisé des membres de votre espèce (Grung) au cours de sa vie.
|
||||
- **Le Dragon de la Mine :** Il affirme qu'un "Dragon Infernal" vit dans la mine. Il raconte cette histoire de deux façons : dans l'une, il était enfant quand cela s'est produit, dans l'autre, il y travaillait.
|
||||
- **La Fondation de l'Auberge :** Il prétend avoir bâti l'auberge lui-même avec l'aide d'un groupe d'aventuriers. Bien qu'il soit originaire du village, il loge à l'auberge.
|
||||
- **La Bataille du Grand Arbre :** Il y a plus de 1000 ans, des ogres ont attaqué la forêt. L'arbre millénaire devait être détruit, mais il a été sauvé par un groupe d'aventuriers dont Kwel prétend avoir fait partie.
|
||||
- **Paradoxe Temporel :** Il affirme avoir fait partie d'aventuriers il y a un millénaire, tout en disant qu'il a lui-même moins de 1000 ans (alors que le village, lui, dépasse cet âge).
|
||||
- **Connaissance des Grungs :** Il a mentionné avoir déjà croisé des membres de votre espèce (Grung) au cours de sa vie.
|
||||
|
||||
@@ -21,8 +21,6 @@ Le groupe réagit alors avec une coordination héroïque. **Gurdil** pulvérisa
|
||||
|
||||
Le calme revenu, nous avons secouru **Jinn**. Stabilisé par Bulle et soigné par Maielan, le Génasi reprit connaissance. Nyrae se contenta d'un simple "Mouais..." laconique en croisant son regard, soulignant le poids de l'épreuve. Après s'être lui même soigné, Jinn retrouva assez de forces pour continuer. Nous avons repris la marche jusqu'au bout du couloir. Là, un **mur maçonné**, étrangement propre et hors de place, nous barrait la route. Une partie de son centre est effondrée. C'est de l'autre côté, dans ce vide inconnu, que nous entendons enfin les voix des enfants. Qu'est-ce qui a bien pu être enfermé ici ?
|
||||
|
||||
---
|
||||
|
||||
### État du Groupe
|
||||
|
||||
- **Jinn :** Affaibli mais conscient (récupération en cours).
|
||||
|
||||
69
src/content/journal/sang.md
Normal file
69
src/content/journal/sang.md
Normal file
@@ -0,0 +1,69 @@
|
||||
---
|
||||
title: "Le printemps sanglant"
|
||||
author: "G'Mas"
|
||||
publishDate: 2026-02-08
|
||||
tags: ["Vampire","Enfant perdu", "Maçonnerie"]
|
||||
---
|
||||
|
||||
## L'Ombre de Constancia
|
||||
|
||||
Après avoir terrassé les Krutiks, nous nous sommes enfoncés dans un conduit étroit serpentant vers le nord-est. Au bout de ce cul-de-sac de briques, un spectacle troublant nous attendait : un mur maçonné effondré, dont la facture humaine, médiocre et grossière, rappelait étrangement celle du manoir noble du village. L'expertise de **Gurdil** fut à couper le souffle ; avec le dédain propre à son peuple, il nous décrivit la pauvreté de cette construction comparée à la finesse de l'architecture naine.
|
||||
|
||||
Pendant ce temps, la lumière projetée par le caleçon de Gurdil étayait les parois, transformant la roche brute en véritables enluminures pour mes yeux de Grung. N'ayant jamais parcouru de tels espaces, la noirceur des cavités me révélait un monde mystérieux et fabuleux dès qu'une source de "lumière étoilée" y était introduite.
|
||||
|
||||
Au centre de la pièce, derrière la section effondrée, une **Eladrin** (elfe des plans féeriques) dont l'humeur reflétait la rigueur de l'hiver semblait prisonnière d'un **pentacle tracé à la poudre blanche**. Autour d'elle, les enfants disparus gisaient au sol ou erraient, proies de magies d'illusion. Pendant que l'Elfe subissait l'emprise d'une magie d'abjuration, le jeune Arengon, **Zajic**, paraissait totalement hypnotisé, selon l'analyse magique de **Bulle**.
|
||||
|
||||
L'Eladrin nous supplia de la libérer, prétendant être la victime d'un savant fou qui l'utilisait pour drainer ses pouvoirs héréditaires. J'essayai d'expliquer au groupe qu'il était impératif de l'endormir avant toute chose, tant l'étrangeté de la situation m'alertait.
|
||||
|
||||
Malgré mes doutes et ma tentative de neutraliser la menace à distance, la tension monta. Gurdil, pressé par l'urgence du sauvetage, céda aux appels insistants de la créature. En dépit de mes avertissements, fidèle à sa nature directe, asséna une gifle monumentale à un enfant pour le réveiller, provoquant l'ire immédiate de la bourgmestre. Las de mes palabres qu'il jugeait inutiles, le nain brisa d'un geste le cercle de poudre blanche au sol. Instantanément, la tristesse hivernale de l'elfe fit place à une joie printanière malveillante... et l'illusion tomba.
|
||||
|
||||
Une fois libérée, l'elfe révéla sa véritable nature : une **Vampire** n'ayant pas bu de sang depuis 70 ans. Le combat s'engagea immédiatement, acharné. Mon poison resta inefficace, mais **Nyrae** parvint à l'entraver avec son fouet sylvestre et un sort d'_Enchevêtrement_. **Bulle** déchaîna la foudre, un éclair foudroyant qui brûla les parures de la créature, révélant une régénération terrifiante.
|
||||
|
||||
Malgré son manque d'énergie apparent, la vampire fit preuve d'une expérience qui lui permettait de résister indéfiniment à nos assauts. Dans le chaos, elle utilisa son charme sur moi ; soudain, ma perception changea et je ne vis plus en elle qu'une amie à secourir, m'obligeant à baisser ma sarbacane. Le drame survint lorsqu'elle planta ses crocs dans le cou de **Nyrae** pour recouvrer sa puissance. Elle révéla alors sa véritable identité : **Constancia Denney, Chevalier de la Couronne d'Argent**.
|
||||
|
||||
Un portail s'ouvrit derrière elle, nous laissant quelques instants pour échanger. Une fois le charme dissipé, je revins sur la défensive et l'interrogeai sur son apparence féerique et ses liens éventuels avec l'Arbre Millénaire. Elle répondit avec dédain qu'il ne s'agissait que d'une image parmi d'autres, avant de prendre les traits de **Jean-Laurent**, le frère d'un de mes amis d'enfance. J'empêchai le groupe de la poursuivre dans le portail, affirmant avoir le pouvoir d'aller à sa rencontre par mes rêves. Elle finit par s'évanouir dans les profondeurs de sa dimension alors que le portail se refermait.
|
||||
|
||||
J'ai tenu à présenter mes excuses à la bourgmestre pour mes soupçons concernant une complicité du village. Elle nous assura que les villageois n'en sauraient rien ; le secret resterait entre nous, la bourgmestre et les enfants encore sous le choc.
|
||||
|
||||
Nous sommes sortis de la mine en héros, accueillis par le village entier. Les enfants ont rejoint les bras de leurs parents, sains et saufs, bien qu'incapables d'expliquer leurs légères blessures. À l'instant où nous avons retrouvé l'air libre, le sort de _Lumière_ s'est dissipé : le caleçon de Gurdil a cessé de briller, marquant la fin de l'ère du "Cul Brillant" (Pour l'instant).
|
||||
|
||||
Le village a célébré notre victoire par un festin, mais le repos fut de courte durée. Tandis que Gurdil se noyait dans la bière et que **Kwel** s'appropriait nos exploits à l'auberge, le sommeil loin d'être léger m'accueilli en son ceint pour me délivrer un message nocturne en rêve. La fée du **Grand Chêne** m'a appelé à l'aide : Ce souffle de vie si cher à mon cœur, est menacé. Dans cette vision, Nyrae et Bulle apparaissaient comme les messagères les plus aptes à communiquer avec cette force ancienne.
|
||||
|
||||
### 🧛 L'Entité : Constancia Denney
|
||||
|
||||
- **Identité :** Vampire et Chevalier de la Couronne d'Argent.
|
||||
- **Métamorphose :** Elle utilise des apparences saisonnières liées à son état (Eladrin hivernale lors de son emprisonnement, joie printanière à sa libération). Elle peut également copier les traits de proches, comme Jean-Laurent.
|
||||
- **Capacités :** * **Régénération :** Capacité de soin exceptionnelle, même après avoir subi la foudre de Bulle.
|
||||
- **Charme :** Peut transformer un adversaire en "ami dévoué", neutralisant ainsi toute hostilité (testé sur G'mas).
|
||||
- **Drain de vie :** Recouvre sa puissance en s'abreuvant de sang frais (victime : Nyrae).
|
||||
- **Statut :** En fuite via un portail dimensionnel.
|
||||
|
||||
|
||||
### 🕸️ Mécanismes & Mystères
|
||||
|
||||
- **Le Pentacle :** Un cercle de poudre blanche combinant des magies d'abjuration (confinement) et d'illusion (dissimulation de la véritable forme).
|
||||
- **L'Incident Diplomatique :** Gurdil a rompu l'hypnose de Zajic par une gifle monumentale, créant une tension avec la Bourgmestre Maielan.
|
||||
- **Le Paradoxe :** Bien que Constancia prétende que son apparence féerique était fortuite, l'appel de détresse du **Grand Chêne** a suivi immédiatement sa libération.
|
||||
|
||||
|
||||
### 🌌 Le Souffle de Vie
|
||||
|
||||
- **Localisation :** Le cœur du Grand Chêne, l'arbre millénaire du village.
|
||||
- **État :** Menacé par une force obscure. La fée protectrice de l'arbre a envoyé un appel au secours onirique.
|
||||
- **Émissaires :** Nyrae et Bulle sont identifiées comme les vecteurs de communication prioritaires avec l'essence de l'Arbre.
|
||||
|
||||
### 🟢 Évolution des Aventuriers (Niveau 2)
|
||||
|
||||
|**Nom**|**Action Marquante**|**État**|
|
||||
|---|---|---|
|
||||
|**G'mas**|A tenté la diplomatie ; charmé par la vampire.|Troublé, en quête de réponses oniriques.|
|
||||
|**Nyrae**|A immobilisé la vampire (Enchevêtrement) ; a subi la morsure.|Lien renforcé avec le Grand Chêne.|
|
||||
|**Gurdil**|A brisé le sceau de poudre blanche.|Victorieux, en pleine gueule de bois.|
|
||||
|**Bulle**|Diagnostic magique et éclair dévastateur.|Prête pour la mission féerique.|
|
||||
|**Jinn**|Soutien au combat malgré la régénération de l'ennemi.|Prêt pour la suite.|
|
||||
|
||||
### 📋 Métadonnées
|
||||
|
||||
- **Lieu :** Conduit Nord-Est, Secteur Maçonné (facture humaine médiocre).
|
||||
- **Atmosphère :** Noirceur totale révélée par la source lumineuse "stellaire" de Gurdil.
|
||||
- **Concept-clé :** #SouffleDeVie #Niveau2 #CouronneDArgent.
|
||||
@@ -1,35 +0,0 @@
|
||||
---
|
||||
title: "Acquis et Paradigmes d'Astro"
|
||||
publishDate: 2026-01-13
|
||||
tags: ["Astro", "Architecture", "Paradigmes", "Composants", "Routage", "Contenu"]
|
||||
---
|
||||
|
||||
Ce log est une halte. Un moment pour observer le chemin parcouru, non pas comme une liste de compétences acquises, mais comme la compréhension des fondations sur lesquelles nous nous tenons. Cette version du site est une étape nécessaire : l'apprentissage des langages et des structures du web "plat", pour mieux en déceler les limites et préparer le véritable saut dans l'immersion.
|
||||
|
||||
### 1. L'Apprentissage du Langage des Bâtisseurs
|
||||
|
||||
Avant de pouvoir façonner le sable en mondes, il fallait apprendre à tailler la pierre. L'architecture actuelle repose sur les paradigmes d'Astro, qui sont ceux des bâtisseurs de la toile moderne.
|
||||
|
||||
* **L'Art de la Brique (`Composants Astro`)** : Nous avons appris à créer des "briques" réutilisables (`GoldButton`, `ParchmentCard`). C'est un art de l'efficacité, de la modularité. Chaque brique est autonome, avec ses propres styles. C'est puissant, mais cela nous enferme dans une logique de "boîtes" empilées les unes sur les autres.
|
||||
|
||||
* **Le Grimoire Ordonné (`Content Collections`)** : Nous avons appris à cataloguer nos récits et nos logs. Chaque parchemin est validé, chaque métadonnée est à sa place. C'est la sagesse de l'archiviste, qui assure l'ordre et la cohérence. Mais un livre, même magique, reste une succession de pages linéaires.
|
||||
|
||||
* **Les Sentiers Tracés (`Routage Dynamique`)** : Nous avons appris à tracer les chemins qui relient nos pages. De l'index du journal à un article, d'un article à sa balise. Ces chemins sont clairs, rapides, générés à l'avance. Mais ce sont des sentiers balisés sur une carte en deux dimensions, pas une exploration libre dans un monde vivant.
|
||||
|
||||
### 2. La Conscience des Murs Invisibles
|
||||
|
||||
Cette architecture modulaire, si prisée, est aussi une cage dorée. Elle nous a permis de construire vite et bien, mais elle nous a aussi forcés à penser en "pages", en "blocs", en "liens". L'immersion que permet Three.js ne peut se contenter de cela.
|
||||
|
||||
Le paradigme actuel est celui du **document**. On navigue d'un document à l'autre. L'ambition est de passer au paradigme de l'**espace**. Un monde unique et persistant dans lequel le contenu n'est pas une page que l'on charge, mais un objet avec lequel on interagit.
|
||||
|
||||
C'est ici que des logiques ont été abandonnées, non par erreur, mais par nécessité. Le menu hamburger, par exemple, est une convention du web 2D. Dans un monde 3D, la navigation pourrait être un objet dans la scène, une carte que l'on déplie, un chemin de lumière que l'on suit.
|
||||
|
||||
### 3. Le Prochain Pas : Façonner le Sable
|
||||
|
||||
Cette fondation n'est pas vaine. Elle est le sol stable sur lequel nous allons maintenant ériger un sanctuaire en trois dimensions. La prochaine grande étape n'est pas d'ajouter une fonctionnalité, mais de changer de regard.
|
||||
|
||||
* **Comprendre chaque grain** : Il s'agira de déconstruire. Comment une scène Three.js peut-elle devenir le "layout" principal ? Comment faire en sorte que le routage d'Astro ne recharge pas une page, mais déclenche une animation dans la scène 3D ?
|
||||
|
||||
* **Construire avec intention** : Chaque choix devra être conscient. Nous n'appliquerons pas des solutions toutes faites, mais nous chercherons à comprendre les principes fondamentaux de la 3D sur le web pour créer une expérience qui a du sens. Le but n'est pas de "faire" un site 3D, mais de **comprendre** comment le faire naître.
|
||||
|
||||
Cette étape est terminée. Le pèlerin a appris les cartes du vieux monde. Il est temps, maintenant, de les brûler pour dessiner la sienne.
|
||||
@@ -1,23 +0,0 @@
|
||||
---
|
||||
title: "Initialisation du projet"
|
||||
publishDate: 2026-01-09
|
||||
tags: ["Setup", "Infrastructure", "Docker", "Raspberry Pi", "Astro"]
|
||||
---
|
||||
|
||||
Le projet a été initialisé avec Astro. La structure de base est en place.
|
||||
|
||||
Le déploiement est géré par Docker et Docker Compose, ce qui permet de lancer le site sur le Raspberry Pi avec une seule commande.
|
||||
### Matériel
|
||||
|
||||
* **Serveur** : Raspberry Pi 4 (4Go de RAM)
|
||||
* **Stockage** : Disque dur externe de 2To
|
||||
|
||||
### Environnement Serveur
|
||||
|
||||
* **Système d'exploitation** : Debian
|
||||
* **Conteneurisation** : Docker & Docker Compose
|
||||
|
||||
### Environnement de Développement
|
||||
|
||||
* **Système d'exploitation local** : Ubuntu
|
||||
* **Framework** : Astro
|
||||
@@ -1,19 +0,0 @@
|
||||
---
|
||||
title: "Ajout de la matière du passé"
|
||||
publishDate: 2026-01-12
|
||||
tags: ["Contenu", "Design", "Narratif", "Composants"]
|
||||
---
|
||||
|
||||
Le site a été enrichi avec le contenu principal, donnant vie à l'univers narratif du projet. L'ensemble du site adopte désormais la voix et la perspective de G'Mas, le pèlerin Grung.
|
||||
|
||||
### Nouvelles Sections
|
||||
|
||||
* **Le Sanctuaire des Grains (`/atelier`)** : Présente l'arsenal technique (Three.js, Blender, Raspberry Pi) à travers la métaphore du "Kit du Pèlerin".
|
||||
|
||||
* **L'Observatoire des Songes (`/observatoire`)** : Partage les inspirations du projet, des œuvres de Miyazaki aux histoires des compagnons d'aventure du jeu de rôle.
|
||||
|
||||
* **La Boussole Éthique (`/boussole`)** : Expose la philosophie du projet, en distinguant les modèles de création vertueux (Open Source) des approches jugées néfastes.
|
||||
|
||||
* **Page Auteur (`/auteur`)** : Crée un pont entre le personnage (G'Mas), l'alter-ego artistique (Hatjan Krâpo) et le créateur (Nicolas Latchimy), en listant ses différents travaux et contacts.
|
||||
|
||||
La page d'accueil a également été mise à jour pour refléter ces ajouts via un système de cartes de présentation.
|
||||
@@ -1,32 +0,0 @@
|
||||
---
|
||||
title: "Déconstruction pour un Nouveau Souffle"
|
||||
publishDate: 2026-01-18
|
||||
tags: ["Architecture", "Pivot", "Blueprint", "GSAP", "State Management"]
|
||||
---
|
||||
|
||||
**Log de Construction #04**
|
||||
|
||||
**Statut :** Pivot structurel / Phase de Blueprint
|
||||
|
||||
**Sujet :** Abandon du modèle actuel pour la Voie du "Slide Navigator"
|
||||
|
||||
### 1. Le Constat du Mécanicien
|
||||
|
||||
Après avoir testé l'architecture actuelle, le verdict tombe : les pièces s'emboîtent, mais le moteur ne tourne pas rond. L'expérience manque de fluidité, le "souffle de vie" (Hebel) s'éparpille dans une structure trop complexe qui ne rend pas hommage à l'esthétique *Storybook* que je vise.
|
||||
|
||||
Vouloir construire la carrosserie avant d'avoir stabilisé le châssis est une erreur de débutant que je choisis de corriger aujourd'hui.
|
||||
|
||||
### 2. La Voie du "Slide Navigator"
|
||||
|
||||
Je décide de revenir à l'essentiel : **la narration séquentielle**. Plutôt qu'un site web classique, je vais structurer l'expérience comme une galerie interactive, un "PowerPoint 3D" où chaque vue est une étape clé de mon pèlerinage.
|
||||
|
||||
Ce choix s'impose pour plusieurs raisons :
|
||||
* **Contrôle du Flux :** Chaque "slide" devient une scène Three.js maîtrisée (position caméra, éclairage, UI spécifique).
|
||||
* **Clarté Narrative :** On ne se perd plus dans le site ; on tourne les pages d'un grimoire numérique.
|
||||
* **Prototypage Rapide :** Cela me permet de valider le passage de l'écran titre au menu "Hebel", puis à la Timeline, avec la précision d'un mécanicien qui règle ses soupapes.
|
||||
|
||||
### 3. Prochaines Étapes (Le Blueprint)
|
||||
|
||||
Le chantier se concentre désormais sur le **"State Controller"**. Il s'agira de définir un tableau d'objets contenant les coordonnées de chaque scène, puis d'utiliser **GSAP** pour créer des transitions fluides entre ces "slides", simulant un voyage cinématographique. Les calques d'interface HTML resteront superposés au canvas pour garantir une accessibilité totale.
|
||||
|
||||
*Le grain de sable ne s'arrête pas, il change de trajectoire pour mieux dessiner l'oasis.*
|
||||
@@ -1,21 +0,0 @@
|
||||
---
|
||||
title: "L'Harmonie du Souffle et du Silicium"
|
||||
publishDate: 2026-01-14
|
||||
tags: ["IA", "Création", "Philosophie", "Codex"]
|
||||
---
|
||||
|
||||
J'ai d'abord vu cette chose comme un piège. Dans ma quête pour bâtir le "Codex de la Substance", je l'ai effleuré quelques fois, et le résultat m'avait glacé : un savoir sans âme, un corps sans "Hebel", ce souffle de vie qui naît de l'effort et de la découverte. Ma conclusion fut simple, presque réactionnaire : rejeter l'outil pour préserver le chemin.
|
||||
|
||||
Aujourd'hui, je regarde cette posture avec une nouvelle perspective. Les événements qui secouent un de ces mondes que je ne voient qu'en rêve me servent de miroir. Là-bas, la société se fracture entre les adeptes d'une production de masse sans âme et les artisans d'un rejet total, une guerre culturelle où chacun semble avoir perdu de vue l'essentiel. Ce n'est pas l'outil le problème, mais notre relation à lui.
|
||||
|
||||
Le rejet pur et simple est une impasse. C'est se priver d'un partenaire de danse d'une puissance inouïe. L'adoption aveugle en est une autre, menant à une uniformisation stérile.
|
||||
|
||||
### Forger une Troisième Voie
|
||||
|
||||
La véritable voie est celle de l'harmonie. L'IA ne doit pas être une usine qui remplace le créateur, ni un simple outil que l'on brandit. Elle doit devenir une extension de notre intention, un instrument accordé à notre propre souffle.
|
||||
|
||||
Mon rôle n'est pas de tout écrire à la main par principe, mais de devenir le chef d'orchestre. Je fournis l'intention, la "Vision", la question fondamentale. L'IA, elle, explore les possibles, génère la "Mécanique", propose des formes et des structures à une vitesse surhumaine. Mon travail se déplace : de celui qui taille chaque pierre à celui qui dessine le plan de la cathédrale et insuffle son âme dans l'édifice.
|
||||
|
||||
Le Codex ne sera donc pas le journal d'un ermite, mais le témoignage d'une collaboration. Chaque carte sera le fruit d'un dialogue entre le souffle et le silicium. Le chemin sera différent, ni plus court, ni plus long. Il sera simplement plus riche, car il explorera des territoires que je n'aurais jamais pu arpenter seul.
|
||||
|
||||
Il ne s'agit plus de se méfier de la machine, mais d'apprendre à créer *avec* elle, en harmonie.
|
||||
Reference in New Issue
Block a user