Top dweets of all time

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: #Food

show FPS hide FPS share 1 remix fullscreen

jick

function u(t) {

c.width=1000;
x.font="2em courier bold";
d=0;
for(j=0;j<800;j+=30) {
 i=500+(100*S(t+(j*.51)));
 l='CAGT'[~~(d++)%4];
 x.fillText(l,i,j);
}

May 21 2018 1:20 AM UTC

}// 139/140

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

u/joeytwiddle

#dna #helix

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/8081 by u/magna

function u(t) {

for(i=389,x.fillStyle=R(0,0,0,C(t)*.97+1),x.fillRect(0,0,2e3,2e3);i--;x.fillText('🔴⚪🔵',i%26*80-S(a=t*2+i/2)*70,~~(i/26)*80+C(a)*70));

May 11 2018 5:21 AM UTC

}// 133/140

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

u/Xen

Love it!
u/aleamb

yeah!
u/loni_art

ow oof ouch, nice!
u/magna

#rgb
u/Qwitter

feels like i spilt some water on my rgb display

show FPS hide FPS share fullscreen

trancor

remix of d/7905 by u/trancor

function u(t) {

c.width=999,w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})

May 4 2018 1:02 AM UTC

}// 140/140

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

u/firegodjr

#smoke #wireframe
u/hollo47

Abstract smoke! Nice! Could look nice if it left a trail?
u/joeytwiddle

Tried shadowBlur but very heavy. Trails look better anyway: x.fillStyle='#fff3',t?x.fillRect(0,0,999,800):c.width=999;x.beginPath();w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})
u/trancor

Oooo, I like that, great idea! I'll have to try incorporating that into a remix. Thanks joeytwiddle!

show FPS hide FPS share fullscreen

zgrep

function u(t) {

r=Math.random,A=!t?[[960,1100,4.7]]:r()<.001**t?[...A,...A]:A.map(p=>[X=p[0]+9*C(a=p[2]),Y=p[1]+9*S(a),a+r(x.fillRect(X,Y,9,9))-.5])

Apr 25 2018 9:32 PM UTC

}// 132/140

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

A growing tree.

u/zgrep

Viciously golfed thanks to u/FireFly and their JS golfing prowess.
u/trancor

I just facepalmed... !t is so much cheaper than t==0 (I've been using...).Well done on the mapped expansion, interesting way to generate a ton of objects.

show FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/7693 by u/firegodjr

function u(t) {

c.width=1920
x.globalAlpha=0.5
for(y=41;--y;){x.fill();x.beginPath();for(w=99;--w+1;){x.lineTo(20*w,S(t+y/5+(S(t/4)+1.1)*w/3)*50+30*y-75)}}

Apr 16 2018 5:56 PM UTC

}// 139/140

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

Wobbly Cellular Lava Lamp

show FPS hide FPS share fullscreen

yonatan

function u(t) {

w=c.width=99
for(i=6e3;i--;x.fillRect(i%w,i/w|0,1,1))d=((X=i%w-50)*X+(Y=i/w-30)*Y),x.fillStyle=R(z=((Y/d-S(t/9))*1e4^(X/d+C(t/7))*1e4)&255)

Apr 16 2018 2:52 PM UTC

}// 139/140

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

http://jsdo.it/spanvega/n3Wo

u/yonatan

big props to u/BalintCsala for getting rid of the atan2 call!

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

with(x)for(rect(T(-t)*9,111,c.width=220,i=-1);i++<2;stroke())translate(X=!i*99,X-!!i*22+C(4*t)*-~i)&rotate(t)&rect(9,9,-18,-18)&rotate(t=-t)

Apr 15 2018 3:48 PM UTC

}// 140/140

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

Walking boxes

u/jylikangas

Dwitter implementation of http://muuficom.tumblr.com/post/87229339929

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(w=c.width|=i=30;i--;x.rect(-Z/2,-Z/2,Z,Z))Z=w/(a=i-t%2+2),x.setTransform(k=S(b=a/4*S(t)),l=C(b),-l,k,960,540)
x.fill("evenodd")

Apr 14 2018 2:40 PM UTC

}// 131/140

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

u/Chafik.Design

That's something really classy!

show FPS hide FPS share fullscreen

thomz12

function u(t) {

for(w=c.width=i=320,x.translate(160,90);--i;n=w/(i-t%1),x.strokeRect(m=-n/2,m,n,n));for(j=2;--j>-2;x.strokeRect(0,0,l=j*n,l*j))x.rotate(.78)

Apr 12 2018 9:03 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 1 remix fullscreen

joeytwiddle

remix of d/3634 by u/joeytwiddle

function u(t) {

r=Math.random,w=700,a=w*r()**.6,p=w*r(),x.fillRect(p&7?960+a/2*C(p):960+99*C(p),p&7?980-a-a/6*S(p):90+200*r()+30*S(p),.2,.2),t<9&&u(t+.002)

Apr 12 2018 6:33 AM UTC

}// 139/140

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

Example of looping with recursion, trailing off as time goes by

u/joeytwiddle

For the first 9 seconds it calls u() 250 times per frame (on average), after that just once per frame
u/hollo47

Looks like these M.C. Escher lithographies, I love the feel of it!