Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
(function () { var d = document, canvas = d.body.appendChild( d.createElement( 'canvas' ) ), context = canvas.getContext( '2d' ), time = 0, w = 1, h = 1, cos = Math.cos, sin = Math.sin, PI = Math.PI; function resize() { canvas.width = w = innerWidth; canvas.height = h = innerHeight; } // Monitor browser resize addEventListener( 'resize', resize, false ); // Initial size resize(); // The main animation loop setInterval( function() { context.clearRect( 0, 0, w, h ); context.fillStyle = 'rgba(125,125,255,.5)'; context.globalCompositeOperation = 'lighter'; time += .1; // The number of particles to generate i = 1000; while( i-- ) { var r = ((Math.random(time)*10))/(time)*100; //r = ( ( w + h ) * 0.4 ) * ( cos( ( time + i ) * ( .05 + ( ( sin(time*0.00002) / PI ) * .2 ) ) ) / PI ); context.fillRect( sin(i) * r + (w/2), cos(i) * r + (h/2), 2, 2 ); } }, 5 ); })()
CSS
body{ background: #121212; }
HTML
<canvas id="canvas">Canvas is not supported by your browser.</canvas>
Join Effecthub.com
Working with Global Gaming Artists and Developers!
Login
Sign Up
Or Login with Your Email Address:
Email
Password
Remember
Or Sign Up with Your Email Address:
Your Email
This field must contain a valid email
Set Password
Password should be at least 1 character
Stay informed via email
