English, asked by abdulrehman45, 11 months ago

paragraph writing on overcoming health issues with brainstorming​

Answers

Answered by aman7913
1

&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;&lt;title&gt;title&lt;/title&gt;</p><p>&lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;</p><p>&lt;style type="text/css"&gt;</p><p>body{</p><p>margin:0%;</p><p>padding:0%;</p><p>background-color:#000;</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;canvas&gt;&lt;/canvas&gt;</p><p>&lt;script type="text/javascript"&gt;</p><p>var canvas=document.querySelector("canvas");</p><p>canvas.width=window.innerWidth;</p><p>canvas.height=window.innerHeight;</p><p>var context=canvas.getContext("2d");</p><p></p><p>var dx=4;</p><p>var r=15;</p><p>var x=Math.random()*(canvas.width-r*2)+r;</p><p>var y=Math.random()*(canvas.height-r*2)+r;</p><p>var dy=4;</p><p>function animate(){</p><p>    requestAnimationFrame(animate);</p><p>    context.beginPath(); context.clearRect(0,0,innerWidth,innerHeight);</p><p>/*context.fillStyle = "rgba(0,0,0,0.3)";context.fillRect(0,0,innerWidth,innerHeight);*/</p><p>document.body.style.backgroundColor=bg();</p><p>    context.arc(x,y,r,0,2*Math.PI,false);</p><p>    context.fillStyle="#0ff";</p><p>context.fill();</p><p>context.closePath();</p><p></p><p>if(x+r&gt;innerWidth || x-r&lt;0){</p><p>    dx=-dx;</p><p>}</p><p>if(y+r&gt;innerHeight || y-r&lt;0){</p><p>    dy=-dy;</p><p>}</p><p>x+=dx;</p><p>y+=dy;</p><p></p><p>}</p><p>requestAnimationFrame(animate);</p><p>function bg(){</p><p>context.beginPath();</p><p>for(var c=0,color=0;c&lt;10;c++){</p><p>    for(var ro=0;ro&lt;10;ro++){</p><p>        context.strokeStyle="hsl("+color+",100%,50%)";</p><p>        context.strokeRect(c*window.innerWidth/10,ro*window.innerHeight/10,window.innerWidth,window.innerHeight);</p><p>        color+=50;</p><p>        context.closePath();</p><p>        </p><p>    }</p><p>}</p><p>}</p><p></p><p>&lt;/script&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Similar questions