```
data:text/html,<!DOCTYPE html><html><head><title>Windy Landscape</title><style>body { margin: 0; overflow: hidden; background: #87CEEB; } canvas { display: block; }</style></head><body><canvas id="canvas"></canvas><script>const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window.innerHeight; const grassBlades = []; for (let i = 0; i < 200; i++) { grassBlades.push({ x: Math.random() * canvas.width, y: canvas.height - Math.random() * 100, height: 20 + Math.random() * 40, sway: Math.random() * Math.PI * 2, speed: 0.02 + Math.random() * 0.03 }); } const clouds = []; for (let i = 0; i < 5; i++) { clouds.push({ x: Math.random() * canvas.width, y: 50 + Math.random() * 150, width: 80 + Math.random() * 100, speed: 0.3 + Math.random() * 0.5 }); } function animate() { const gradient = ctx.createLinearGradient(0, 0, 0, canvas.height); gradient.addColorStop(0, '#87CEEB'); gradient.addColorStop(1, '#E0F6FF'); ctx.fillStyle = gradient; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = '#8B7355'; ctx.fillRect(0, canvas.height - 150, canvas.width, 150); ctx.strokeStyle = '#228B22'; ctx.lineWidth = 2; grassBlades.forEach(blade => { blade.sway += blade.speed; const swayAmount = Math.sin(blade.sway) * 15; ctx.beginPath(); ctx.moveTo(blade.x, blade.y); ctx.quadraticCurveTo(blade.x + swayAmount / 2, blade.y - blade.height / 2, blade.x + swayAmount, blade.y - blade.height); ctx.stroke(); }); ctx.fillStyle = 'rgba(255, 255, 255, 0.8)'; clouds.forEach(cloud => { cloud.x += cloud.speed; if (cloud.x > canvas.width + cloud.width) { cloud.x = -cloud.width; } ctx.beginPath(); ctx.arc(cloud.x, cloud.y, cloud.width * 0.3, 0, Math.PI * 2); ctx.arc(cloud.x + cloud.width * 0.3, cloud.y, cloud.width * 0.4, 0, Math.PI * 2); ctx.arc(cloud.x + cloud.width * 0.6, cloud.y, cloud.width * 0.35, 0, Math.PI * 2); ctx.fill(); }); requestAnimationFrame(animate); } animate(); window.addEventListener('resize', () => { canvas.width = window.innerWidth; canvas.height = window.innerHeight; });</script></body></html>
```