function animate() updatePosition(); drawBall(); requestAnimationFrame(animate);
<!DOCTYPE html> <html> <head> <title>Bouncing Ball Screensaver</title> <style> body margin: 0; overflow: hidden; background: black; canvas display: block; </style> </head> <body> <canvas id="screensaverCanvas"></canvas> <script> const canvas = document.getElementById('screensaverCanvas'); const ctx = canvas.getContext('2d'); let width, height; let x, y; let dx = 2, dy = 3; const radius = 30; screensaver examples
function drawBall() ctx.clearRect(0, 0, width, height); // Gradient ball const gradient = ctx.createRadialGradient(x - 10, y - 10, 5, x, y, radius); gradient.addColorStop(0, '#ff6b6b'); gradient.addColorStop(1, '#c0392b'); ctx.beginPath(); ctx.arc(x, y, radius, 0, Math.PI * 2); ctx.fillStyle = gradient; ctx.fill(); ctx.shadowBlur = 15; ctx.shadowColor = "white"; function animate() updatePosition()
function updatePosition()
function draw() background(0); translate(width/2, height/2); Bouncing Ball Screensaver<
for (let star of stars) star.z -= 5; if (star.z < 1) star.z = width; star.x = random(-width, width); star.y = random(-height, height);
You are now being redirected to booking.osho.com where you can book a course, class or session.
You can browse the site but will need to register for free before you can book.
If you have previously registered at osho.com for one of our other services, you will still need to register.
OK, I understand.
×