Commencez avec le bon outil
Ouvrez votre assistant de programmation ou outil 3D préféré. Prenez le modèle indiqué dans l’exemple comme point de départ et consultez les instructions des projets liés.
GPT-6 AstraDescription de référence
Créer un slime souple interactif avec Three.js et WebGPU
L’auteur présente une application de slime pour navigateur appelée Softie, puis publie explicitement le prompt utilisé pour la créer. Ce prompt demande de concevoir un slime souple que l’on peut faire glisser, écraser et ajuster à l’aide de plusieurs contrôles.
À propos de cet exemple
Une consigne de départ fondée sur le projet public du créateur, pas une retranscription de son prompt original. Votre résultat pourra varier.
Notes du créateur
Crée un nouveau dossier et réalise une page de slime jouable dans le navigateur. Utilise Three.js et WebGPU, sans utiliser WebGL comme solution de repli. Au centre, une boule de slime bien ronde, rose ou vert turquoise, légèrement translucide, avec des bulles à peine visibles à l’intérieur. On doit pouvoir appuyer dessus avec la souris et la faire glisser ; lorsqu’on relâche le bouton, elle doit osciller avant de reprendre sa forme, avec un peu de gravité, et pouvoir retomber doucement sur une table invisible. Ne lui donne pas l’apparence d’une balle rigide : elle doit évoquer une matière molle et souple. Ajoute un visage mignon à sa surface : deux petits yeux noirs et une petite bouche, qui se déforment avec la surface au lieu d’être séparés du corps. À droite, ajoute quelques contrôles simples : couleur, souplesse et amortissement. Le bouton « Pichenette » doit la faire rebondir une fois. Garde une interface épurée, avec un fond gris clair et un grand titre. L’animation doit tenir à 60 i/s. Commence par produire une image de référence, puis construis la scène en t’appuyant dessus ; n’ajoute les détails qu’une fois que la capture d’écran correspond à l’image cible.
GPT6 AstraThree.jsWebGPUslimeinteraction avec un corps soupleapplication web
Le prompt
Crée un nouveau dossier et réalise une page de slime jouable dans le navigateur. Utilise Three.js et WebGPU, sans utiliser WebGL comme solution de repli.
Au centre, une boule de slime bien ronde, rose ou vert turquoise, légèrement translucide, avec des bulles à peine visibles à l’intérieur. On doit pouvoir appuyer dessus avec la souris et la faire glisser ; lorsqu’on relâche le bouton, elle doit osciller avant de reprendre sa forme, avec un peu de gravité, et pouvoir retomber doucement sur une table invisible. Ne lui donne pas l’apparence d’une balle rigide : elle doit évoquer une matière molle et souple.
Ajoute un visage mignon à sa surface : deux petits yeux noirs et une petite bouche, qui se déforment avec la surface au lieu d’être séparés du corps. À droite, ajoute quelques contrôles simples : couleur, souplesse et amortissement. Le bouton « Pichenette » doit la faire rebondir une fois.
Garde une interface épurée, avec un fond gris clair et un grand titre. L’animation doit tenir à 60 i/s. Commence par produire une image de référence, puis construis la scène en t’appuyant dessus ; n’ajoute les détails qu’une fois que la capture d’écran correspond à l’image cible.
Comment utiliser ce prompt
Choisissez un élément à modifier
Changez le sujet, le style ou le décor. Définissez clairement la caméra et l’interaction. Créez d’abord une version simple, puis affinez un détail à la fois.
Donnez des éléments uniques à la scène
Pour un personnage ou un accessoire personnalisé, créez un modèle 3D à partir d’une courte description ou d’une image de référence, puis importez-le dans votre projet.
Les aperçus appartiennent à leurs créateurs respectifs. Consultez la source originale et la licence du projet avant de réutiliser du code ou des ressources.
