I tested the latest Claude 3.7 sonnet with games and simulations to test how good it can code!
What do you think of the result?! Let me know!
Prompts:
Create a single HTML file that simulates a traffic light system. The traffic light should display three states—red, yellow, and green—each with distinct animations (e.g., glowing effect for red, pulsing for yellow, steady shine for green). Show all three lights side by side, styled with a dark background. Use CSS for styling and animations, and JavaScript to include a button or function to cycle through the states, demonstrating the animations for each.
Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.
Prompt Credit - https://x.com/AGI_FromWalmart/status/...
Develop a single HTML file that displays an analog clock showing time. Help me manually turn the ticks by dragging them with mouse interactively and play with time. Make sure to add a dark model and a light mode
❤️ If you want to support the channel ❤️
Support here:
Patreon - / 1littlecoder
Ko-Fi - https://ko-fi.com/1littlecoder
🧭 Follow me on 🧭
Twitter - / 1littlecoder