Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
// JavaScript Document //http://js1k.com/2014-dragons/demo/1753 var canvas = document.getElementById("canvas"); var ctx = canvas.getContext('2d'); ctx.globalCompositeOperation='lighter' window.requestAnimFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function( callback ){ window.setTimeout(callback, 1000 / 60); }; })(); var beginTime=(nowTime=Date.now)(); var mysize=function(){ var width=0,height=0; return{ getWidth:function(){return width;}, getHeight:function(){return height;}, setSize:function(newWidth,newHeight) {width=newWidth;height=newHeight;} };}(); var p=[]; canvas.height=window.innerHeight; canvas.width=window.innerWidth; mysize.setSize(window.innerWidth,window.innerHeight); var temp=canvas.cloneNode(0); context=temp.getContext('2d'); context.fillStyle='#2a2430'; context.fillRect(0,0,mysize.getWidth(),mysize.getHeight()); context.translate(mysize.getWidth()/2,mysize.getHeight()/2); context.beginPath(); context.arc(200,-250,30,0,2*Math.PI) context.fillStyle='#fff9af'; context.fill(); function A(a,b){d=Math.sqrt(a*a+b*b); p.push(a*Math.cos(Math.PI/3)-b*Math.sin(Math.PI/3),Math.sin(d/100)*100-Math.cos(d/25)*8,a*Math.sin(Math.PI/3)+b*Math.cos(Math.PI/3))} for(j=120;j>=-120;j-=10) for(i=-120;i<=120;i+=10){ A(i-5,j-5), A(i-5,j+5), A(i+5,j+5), A(i+5,j-5), p.push(0,0,0);} context.fillStyle='#2a2430'; context.strokeStyle='#50ffff'; context.beginPath(); for(i=0;i
60)p.splice(j,1); } for(var d=r.length;d--;){ r[d]+=dTime/20; context.beginPath(); q=-30*d+10; a=r[d]-.1; k=250/(150*Math.sin(a)+250); context.moveTo(mysize.getWidth()/2+150*k*Math.cos(a),mysize.getHeight()/2+k*q); a=r[d]+.1; k=250/(150*Math.sin(a)+250); context.lineTo(mysize.getWidth()/2+150*k*Math.cos(a),mysize.getHeight()/2+k*q); context.stroke(); } }()
CSS
*{ margin:0; padding:0;}
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