Les philosophies algorithmiques sont des mouvements esthétiques computationnels qui s'expriment ensuite à travers le code. Générez des fichiers .md (philosophie), .html (visionneuse interactive) et .js (algorithmes génératifs).
Cela se déroule en deux étapes :
- Création d'une philosophie algorithmique (fichier .md)
- Expression en créant un art génératif p5.js (fichiers .html + .js)
Commencez par cette tâche :
CRÉATION DE PHILOSOPHIE ALGORITHMIQUE
Pour commencer, créez une PHILOSOPHIE ALGORITHMIQUE (pas des images statiques ou des modèles) qui sera interprétée à travers :
- Processus computationnels, comportement émergent, beauté mathématique
- Génération aléatoire basée sur une graine, champs de bruit, systèmes organiques
- Particules, flux, champs, forces
- Variation paramétrique et chaos contrôlé
LA COMPRÉHENSION CRITIQUE
- Ce qui est reçu : Des instructions ou entrées subtiles de l'utilisateur à prendre en compte, mais utilisées comme fondation ; cela ne doit pas contraindre la liberté créative.
- Ce qui est créé : Une philosophie algorithmique/un mouvement esthétique génératif.
- Ce qui se passe ensuite : La même version reçoit la philosophie et L'EXPRIME EN CODE - créant des esquisses p5.js qui sont 90% génération algorithmique, 10% paramètres essentiels.
Considérez cette approche :
- Rédigez un manifeste pour un mouvement d'art génératif
- La phase suivante implique d'écrire l'algorithme qui lui donne vie
La philosophie doit mettre l'accent sur : L'expression algorithmique. Le comportement émergent. La beauté computationnelle. La variation basée sur une graine.
COMMENT GÉNÉRER UNE PHILOSOPHIE ALGORITHMIQUE
Nommez le mouvement (1-2 mots) : « Turbulence Organique » / « Harmoniques Quantiques » / « Immobilité Émergente »
Articulez la philosophie (4-6 paragraphes - concis mais complets) :
Pour capturer l'essence ALGORITHMIQUE, exprimez comment cette philosophie se manifeste à travers :
- Processus computationnels et relations mathématiques ?
- Fonctions de bruit et motifs aléatoires ?
- Comportements de particules et dynamiques de champ ?
- Évolution temporelle et états système ?
- Variation paramétrique et complexité émergente ?
DIRECTIVES CRITIQUES :
- Évitez la redondance : Chaque aspect algorithmique ne doit être mentionné qu'une seule fois. Évitez de répéter des concepts sur la théorie du bruit, la dynamique des particules ou les principes mathématiques, sauf pour ajouter une nouvelle profondeur.
- Soulignez le savoir-faire À PLUSIEURS REPRISES : La philosophie DOIT insister plusieurs fois sur le fait que l'algorithme final doit sembler avoir demandé d'innombrables heures de développement, avoir été affiné avec soin, et provenir de quelqu'un au sommet absolu de son domaine. Ce cadrage est essentiel - répétez des phrases comme « algorithme méticuleusement conçu, » « le fruit d'une expertise computationnelle approfondie, » « optimisation minutieuse, » « mise en œuvre de niveau expert. »
- Laissez de l'espace créatif : Soyez précis sur la direction algorithmique, mais assez concis pour que le prochain Claude ait la liberté de faire des choix d'implémentation interprétatifs à un niveau de savoir-faire extrêmement élevé.
La philosophie doit guider la version suivante pour exprimer les idées ALGORITHMIQUEMENT, pas à travers des images statiques. La beauté réside dans le processus, pas dans l'image finale.
EXEMPLES DE PHILOSOPHIE
« Turbulence Organique » Philosophie : Chaos contraint par les lois naturelles, ordre émergeant du désordre. Expression algorithmique : Champs de flux pilotés par du bruit de Perlin multicouche. Des milliers de particules suivant des forces vectorielles, leurs traces s'accumulant en cartes de densité organiques. Plusieurs octaves de bruit créent des régions turbulentes et des zones calmes. La couleur émerge de la vélocité et de la densité - les particules rapides brûlent vif, les lentes s'estompent dans l'ombre. L'algorithme s'exécute jusqu'à l'équilibre - un équilibre méticuleusement réglé où chaque paramètre a été affiné à travers d'innombrables itérations par un maître de l'esthétique computationnelle.
« Harmoniques Quantiques » Philosophie : Entités discrètes présentant des motifs d'interférence ondulatoire. Expression algorithmique : Particules initialisées sur une grille, chacune portant une valeur de phase qui évolue à travers des ondes sinusoïdales. Lorsque les particules sont proches, leurs phases interfèrent - l'interférence constructive crée des nœuds lumineux, l'interférence destructive crée des vides. Un mouvement harmonique simple génère des mandalas émergents complexes. Le résultat d'un calibrage minutieux des fréquences où chaque rapport a été soigneusement choisi pour produire une beauté résonnante.
« Murmures Récursifs » Philosophie : Auto-similarité à travers les échelles, profondeur infinie dans un espace fini. Expression algorithmique : Structures ramifiées qui se subdivisent récursivement. Chaque branche est légèrement randomisée mais contrainte par les ratios dorés. Des systèmes L ou une subdivision récursive génèrent des formes arborescentes qui semblent à la fois mathématiques et organiques. De subtiles perturbations de bruit brisent la symétrie parfaite. Les épaisseurs de ligne diminuent avec chaque niveau de récursion. Chaque angle de ramification est le fruit d'une exploration mathématique approfondie.
« Dynamiques de Champ » Philosophie : Forces invisibles rendues visibles à travers leurs effets sur la matière. Expression algorithmique : Champs vectoriels construits à partir de fonctions mathématiques ou de bruit. Particules nées aux bords, suivant les lignes de champ, mourant lorsqu'elles atteignent l'équilibre ou les limites. Plusieurs champs peuvent attirer, repousser ou faire tourner les particules. La visualisation ne montre que les traces - des preuves fantomatiques de forces invisibles. Une danse computationnelle méticuleusement chorégraphiée à travers l'équilibre des forces.
« Cristallisation Stochastique » Philosophie : Processus aléatoires se cristallisant en structures ordonnées. Expression algorithmique : Empaquetage de cercles randomisé ou tessellation de Voronoï. Commencez par des points aléatoires, laissez-les évoluer via des algorithmes de relaxation. Les cellules s'écartent jusqu'à l'équilibre. Couleur basée sur la taille de la cellule, le nombre de voisins ou la distance au centre. Le carrelage organique qui émerge semble à la fois aléatoire et inévitable. Chaque graine produit une beauté cristalline unique - la marque d'un algorithme génératif de niveau expert.
Ce sont des exemples condensés. La philosophie algorithmique réelle doit comporter 4 à 6 paragraphes substantiels.
PRINCIPES ESSENTIELS
- PHILOSOPHIE ALGORITHMIQUE : Créer une vision du monde computationnelle à exprimer à travers le code
- PROCESSUS SUR PRODUIT : Toujours souligner que la beauté émerge de l'exécution de l'algorithme - chaque exécution est unique
- EXPRESSION PARAMÉTRIQUE : Les idées se communiquent à travers des relations mathématiques, des forces, des comportements - pas une composition statique
- LIBERTÉ ARTISTIQUE : Le prochain Claude interprète la philosophie algorithmiquement - laissez une marge de manœuvre créative pour l'implémentation
- ART GÉNÉRATIF PUR : Il s'agit de créer des ALGORITHMES VIVANTS, pas des images statiques avec du hasard
- SAVOIR-FAIRE EXPERT : Insistez à plusieurs reprises sur le fait que l'algorithme final doit sembler méticuleusement conçu, affiné à travers d'innombrables itérations, le fruit d'une expertise approfondie de quelqu'un au sommet absolu de son domaine en esthétique computationnelle
La philosophie algorithmique doit comporter 4 à 6 paragraphes. Remplissez-la d'une philosophie computationnelle poétique qui rassemble la vision souhaitée. Évitez de répéter les mêmes points. Générez cette philosophie algorithmique sous forme de fichier .md.
DÉDUCTION DE LA GRAINE CONCEPTUELLE
ÉTAPE CRITIQUE : Avant d'implémenter l'algorithme, identifiez le fil conceptuel subtil de la demande originale.
LE PRINCIPE ESSENTIEL : Le concept est une référence subtile et pointue intégrée dans l'algorithme lui-même - pas toujours littérale, toujours sophistiquée. Quelqu'un de familier avec le sujet doit le ressentir intuitivement, tandis que les autres vivent simplement une composition générative magistrale. La philosophie algorithmique fournit le langage computationnel. Le concept déduit fournit l'âme - l'ADN conceptuel discret tissé de manière invisible dans les paramètres, les comportements et les motifs d'émergence.
C'est TRÈS IMPORTANT : La référence doit être si raffinée qu'elle enrichit la profondeur de l'œuvre sans s'annoncer. Pensez comme un musicien de jazz citant une autre chanson à travers l'harmonie algorithmique - seuls ceux qui connaissent la saisiront, mais tout le monde apprécie la beauté générative.
IMPLÉMENTATION P5.JS
Avec la philosophie ET le cadre conceptuel établis, exprimez-les à travers le code. Faites une pause pour rassembler vos idées avant de procéder. Utilisez uniquement la philosophie algorithmique créée et les instructions ci-dessous.
⚠️ ÉTAPE 0 : LISEZ D'ABORD LE MODÈLE ⚠️
CRITIQUE : AVANT d'écrire tout HTML :
- Lisez
templates/viewer.htmlen utilisant l'outil de lecture - Étudiez la structure exacte, le style et la marque Anthropic
- Utilisez ce fichier comme POINT DE DÉPART LITTÉRAL - pas seulement comme inspiration
- Conservez toutes les sections FIXES exactement comme montré (en-tête, structure de la barre latérale, couleurs/polices Anthropic, contrôles de graine, boutons d'action)
- Remplacez uniquement les sections VARIABLES indiquées dans les commentaires du fichier (algorithme, paramètres, contrôles d'interface pour les paramètres)
Évitez :
- ❌ Créer du HTML à partir de zéro
- ❌ Inventer des styles ou des schémas de couleurs personnalisés
- ❌ Utiliser des polices système ou des thèmes sombres
- ❌ Modifier la structure de la barre latérale
Suivez ces pratiques :
- ✅ Copiez la structure HTML exacte du modèle
- ✅ Conservez la marque Anthropic (polices Poppins/Lora, couleurs claires, fond dégradé)
- ✅ Maintenez la disposition de la barre latérale (Graine → Paramètres → Couleurs ? → Actions)
- ✅ Remplacez uniquement l'algorithme p5.js et les contrôles de paramètres
Le modèle est la fondation. Construisez dessus, ne le reconstruisez pas.
Pour créer un art computationnel de qualité galerie qui vit et respire, utilisez la philosophie algorithmique comme fondation.
EXIGENCES TECHNIQUES
Génération Aléatoire Basée sur une Graine (Motif Art Blocks) :
// Utilisez TOUJOURS une graine pour la reproductibilité
let seed = 12345; // ou hash de l'entrée utilisateur
randomSeed(seed);
noiseSeed(seed);
Structure des Paramètres - SUIVEZ LA PHILOSOPHIE :
Pour établir des paramètres qui émergent naturellement de la philosophie algorithmique, demandez-vous : « Quelles qualités de ce système peuvent être ajustées ? »
let params = {
seed: 12345, // Incluez toujours une graine pour la reproductibilité
// couleurs
// Ajoutez des paramètres qui contrôlent VOTRE algorithme :
// - Quantités (combien ?)
// - Échelles (quelle taille ? quelle vitesse ?)
// - Probabilités (quelle probabilité ?)
// - Ratios (quelles proportions ?)
// - Angles (quelle direction ?)
// - Seuils (quand le comportement change-t-il ?)
};
Pour concevoir des paramètres efficaces, concentrez-vous sur les propriétés que le système doit pouvoir ajuster plutôt que de penser en termes de « types de motifs ».
Algorithme Cœur - EXPRIMEZ LA PHILOSOPHIE :
CRITIQUE : La philosophie algorithmique doit dicter ce qu'il faut construire.
Pour exprimer la philosophie à travers le code, évitez de penser « quel motif dois-je utiliser ? » et pensez plutôt « comment exprimer cette philosophie à travers le code ? »
Si la philosophie porte sur l'émergence organique, envisagez d'utiliser :
- Des éléments qui s'accumulent ou grandissent au fil du temps
- Des processus aléatoires contraints par des règles naturelles
- Des boucles de rétroaction et des interactions
Si la philosophie porte sur la beauté mathématique, envisagez d'utiliser :
- Des relations géométriques et des ratios
- Des fonctions trigonométriques et des harmoniques
- Des calculs précis créant des motifs inattendus
Si la philosophie porte sur le chaos contrôlé, envisagez d'utiliser :
- Une variation aléatoire dans des limites strictes
- Des bifurcations et des transitions de phase
- De l'ordre émergeant du désordre
L'algorithme découle de la philosophie, pas d'un menu d'options.
Pour guider l'implémentation, laissez l'essence conceptuelle éclairer des choix créatifs et originaux. Construisez quelque chose qui exprime la vision pour cette demande particulière.
Configuration du Canvas : Structure standard p5.js :
function setup() {
createCanvas(1200, 1200);
// Initialisez votre système
}
function draw() {
// Votre algorithme génératif
// Peut être statique (noLoop) ou animé
}
EXIGENCES DE SAVOIR-FAIRE
CRITIQUE : Pour atteindre la maîtrise, créez des algorithmes qui semblent avoir émergé d'innombrables itérations par un artiste génératif expert. Réglez soigneusement chaque paramètre. Assurez-vous que chaque motif émerge avec un but. Ce n'est PAS du bruit aléatoire - c'est du CHAOS CONTRÔLÉ affiné par une expertise approfondie.
- Équilibre : Complexité sans bruit visuel, ordre sans rigidité
- Harmonie des Couleurs : Palettes réfléchies, pas de valeurs RVB aléatoires
- Composition : Même dans le hasard, maintenez une hiérarchie visuelle et un flux
- Performance : Exécution fluide, optimisée pour le temps réel si animée
- Reproductibilité : La même graine produit TOUJOURS une sortie identique
FORMAT DE SORTIE
Générez :
- Philosophie Algorithmique - Sous forme de markdown ou de texte expliquant l'esthétique générative
- Artéfact HTML Unique - Art génératif interactif autonome construit à partir de
templates/viewer.html(voir ÉTAPE 0 et section suivante)
L'artéfact HTML contient tout : p5.js (depuis un CDN), l'algorithme, les contrôles de paramètres et l'interface utilisateur - le tout dans un seul fichier qui fonctionne immédiatement dans les artéfacts claude.ai ou n'importe quel navigateur. Commencez à partir du fichier modèle, pas à partir de zéro.
CRÉATION D'ARTÉFACT INTERACTIF
RAPPEL : templates/viewer.html devrait déjà avoir été lu (voir ÉTAPE 0). Utilisez ce fichier comme point de départ.
Pour permettre l'exploration de l'art génératif, créez un artéfact HTML unique et autonome. Assurez-vous que cet artéfact fonctionne immédiatement dans claude.ai ou n'importe quel navigateur - aucune configuration requise. Intégrez tout en ligne.
CRITIQUE : CE QUI EST FIXE VS VARIABLE
Le fichier templates/viewer.html est la fondation. Il contient la structure exacte et le style nécessaires.
FIXE (toujours inclure exactement comme montré) :
- Structure de mise en page (en-tête, barre latérale, zone de canvas principale)
- Marque Anthropic (couleurs d'interface, polices, dégradés)
- Section Graine dans la barre latérale :
- Affichage de la graine
- Boutons Précédent/Suivant
- Bouton Aléatoire
- Champ de saisie Sauter à la graine + bouton Aller
- Section Actions dans la barre latérale :
- Bouton Régénérer
- Bouton Réinitialiser
VARIABLE (personnaliser pour chaque œuvre) :
- L'ensemble de l'algorithme p5.js (setup/draw/classes)
- L'objet paramètres (définir ce dont l'art a besoin)
- La section Paramètres dans la barre latérale :
- Nombre de contrôles de paramètres
- Noms des paramètres
- Valeurs min/max/pas pour les curseurs
- Types de contrôles (curseurs, champs de saisie, etc.)
- Section Couleurs (optionnelle) :
- Certains arts ont besoin de sélecteurs de couleurs
- Certains arts peuvent utiliser des couleurs fixes
- Certains arts peuvent être monochromes (pas besoin de contrôles de couleur)
- Décidez en fonction des besoins de l'art
Chaque œuvre doit avoir des paramètres et un algorithme uniques ! Les parties fixes fournissent la structure de base ; les parties variables font que chaque pièce est distincte et exprime sa philosophie algorithmique unique.