Interactif
Explorez des portfolios 3D, des expériences produit et des essais interactifs. Choisissez une interaction qui vous plaît et apportez votre sujet et votre style visuel.
Un atlas 3D interactif de la mobilité des taxis jaunes à New York en janvier 2025, avec une carte 3D, la relecture des déplacements heure par heure, l’inspection des zones et des comparaisons avec les moyennes des jours de semaine ou du week-end.
Un prompt Dream Loop Plus pour une scène fantasy Three.js exécutée dans le navigateur, avec une caméra isométrique, un personnage contrôlable, des sols mouillés réfléchissants et des mouvements ambiants dans l’environnement. L’auteur le présente comme un prompt de démonstration utilisant GPT-5.6 Luna xhigh ; le post indique qu’Astra se charge du travail visuel dans le flux optimisé.
Prompt de départ proposé par l’auteur pour créer, dans un fichier HTML autonome, un collisionneur de particules 3D interactif inspiré du LHC du CERN et du détecteur ATLAS. Il s’agit d’un prompt pour créer un résultat similaire, et non nécessairement du prompt exact utilisé pour le résultat présenté.
Prompt pour créer dans le navigateur un paysage de rizières en 3D avec Three.js, une animation naturelle du vent, différents modes d’éclairage et de caméra, des contrôles responsifs, une végétation procédurale et un rendu en temps réel.
La publication principale présente un modèle 3D et une expérience web de la salle des Prières pour de bonnes récoltes du Temple du Ciel à Pékin, réalisés avec GPT-6 Astra et Three.js. L’auteur a ensuite partagé le prompt complet en chinois utilisé pour créer ce type de projet.
Crée un citronnier 3D gélatineux interactif avec WebGPU, dont les branches se balancent, les citrons peuvent être sélectionnés à la souris et réagissent avec une physique d’écrasement et de rebond.
Spécification détaillée d’un jeu Three.js mettant en scène un robot quadrupède aux mouvements expressifs, avec cellules de batterie visibles, recharge et trois tâches déclenchées par des objets.
Créez une scène de rue miniature interactive avec un vélo de livraison, des boutiques, des effets d’asphalte mouillé, des feuilles éparses, un monde légèrement courbé, un style pixel art et des paramètres Forge réglables.
Créez une visualisation 3D d’un smartphone avec un curseur pour le désassembler et le réassembler, des composants sélectionnables et une explication de la fonction de chaque pièce.
Crée un site 3D interactif qui décompose un ordinateur de bureau en 29 composants principaux. Ajoute une animation de démontage et des explications pour chaque pièce.
Crée une miniature de Séoul dans Three.js à partir de données cartographiques ouvertes. Ajoute la navigation par quartier, des survols de monuments, des modes jour et nuit et des commandes tactiles. Signale les bâtiments simplifiés, les hauteurs estimées et les licences des données.
Modélise un noyau d’énergie, deux anneaux et un socle métallique dans Blender. Exporte les matériaux vers une visionneuse Three.js avec des commandes de rotation, de zoom, d’orbite automatique et de pulsation.
Transforme une chambre personnelle en site interactif de présentation. Construis la scène et réalise son bake dans Blender, puis ajoute de la vapeur de café, une animation façon Matrix et de subtils effets de shaders.
Documente-toi sur l’appartement du protagoniste de D4 et recrée-le sous forme de prototype 3D jouable. Vérifie l’agencement et les interactions à l’aide de références plutôt que de supposer une reproduction exacte.
Astra devait créer une pièce courte originale et un ensemble 3D jouable avec une animation pilotée par l’audio, une navigation temporelle, un mode ralenti, des contrôles de caméra, la prise en charge du MIDI et les fichiers source.
Crée un explorateur du système solaire dans le navigateur avec Three.js, huit planètes et vingt lunes. Permets de déplacer la caméra et de planifier des vols spatiaux de manière simplifiée.
Crée une landing page des grands fonds avec des effets d’eau Three.js, une interface sombre à l’aspect vitré et des mouvements liés au défilement. Associe l’ambiance 3D à des interactions web claires et adaptées aux différentes tailles d’écran.
Construis une démonstration Three.js interactive d'Hyperloop montrant une capsule de transport, les tubes de l'infrastructure et les déplacements dans le système.
Transforme l'image de référence fournie en scène Three.js au sein d'un site de studio au défilement fluide. Coordonne les mouvements de caméra, la typographie et les transitions entre sections.
Construis un site produit interactif autour d'une bouteille en verre WebGL photoréaliste. Utilise un liquide réfractif, une rotation pilotée par le défilement et une typographie affirmée tout en préservant les performances du navigateur.
Construis une machine 3D à capsules de souvenirs. Tourne une molette pour libérer un souvenir, modélise le mécanisme dans Blender et donne aux capsules qui tombent des mouvements et des sons crédibles.
Construis un petit diorama d'accueil dans Blender et anime-le dans Three.js. Utilise des objets focaux clairs et de courtes séquences animées pour expliquer les premières actions de l'utilisateur.
Construis un site d'anatomie 3D où le corps humain se sépare en structures inspectables individuellement. Rends la vue éclatée navigable et organise les parties en systèmes pertinents.
Créez un pélican 3D qui fait du vélo sur un vélo vert menthe, directement dans le navigateur, avec un pédalage naturel, des contrôles d’orbite, un zoom et une vitesse réglable.
Expliquez ce que le visiteur peut cliquer, glisser ou modifier et les réactions obtenues. Rendez la première interaction évidente et précisez les commandes tactiles et à la souris.
Découvrez les techniques utilisées dans les exemples.
Offrez à votre prochaine scène un personnage qui mérite qu'on s'y attarde. Créez des assets 3D détaillés et texturés à partir d'une image ou de quelques mots.
Créer des assets 3D gratuitement
