Lab IA
3 rendusInteractif
Projet Three.js + TypeScript + Vite entièrement procédural, sans asset distant. Travail actif mesuré : 2 h 11 min 18 s. Fenêtre totale : 2 h 24 min 57 s. Entrée cumulée : 99 943 250 tokens, dont 95 133 440 en cache ; champ métrique non renseigné car supérieur à sa limite actuelle. Coût non mesuré, exécution via abonnement. Bundle production : 564 Ko. Intensité passée de Low à Ultra pendant l’épreuve.
Durée
génération
A131,3 min
B177,1 min
Coût
USD
ANon mesuré
BNon mesuré
Entrée
tokens
ANon mesuré
BNon mesuré
Sortie
tokens
A166 375
B173 536
Create a polished anime-style spherical miniature world strongly inspired by King Kai’s tiny planet from Dragon Ball Z. The result must be a visually coherent, lively, detailed and interactive Three.js experience—not a prototype, plan, blockout or collection of code snippets. ## Core objective Create a charming stylized 3D mini-planet scene with: - A small, clearly spherical planet with obvious curvature. - A coherent circular road network following the planet. - A whimsical focal house. - Multiple residential, rural, civic, and city areas. - Stylized vegetation and detailed environmental props. - Several animated vehicles and living inhabitants. - Mountains, water features, fields, parks, wildlife, clouds, and space scenery. - Cinematic automatic motion combined with fluid manual interaction. - A unified anime/toon aesthetic. The world must feel intentionally designed, inhabited, structured, and alive—not like randomly scattered procedural objects. ## Required technical stack The final browser experience must use: - Three.js - TypeScript - Vite Keep every runtime asset self-contained, avoid remote runtime asset URLs, and maintain a clean, robust implementation. ## Art direction The visual style must be: - Anime-inspired and toon/cel-shaded. - Colorful, clean, playful, and whimsical. - Saturated but controlled. - Detailed and readable without becoming photorealistic. - Consistent across all buildings, characters, vehicles, vegetation, terrain, and effects. - Visually polished from both the full-planet view and closer camera distances. Avoid: - Photorealistic PBR-heavy rendering. - Blurry or vague surfaces. - Generic demo-scene energy. - Randomly placed objects. - Mismatched assets. - Grey or muddy colors. - Unfinished blockout geometry. - Excessive visual clutter. ## 1. Planet shape and terrain The planet must remain unmistakably spherical and visually round. It may contain terrain detail, but the underlying sphere must not become lumpy, distorted, or lose its clean miniature-planet silhouette. Improve terrain detail substantially: - Grass, soil, roads, rocks, paths, and terrain transitions must be sharper and better defined. - Avoid blurry textures and indistinct material boundaries. - Add meaningful surface variation and micro-detail while preserving the toon style. - Break up the current “everything is green grass” appearance. - Introduce multiple coherent biomes distributed logically around the sphere. Possible biomes include: - Temperate grassland - Forest - Rocky mountain region - Cultivated countryside - Dry or sandy terrain - Lakeside and river vegetation - Dense urban terrain - Residential suburbs - Flowering meadow Transitions between biomes must feel natural and intentional. ## 2. Spherical orientation and local gravity Every element attached to the planet must respect the local surface normal and gravity toward the planet’s center: - Buildings - Houses - Roads - Dirt paths - Trees - Grass - Flowers - Bushes - Rocks - Fields - Characters - Animals - Vehicles - Mountains - Water features - Decorative props Nothing should appear globally upright, detached, floating, incorrectly rotated, or arbitrarily placed. Vehicles must stay attached to roads around the sides and underside of the planet. ## 3. Mountains Create several genuinely detailed stylized mountains. They must: - Have recognizable peaks, ridges, secondary forms, and rocky variation. - Include eternal snow or snowcaps at higher elevations. - Emerge naturally from the terrain. - Preserve the planet’s round global silhouette. - Avoid looking like simple spheres, blobs, cones, or large bumps. - Avoid looking like objects placed on top of the grass. Use a gradual material and geometry transition: grass and soil → exposed earth → rock → high-altitude rock → snow. The mountain bases should visually blend into the terrain without deforming the entire spherical planet into a lump. ## 4. Water systems Add and properly integrate: - A small lake. - A coherent stream or river. - A fountain. - A waterfall descending from a mountainous area. The lake and fountain must sit correctly on the curved surface and must not look pasted on, tilted incorrectly, floating, or sunken. The river and lake should connect logically where appropriate. The waterfall must include: - Stylized animated water. - A believable source and destination. - Mist and splash particles. - Clean integration with mountain terrain. - A polished anime/toon appearance. Add small animated fish to water areas. Their movement should feel organic and varied rather than following an obvious identical loop. ## 5. Roads and paths ### Main road A main circular road must travel all the way around the planet and visibly follow its curvature. It must: - Be black asphalt. - Have alternating/dashed white center markings. - Use realistic proportions. - Avoid white markings that are too wide or too thick. - Integrate cleanly with the terrain. - Support vehicles completing a full orbit around the planet. ### City streets and access roads Roads must not be scattered randomly. Create a coherent road hierarchy: - Main planetary road. - City avenues and connecting streets. - Residential streets. - Building access roads. - Pedestrian routes. - Rural dirt paths. - Paths serving parks, fields, monuments, and water areas. Every important building has a function and must therefore have a logical entrance, circulation route, nearby activity, and appropriately scaled access. ### Dirt paths Add coherent dirt paths connecting rural and natural areas such as: - Farms and fields. - Individual houses. - Parks. - Mountain or waterfall viewpoints. - Lakes and natural areas. - Smaller functional buildings. Paths must follow useful destinations and the curvature of the planet instead of appearing decorative or arbitrary. ## 6. Big city Develop a dense and believable “big city” area inspired by the visual organization and density of La Défense near Paris. The city must: - Use compact, believable urban density. - Avoid buildings spaced too far apart. - Have coherent blocks, plazas, avenues, and pedestrian circulation. - Contain multiple skyscrapers with different but compatible silhouettes. - Include windows and facade detail. - Use logical differences in scale based on each building’s purpose. - Have entrances facing actual streets, plazas, or paths. - Include people and vehicles moving through the district. - Feel deliberately planned instead of procedurally scattered. Maintain realistic relative scale between: - Humans - Cars and motorcycles - Houses - Civic buildings - Skyscrapers - Roads - Monuments ## 7. Buildings and houses Add more structures with meaningful visual variety: - Several detailed individual houses. - Urban towers and skyscrapers. - Smaller commercial or civic buildings. - Rural or agricultural structures. - Landmark buildings. - Park-related structures. Every building must have an identifiable function, coherent dimensions, architectural detail, and logical access. Add considerably more detached houses. Each house should have enough individual detail to avoid looking like a repeated primitive: - Doors - Windows - Roof structure - Chimneys where appropriate - Small gardens - Fences, paths, vegetation, or props - Controlled variations in shape and color Preserve the original whimsical focal house near the top of the planet. ## 8. Pantheon and landmarks The existing Pantheon-style monument is too small and underdeveloped. Rebuild or expand it so that it is: - Larger and appropriately scaled as a landmark. - Much more detailed. - Architecturally readable. - Given a proper entrance, stairs, columns, dome, facade structure, and surrounding plaza or paths. - Integrated into the world with nearby people and circulation. Spend meaningful effort on this asset rather than treating it as a tiny background prop. Add other recognizable but original stylized landmarks, including a monument inspired by the Eiffel Tower, while maintaining an original implementation and coherent anime styling. ## 9. Agriculture and fields Add several small cultivated areas. Fields must: - Follow the spherical terrain correctly. - Be placed in sensible rural zones. - Avoid awkward overlaps with roads, buildings, steep terrain, or water. - Connect to farms or rural buildings through dirt paths. - Contain readable crop rows, varied plants, fences, tools, or small props. - Look intentionally composed rather than randomly positioned. Improve the placement of all existing fields that currently look awkward. ## 10. Trees, vegetation, and fruits Add and improve: - Stylized trees. - Grass. - Bushes. - Shrubs. - Flowers. - Leaves. - Rocks. - Small decorative vegetation. - Fruit trees with visible fruits. Fruits should be clearly integrated into appropriate tree canopies and should have controlled variation in size, color, and placement. Vegetation must respect local gravity and biome placement. ## 11. Dynamic wind Implement a coherent dynamic wind system that subtly affects appropriate elements: - Trees and branches. - Grass. - Leaves. - Flowers. - Bushes. - Lightweight particles. - Other suitable environmental details. Avoid identical synchronized animation loops. Use spatial variation, phase offsets, noise, gusts, and different response strengths so the environment feels organically animated. ## 12. Vehicles Add multiple vehicles, including at minimum: - The original car. - A small truck. - A motorcycle. - Additional vehicle variation where useful. Vehicle models must be significantly more detailed, with readable elements such as: - Wheels and tires. - Wheel hubs. - Windows. - Headlights and rear lights. - Bumpers. - Body panels. - Cab and cargo structure for the truck. - Handlebars, rider position, wheels, frame, and lights for the motorcycle. Vehicles must: - Match the toon visual style. - Use coherent scale. - Follow actual roads. - Respect local planetary orientation. - Move smoothly around the sphere. - Avoid clipping or floating. - Show enough motion variation to make traffic feel alive. ## 13. Humans, characters, and animals Add more humans throughout the world. Place people where their presence is logical: - Near homes. - In the big city. - Around public buildings and the Pantheon. - In parks and playgrounds. - Near shops or civic structures. - Along paths. - Near fields. - At viewpoints or water areas. Give them simple but varied behavior: - Walking. - Waiting. - Talking. - Looking around. - Sitting. - Playing. - Working. - Wandering. Add terrestrial animals in suitable biomes and locations. Their scale, animation, and orientation must remain coherent with the miniature world. Include at least one distinctive mascot-like animated character or creature. ## 14. Parks and playgrounds Add parks and children’s playground areas with readable details such as: - Benches. - Trees and flowers. - Footpaths. - Swings. - Slides. - Small play structures. - People or children. - Fences or lamps where useful. Parks should be connected to nearby residential or urban zones. ## 15. Clouds and atmosphere Improve cloud detail and definition. Clouds must be: - Stylized and coherent with the anime look. - More detailed than blurry floating shapes. - Positioned so they do not excessively obstruct the planet or camera. - Kept mostly away from the central viewing corridor. - Removed or repositioned when they pass distractingly in front of the main scene. Atmospheric elements should enhance depth without hiding important content. ## 16. Space background Create a richer multi-layered space environment containing: - Multiple star layers. - Subtle nebulae or atmospheric color. - Distant celestial objects. - A large distant asteroid belt or asteroid ring. - Occasional shooting stars or small meteors. - Subtle trails. - Organic randomized timing and trajectories. Implement convincing space parallax. Stars, nebulae, distant objects, the asteroid ring, and nearby background elements should move at different apparent rates during camera movement. The asteroid ring should add depth without visually overwhelming the mini-planet. ## 17. Orbiting background planet The existing planet visible in the background must orbit around the main mini-planet. Its orbit should: - Be visually readable but not distracting. - Use smooth continuous movement. - Reinforce the sense of a miniature planetary system. - Interact correctly with the background parallax. - Avoid repeatedly blocking the primary world. ## 18. Camera and interaction Retain smooth automatic cinematic presentation, but replace the original “no manual controls required” limitation with full interactive controls. ### Automatic rotation When the user is not interacting: - The planet or camera should rotate continuously and smoothly. - The motion should be infinite, calm, and cinematic. - After manual interaction ends, it should gradually return to its natural automatic rotation axis and speed. ### Mouse drag rotation When the user holds the left mouse button and drags: - The planet must rotate in the actual direction of the mouse movement. - Horizontal and vertical movement must influence the corresponding rotation axis naturally. - The interaction should feel similar to manipulating Google Earth. - The controls must not feel disconnected from the cursor direction. ### Rotation inertia Fast mouse gestures must impart angular velocity: - A quick flick should make the planet continue spinning. - The direction and rotation axis must follow the gesture. - Momentum should decay gradually. - The motion must ease smoothly back toward the natural idle rotation. - Avoid abrupt snapping or instantly forcing the default axis. ### Scroll zoom Add smooth mouse-wheel zoom in and zoom out: - Include inertia and damping. - Use sensible minimum and maximum distances. - Prevent clipping through the planet. - Preserve comfortable framing. - Keep the motion fluid rather than stepping abruptly. Automatic camera behavior and manual controls must coexist without fighting each other. ## 19. Animation quality Animations should feel organic rather than mechanical. Use: - Variation in speed. - Phase offsets. - Noise-driven motion. - Randomized pauses or trajectories. - Smooth acceleration and deceleration. - Secondary motion. - Subtle idle behaviors. Apply this philosophy to: - Characters. - Animals. - Fish. - Vehicles. - Wind. - Clouds. - Shooting stars. - Water. - Background celestial objects. ## 20. Performance Maintain smooth browser performance while increasing visual richness. Use sensible techniques such as: - Instancing. - Shared geometries and materials. - Level of detail where useful. - Efficient shaders. - Controlled particle counts. - Reusable procedural assets. - Culling or distance-based simplification. Do not sacrifice visible quality through overly aggressive simplification, but avoid unnecessary scene bloat. ## 21. Quality expectations Validate every major improvement against the visible result. Check composition, scale, spherical orientation, object visibility, interaction, road connectivity, biome diversity, character activity and frame-rate stability. Preserve all functioning features while correcting obvious placement or visual problems. Pay particular attention to: - Roundness of the planet. - Spherical orientation. - Mountain integration. - City density. - Road connectivity. - Field placement. - Lake and fountain placement. - Vehicle detail. - Cloud obstruction. - Biome diversity. - Human activity. - Interaction direction and inertia. - Frame-rate stability. ## Final success standard The final scene should feel like: “A beautiful, richly inhabited anime-style miniature planet inspired by King Kai’s world, with a coherent La Défense-like city, countryside, mountains, water, wildlife, traffic, people, diverse biomes, reactive vegetation, a layered living universe, and fluid Google Earth-like interaction.” It must be a complete, polished, browser-based Three.js experience—not merely a technical demonstration. Deliver the best possible version and iterate until the visible result satisfies the requirements above.