Discussion

Créez une illusion d'optique originale en p5js

De Wikiprompt, l’encyclopédie libre de prompts

Ethan Mollick
Contribué parEthan MollickXSource

24 avr. 2024

Créez une illusion d'optique originale en p5js Une invite demandant à une IA de concevoir une illusion d'optique novatrice avec p5js, en exploitant les connaissances de la perception et en expliquant le résultat.

Contenu du PromptEnregistrer

🌐
Voici une illusion optique originale en p5js, conçue pour tromper la perception humaine de la profondeur et du mouvement. **Le code :** ```javascript let tiles = []; let gridSize = 12; let tileSize = 50; let offset = 0; function setup() { createCanvas(600, 600); noStroke(); // Créer une grille de tuiles avec des décalages aléatoires for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { tiles.push({ x: i * tileSize, y: j * tileSize, phase: random(TWO_PI), speed: random(0.02, 0.08) }); } } } function draw() { background(20); offset += 0.01; for (let t of tiles) { // Chaque tuile oscille en taille et en luminosité let pulse = sin(offset * t.speed * 100 + t.phase); let size = tileSize * (0.7 + 0.3 * pulse); let brightness = map(pulse, -1, 1, 50, 255); // Position légèrement décalée pour créer un effet de vague let xShift = sin(offset * 2 + t.phase) * 5; let yShift = cos(offset * 2 + t.phase) * 5; fill(brightness); rect(t.x + xShift, t.y + yShift, size, size); } // Superposition d'un cercle statique pour ancrer la perception fill(255, 0, 0, 30); ellipse(width/2, height/2, 200, 200); } ``` **Explication de l'illusion :** Cette illusion exploite deux mécanismes perceptifs humains : 1. **Illusion de mouvement induit** : Les tuiles oscillent en taille et en luminosité avec des phases aléatoires, créant un motif de "respiration" qui semble se déplacer en vagues. Le cerveau humain interprète automatiquement ces variations synchronisées comme un mouvement de surface, même si chaque tuile ne bouge que localement. 2. **Paradoxe de profondeur** : Le cercle rouge semi-transparent au centre est statique, mais les décalages de position des tuiles (xShift, yShift) créent une illusion de rotation globale. Le cerveau perçoit le cercle comme étant soit en avant, soit en arrière des tuiles, selon l'état du motif. Cette ambiguïté perceptive force l'œil à alterner entre deux interprétations de profondeur, créant un effet de "basculement" spatial. 3. **Le point crucial** : Les vitesses différentes des tuiles (speed aléatoire) empêchent le cerveau de prédire le motif, maintenant l'attention et renforçant l'effet d'instabilité perceptive. Le contraste entre le mouvement fluide des tuiles et le cercle fixe crée un conflit entre les systèmes de traitement du mouvement et de la forme. Cette illusion est nouvelle car elle combine un effet de "vague de luminosité" (similaire aux illusions de scintillement) avec un ancrage spatial statique, ce qui n'a pas été exploré dans les illusions classiques comme le mouvement apparent ou les figures ambiguës. Elle fonctionne particulièrement bien sur les humains car elle exploite la tendance naturelle du cerveau à chercher des motifs cohérents et à attribuer une profondeur aux éléments visuels.

Connectez-vous pour voir le prompt complet

Continuer avec:

En vous connectant, vous acceptez nos Conditions et Confidentialité

Utilisation

Ce prompt est conçu pour être utilisé avec creative. Copiez le contenu ci-dessus et collez-le dans votre outil d’IA préféré.

Pour de meilleurs résultats, personnalisez les espaces réservés (indiqués par des crochets ou des majuscules) selon vos besoins.

Références

Catégories :creative| twitter| p5js| optical-illusion

Discussion