Tessellation tiles

We gave multiple AI models the exact same prompt.
No edits. No tweaks. No corrections.
Just pure AI-generated code - raw results.

Some impress. Some fail.
Which one would YOU choose? 👇 Vote in the comments.

─────────────────────────
🔔 Subscribe for weekly AI MatchUps
🎯 Same prompt. Different AI. Real results.
─────────────────────────

#AI #AiMatchUp #ArtificialIntelligence #Coding #AIComparison #ChatGPT #Claude #Gemini #AITools #Tech

─────────────────────────
Challenge: Tessellation tiles
FULL PROMPT
Challenge: Tessellation tiles. patterns locking together. Create geometric tiles sliding, rotating, and snapping into a repeating tessellation pattern, with color shifts that reveal the symmetry.
Target duration: 10 seconds

Build a single self-contained HTML document with inline CSS and inline JavaScript.

Rules:
Build a single self-contained HTML file with inline CSS and inline JavaScript.
Pure HTML/CSS/JS only.
No external libraries.
No external assets.
No text inside the animation.
Must run immediately on load.
Must be a continuous smooth one-shot animation.
High contrast and visually readable in one quadrant of a 2x2 vertical video grid.

Additional layout note:
The animation must remain visually readable when shown in one quadrant of a 2x2 vertical video grid.

Keep the HTML concise and production-ready.
Avoid comments and unused code.
Prefer compact CSS and JavaScript.
Do not include unused controls, labels, debug UI, or explanatory text.

Return only the final HTML document.
No markdown fences.
No JSON.
No explanation text.
No alternative versions.

Видео Tessellation tiles канала AI MatchUp