Dweets awesomed by u/Niklas

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share fullscreen

Niklas

remix of d/1663 by u/Niklas

function u(t) {

for(q=20736,i=q,C=192,s=10;i--;)M=Math.atan2,X=i%C,Y=~~(i/C),x.fillStyle=R((M(X,Y)+t)*99%50,(M(X-192,Y)+t)*99%50,99),x.fillRect(X*s,Y*s,s,s)

Mar 1 2017 9:25 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 2 remixes fullscreen

Niklas

remix of d/1658 by u/recursive

function u(t) {

for(q=20736,i=q,C=192,s=10;i--;)X=i%C,Y=~~(i/C),x.fillStyle=R(p=(Math.atan2(X-96,Y-54)+t+4)*400%256,p,p),x.fillRect(X*s,Y*s,s,s)

Mar 1 2017 9:13 AM UTC

}// 128/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

Niklas

remix of d/1578 by u/Niklas

function u(t) {

for(c.width|=0,q=80,r=.485,i=q;i--;)for(a=i*r+t,k=12*q+C(a)*q*3,l=7*q+S(a)*S(t)*q*3,j=q;j--;)b=j*r,x.fillRect(k+C(b)*q*C(a),l+S(b)*q,3,3);

Feb 28 2017 10:39 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

t||x.translate(X=960,540,c.onmousemove=e=>X=e.offsetX);for(i=80;i--;x.rotate(8))x.fillStyle=`hsl(${X},80%,${i}%)`,x.fillRect(i,S(t)*960,i,i)

Feb 28 2017 9:39 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Interactive demo! Move your mouse to change colour!

Show more comments…
u/FireFly

Thanks to veubeke and p01 for golfing tips :)
u/lionleaf

Oh wow! That's amazing
u/sigveseb

really nice!
u/iverjo

Sick!
u/profit

really cool!
u/lionleaf

On mobile you can tap at different locations for different colors
u/sfacci

ridiculously awesome
u/SpecialAgent

Excellent! And packed full of useful technical tricks, double whammy!
u/Xen

Done Re-mi(X)en
u/jaemiejaemie

borrowed the code used for capturing the mouse x on #4296, thank you
u/iverjo

#interactive
u/lionleaf

#spiral

show FPS hide FPS share 1 remix fullscreen

Niklas

remix of d/1511 by u/Niklas

function u(t) {

for(c.width|=0,q=80,r=.0785,i=q;i--;)for(a=i*r+t,k=12*q+C(a)*q*3,l=7*q+S(a)*C(a)*q*3,j=q;j--;)b=j*r,x.fillRect(k+C(b)*q*C(a),l+S(b)*q,3,3);

Feb 28 2017 4:17 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

Niklas

function u(t) {

for(q=20736,i=q,C=192,s=10;i--;)E=Math.random()*255,x.fillStyle=R(E,E,E),x.fillRect(i%C*s,~~(i/C)*s,s,s);

Feb 28 2017 12:57 AM UTC

}// 105/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 2 remixes fullscreen

lionleaf

remix of d/431 by u/lionleaf

function u(t) {

c.width=2e3;v='Avatars from gravatar!';for(i=v.length;i--;)x.font=130+S(t*5)*30+'px Arial',x.fillText(v[i],i*89,540+S(t*9+i)*20)

Feb 28 2017 12:06 AM UTC

}// 128/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Avatars have been added! They are fetched from gravatar.com based on your email, so register there to get one. Thanks to u/sigveseb for the implementation :)

u/lionleaf

#feature

show FPS hide FPS share fullscreen

Niklas

remix of d/1519 by u/Niklas

function u(t) {

for(c.width|=0,m=960,q=120,i=q;i--;)for(x.fillStyle=R(1,i,1),s=S(.026*i)*q*3,j=q;j--;)b=6.28*j/q+t,x.fillRect(m+C(b)*s,m/3.2+4*i+S(b)*s,3,3)

Feb 27 2017 11:28 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

sfz

remix of d/1479 by u/sfz

function u(t) {

c.width=w=2e3
d=new Date
t?!(d&9)&&o.push([d%w,0,0,d%9]):o=[]
o.map(a=>(x.font=a[3]+'em ø',x.fillText('❄',a[0],a[1]+=a[2]+=a[3]*a[3]/w)))

Feb 27 2017 11:03 PM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Snowflakes with gravity acceleration and parallax

u/sfz

err, depth that is, small ones fall slower as if they're further away :P
u/joeytwiddle

#snow I think it's fair to call that parallax, just vertical

show FPS hide FPS share 1 remix fullscreen

Niklas

remix of d/1517 by u/Niklas

function u(t) {

for(c.width|=0,m=960,q=120,i=q;i--;)for(s=S(.026*i)*q*3,j=q;j--;)b=6.28*j/q+t/2,x.fillRect(m+C(b)*s*1.1,m/3.5+5*i+S(b)*s,3,3)

Feb 27 2017 10:56 PM UTC

}// 125/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

dwitter.net | Niklas (4536)