Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
canvas = document.querySelector('canvas') ctx = canvas.getContext('2d') var tileSize = 6, gap = 2, width = (canvas.clientWidth+tileSize)/(tileSize*2)|0, height = (canvas.clientHeight+tileSize)/(tileSize*2)|0, x = width/2|0, y = height/2|0, map = [], delay = 1 ctx.strokeStyle = '#222a33' ctx.lineCap = 'square' ctx.lineWidth = tileSize*2-gap ctx.beginPath() for(var i=0;i
=0&& directions[i][1]>=0&& directions[i][0]
0){ ctx.moveTo(route[route.length-1][0]*tileSize*2+tileSize/2,route[route.length-1][1]*tileSize*2+tileSize/2) setTimeout(loop,delay) } return; } direction = alternatives[Math.random()*alternatives.length|0] route.push([direction[0],direction[1]]) ctx.lineTo(direction[0]*tileSize*2+tileSize/2,direction[1]*tileSize*2+tileSize/2) map[direction[1]][direction[0]] = true ctx.stroke() setTimeout(loop,delay) } loop()
CSS
body{ margin: 0; background: #222a33; } canvas{ display: block; margin: 20px auto 0 auto; background: #d24; border:2px solid #d24; }
HTML
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