Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
var circles = 12, delta = 0, frames = 100; function setup() { createCanvas(450, 450); } function draw() { background(50); stroke(0,200,200); noFill(); for (var i=0; i<circles; i++) { var size = i*35; var weight = map(sin(delta+TWO_PI/circles*i), -1, 1, 1, 16); strokeWeight(weight); ellipse(width/2, height/2, size, size); } delta += TWO_PI/frames; }
CSS
body { background: #323232; } canvas { display: block; margin: auto; }
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.7/p5.min.js"></script>
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
