B-TIER demo
LLM canvas coding benchmark — plant-creature vs circles prompt
100k ft — What is this?
LLM canvas coding benchmark — plant-creature vs circles prompt
50k ft — Why care?
@empiricail shares a single-file HTML canvas prompt (procedurally animated plant intercepting oscillating circles) used to compare ChatGPT/Gemini/Claude on fluid animation + collision logic. Reusable LLM-coding eval prompt.
10k ft — Key takeaways
(no takeaways yet)
5k ft — Tools & techniques
ChatGPT, Claude, Gemini
API integration, code generation, single-file canvas prompt
1k ft — Deep-dive / try it
Prompt 👇
"Develop a single HTML file featuring a high-speed interactive simulation where a procedurally animated plant creature on the left side of the screen automatically intercepts and consumes circles rushing in from the right with erratic, oscillating vertical trajectories. Use the HTML5 Canvas API to manage complex collision detection and smooth animations, ensuring that the plant’s movements remain fluid and that no circular entities successfully reach the left boundary."
This prompt tests the AI’s ability to coordinate a complex interaction between a dynamic, multi-part character and a constant stream of moving targets. It requires the AI to calculate physical intersections in a high-speed environment while simultaneously managing the organic visual movement of the plant. The AI m…
Transcript excerpt
(no speech detected)