AI Generates a 3D Rainy Night Convenience Store | GPT-6.1 sol, Gemini 3.8 Flash, and DeepSeek V4.1-Flash-1017

Test Background and Prompt

Using the exact same prompt, I tasked three different AI models with generating an interactive 3D HTML page featuring a Japanese convenience store on a rainy night.

Prompt (translated from original Chinese):

Please create a miniature 3D scene of a rainy night street corner with a convenience store, viewed from a third-person perspective. The whole scene should look like an interactive miniature diorama / small landscape that can be freely dragged, rotated, and zoomed, without any extra UI elements. 

The ground must be a complete square base, and all elements should be built on top of this base. The composition should be compact and clearly layered, presenting a delicate, collectible model-like feel. The visual style should be cel-shaded (three-to-two / toon shading), highlighting a rich Japanese anime aesthetic with clean materials, defined silhouettes, and soft colors enriched by neon night lighting layers.

The centerpiece of the scene is a Japanese convenience store located at the visual center of the base. The exterior should include typical Japanese street-corner elements: convenience store signage, glass display windows, automatic sliding doors, an entrance awning/canopy, an entrance doormat, vending machines, bicycles, an umbrella stand, trash cans, street lamps, utility poles, hanging power wires, road signs, street corner guardrails, parking spots, drainage gutters, puddle-covered asphalt, reflective crosswalks, an alley entrance, outdoor AC units, and small bulletin/poster boards. The street does not need to be huge, but it should have a clear street corner turn, resembling a quiet neighborhood corner seen in Japanese anime.

Once the model is loaded, include an assembly entrance animation: elements gradually build up from the ground, stacking pieces together into a complete scene. Do not include human characters, but the store interior must be well-furnished and clearly visible through large glass windows. The interior should feature typical convenience store fixtures, looking bright, warm, realistic, and lively.

Here are the live interactive demo links generated by GPT-6.1 sol, Gemini 3.8 Flash, and DeepSeek V4.1-Flash-1017:

• Rainy Night Convenience Store | GPT-6.1 sol Demo
• Rainy Night Convenience Store | Gemini 3.8 Flash Demo
• Rainy Night Convenience Store | DeepSeek V4.1-Flash-1017 Demo

Test Setup & Tools

• VSCode Codex — GPT-6.1 sol (Low)
• VSCode Antigravity — Gemini 3.8 Flash (Low)
• TRAE CN — DeepSeek V4.1-Flash-1017

Model Results & Detailed Evaluation

GPT-6.1 sol Results

Rainy Night Convenience Store | GPT-6.1 sol Demo

1. 3D Tech Stack & Completeness
   Bundled with Three.js and OrbitControls, featuring smooth rotation, zooming, panning, damping, and touch support. The code is complete and functional. Note: It is packaged as an HTML file referencing an external JS file rather than a strictly self-contained single HTML file.
2. Assembly Entrance Animation
   Features staggered position.y elevation and scale enlargement with cubic ease-out curves. The sequence builds up the base, walls, interior fixtures, glass panels, roof, and street props over approximately 3.7 seconds. The minor drawback is that elements enter primarily in coarse groups rather than true piece-by-piece assembly, and street fixtures arrive before the main building has fully settled into position.
3. Toon Shading & Rainy Night Atmosphere
   Includes 1,500 rain streaks, puddle patches, expanding ripples, and a balanced cool/warm color palette. However, the meshes rely on standard MeshStandardMaterial rather than genuine toon shading materials (MeshToonMaterial), and there are no outline passes. Ground roughness is uniformly set to 0.66; wet reflections are simulated with semi-transparent tinted planes rather than dynamic scene/light reflection.
4. Interior Visibility & Lighting Contrast
   The glass uses transparent: true, opacity: 0.1, and depthWrite: false, providing clear see-through visibility. The interior is illuminated by warm-toned point lights, illuminating shelves, rear drink coolers, the checkout counter, and food displays, contrasting well against the cooler outdoor ambient light. A solid implementation, though the roof and awning can obstruct interior views from steep overhead angles.
5. Detail Density & Base Constraints
   The diorama sits on a 12×12 base and includes vending machines, bicycles, umbrella racks, garbage bins, guardrails, utility poles, wires, parking lines, gutters, and an AC unit. However, some elements violate boundary bounds—the right parking lot line extends out to x=7 when the boundary ends at x=6. Additionally, bulletin boards and goods on shelves are mostly basic geometric boxes.

---

Gemini 3.8 Flash Results

Rainy Night Convenience Store | Gemini 3.8 Flash Demo

1. 3D Tech Stack & Completeness
   Uses a local bundle.js bundling Three.js, OrbitControls, and TWEEN without requiring third-party CDN calls. Full rotation, zoom, damping, and angle clamps are properly configured. Like the GPT output, it relies on HTML + external JS rather than a standalone single HTML file.
2. Assembly Entrance Animation
   Animates elements dropping into place along position.y while scaling up from 0.001 using Back.Out bounce easing. All objects correctly reach their destination poses. However, the animation operates across only four large groups: ground, entire store, street props, and infrastructure. Walls, shelves, and roofing do not assemble incrementally, falling short of a true piece-by-piece assembly feel.
3. Toon Shading & Rainy Night Atmosphere
   Properly adopts MeshToonMaterial paired with a four-tone gradient map and nearest-neighbor sampling. Road roughness is dialed to 0.18 and puddles to 0.05, accompanied by 1,800 rain streaks and 18 dynamic animated ripples. The shortcomings: an outline shader function is defined in code but never actually invoked; and without environment maps or planar reflections, low roughness only yields specular highlights from lights rather than reflections of the store itself.
4. Interior Visibility & Lighting Contrast
   Both front and side walls feature glass panels with transparent: true, opacity: 0.32, transmission: 0.85, and disabled depth writes. The interior is rich in furnishings, including double-sided grocery gondolas, beverage refrigerators, cash registers, an oden warmer, a coffee machine, cigarette displays, and a magazine rack. However, interior point light intensities are low (2.2 and 1.2), which—given Three.js physically correct light decay—leaves the interior dimmer than ideal; emissive ceiling panels do not cast actual light onto the shelves.
5. Detail Density & Base Constraints
   The base measures approximately 20.4×20.4. It includes dual vending machines, bicycles, umbrella stands, trash cans, air conditioners, plastic crates, transformers, electric meters, sagging utility wires, guardrails, and traffic curved mirrors. Major structures stay well within the base boundaries. On the downside, merchandise primarily relies on flat textures, bicycle geometry is quite simplified, and some equipment placement feels slightly haphazard.

---

DeepSeek V4.1-Flash-1017 Results

Rainy Night Convenience Store | DeepSeek V4.1-Flash-1017 Demo

1. 3D Tech Stack & Completeness
   Employs Three.js r160 and OrbitControls via ES module imports (importmap). Cleanly modularized code with complete render loops, responsive resizing, and camera limits. Note that because of modular imports, it requires a static web server to run locally rather than opening directly as a standalone local file.
2. Assembly Entrance Animation
   Features a dedicated Assembly subsystem animating real position.y translations and scaling effects, including ground rise, aerial drop, and elastic pop. The animation sequences in order: foundation at 0s, followed by asphalt road, store structure, interior, signage, outdoor props, wires, and finally weather/rain effects. Some components are still grouped together (e.g., walls and rooftop HVAC units scale up simultaneously), but it is visibly closer to a layered assembly sequence than the others.
3. Toon Shading & Rainy Night Atmosphere
   Faithfully applies MeshToonMaterial, four-tone gradient ramps, and actively mounted EdgesGeometry silhouette outlines. Rain rendering includes 1,500 GPU-driven streaks and 34 continuous ripple rings, complemented by cool ambient fog and subtle neon sign breathing animations. The main trade-off: the road surface uses toon material, and puddles/reflections are simulated via tinted transparent planes rather than physically wet roughness reflections.
4. Interior Visibility & Lighting Contrast
   Storefront windows use transparent: true, opacity: 0.05, and depthWrite: false. The interior is brightly lit by four warm PointLight nodes and cool refrigerator fill lights. Fully populated with 3D grocery shelves, coolers, and checkout counters. Strong technical setup for warm interior vs. cool exterior contrast.
5. Detail Density & Base Constraints
   The main platform is a generous 26×26 square base. Includes surrounding alley structures, background building silhouettes, street lamps, guardrails, road markings, manhole covers, and air conditioners. Relative scale is well maintained (bicycle is ~1.8 units, storefront is ~11.7 units). The only caveat is that the expanded surrounding environment slightly dilutes the prominence of the central convenience store.

---

Side-by-Side Comparison

Evaluation Dimension	GPT-6.1 sol	Gemini 3.8 Flash Low	DeepSeek V4.1-Flash-1017
1. 3D Stack & Completeness	Packaged Three.js & OrbitControls; supports orbit, zoom, pan; HTML + external JS asset	Bundled Three.js, OrbitControls, TWEEN; clean local scripts	Three.js r160 & OrbitControls loaded via import map; clean modular structure, needs static HTTP server
2. Assembly Animation	Staggered rise and scale across multiple groups; structural staging	Only 4 high-level groups; entire building drops as a single unit	Granular registration (base, road, glass, doors, signage, interior, props); supports rise, drop, pop; walls and roof still grouped
3. Toon Shading & Atmosphere	Standard material (MeshStandardMaterial), no outlines; rain streaks, ripples & transparent puddle planes	Multi-tone MeshToonMaterial, low-roughness puddles; outline function defined but uncalled	4-tone MeshToonMaterial, actively attached silhouette lines; 1,500 GPU rain streaks, 34 ripples, neon pulsing; road uses toon material with decal puddles
4. Interior Visibility & Lighting	Transparent glass, warm point light, decent 3D merchandise	Transparent glass, dense interior decor; interior point light intensity is somewhat low; goods rely on flat textures	Glass opacity 0.05, 4 warm point lights + cooler fill lights; 3D merchandise via InstancedMesh; densely furnished shelves and counters
5. Detail Density & Base Boundary	12×12 base, rich street props; parking markings extend past boundary	~20.4×20.4 base, rich props, major objects remain within perimeter	~26×26 base, includes adjacent alley and background building facades; high depth, though slightly competes with the main store

Verdict & Ranking

Overall completeness ranking: DeepSeek > Gemini > GPT

• DeepSeek V4.1-Flash took the lead thanks to more granular assembly animations, functional cel-shaded outline rendering, and richer scene layering.
• Gemini 3.8 Flash followed closely with solid cel-shading material configuration, rich interior item modeling, and clean base containment, though held back by coarse animation grouping and uncalled outline code.
• GPT-6.1 sol produced an attractive and smooth scene, but fell behind on strict cel-shading requirements (used standard PBR material) and boundary clamping.