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 2 remixes fullscreen

yokljo

remix of d/12755 by u/Jezza

function u(t) {

x.fillRect(0,0,1920,1080)
X=C(t)*4+16
Y=S(t)*2+9
for(i=9;i--;)Z=S(Y),Y+=S(X),X+=Z,x.clearRect(X*60,Y*60,3*i,3*i)

Mar 15 2019 9:24 AM UTC

}// 112/140

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

I haven't actually put the time into understanding how this works, but that doesn't stop me from remixing it!

u/lionleaf

#attractor :)

show FPS hide FPS share fullscreen

pavel

remix of d/12693 by u/danny@hille.dk

function u(t) {

for(i=c.width|=p=240;i--;e>0&&x.fillRect(q+i%5*500,i-p,e,20))q=S(a=3*S(t/2)+i*.3146)*p,e=C(a)*p-q,x.fillStyle=`hsl(${i*90},99%,${8*e**.3}%`

Mar 9 2019 3:54 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/katkip

This looks so much like a WebGL dweet but it isn't.
u/joeytwiddle

#twister

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

f=_=>S((X*X+Y*Y)**.5*5+t)
eval(unescape(escape`景爨爽ㄶⱣ⹷楤瑨㵩㵲⨱㈻椭㴱⽲㭸⹦楬汒散琨爪⡘⨲⭙⬶⤬爪⡘⼲ⵙ⬳⭚⤬㌬㌩⥚㴱ⵦ⡘㵩┲ⴱⱙ㵩⽲⼶ⴱ⤬砮晩汬却祬攽恈卌⠤筚⨱㈰紬㤹┬㔰╠`.replace(/u(..)/g,"$1%")))

Mar 6 2019 9:35 PM UTC

}// 140/140

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

Surface Plot #application

u/tomxor

Mini surface plotter! for visualising 2D scalar fields. Plug your own function into f :)
u/f8f82804

#d3
u/aleamb

wow!
u/katkip

f=_=>S(X*X*t+Y*Y*t)+C(X*X*t-Y*Y*t)
u/tomxor

#app

show FPS hide FPS share fullscreen

pavel

remix of d/701 by u/sigveseb

function u(t) {

for(x[f='fillRect'](i=8,0,2e3,2e3);w=3*i--;)for(x.fillStyle=R(s=666/i,s/2,s/4),k=w*w;b=k--/w|0;a+b&1&&x[f]((a-t%2)*s,(b-2+S(t))*s,s,s))a=k%w

Mar 4 2019 8:47 PM UTC

}// 140/140

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

More layers and a black background #improved

u/sigveseb

Nice!

show FPS hide FPS share 1 remix fullscreen

ds0

remix of d/12186 by u/ds0

function u(t) {

c.width|=r=540
for(i=r;i--;){Y=r-(2*i)
W=(2*(r**2-Y**2)**.45)
x.fillStyle=R(255*S(t+111*i))
x.fillRect(960-(W/2)+.8*r*S(t+111*i),540-Y,W,3)}

Feb 6 2019 3:00 AM UTC

}// 140/140

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

Red Visitor

u/katkip

??
u/Galaxtone

He keeps swapping

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/11689 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/d/.9-1150,s=47-d*2e4,s))a=S(ϕ=i/612),θ=i*37+C(i/99+t),d=Math.hypot(X=S(θ)*a,Y=C(ϕ)+3,C(θ)*a+5)/3e3

Jan 11 2019 8:11 PM UTC

}// 140/140

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

#waves on a #perspectives #sphere -- #d3 #pointcloud

u/f8f82804

this dweet uses a better perspective transform based on Math.hypot -- #hypot
u/f8f82804

The projection still isn't perfect, because I'm rotating the sphere's axis towards the viewer by positioning it below the camera. The resulting distortion is approximately corrected by scaling the Y coordinate with /.9.
u/f8f82804

#perspective

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(w=i=c.width|=h=Math.PI/2;i--;x.fillRect(w/2+r*C(i+t),(i<w/3?w/3:i)/2+r/2*S(i+t)*S(t),4,10))r=(i<w/2?i:w-i)/2/C(i%h-h/4-(i%h>h/2)*h/2)

Dec 19 2018 10:57 PM UTC

}// 137/140

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

Diamond

u/joeytwiddle

#model
u/f8f82804

#d3

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=60,x.scale(5,5);i--;x.ellipse(192,20+o*160,o?60:80,o?30:15,0,a=(i>>1)*(o-.5)*.42+S(3*t)*.7,a+7))o=i+i/2&1
x.stroke()

Dec 11 2018 1:37 AM UTC

}// 131/140

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

Twisted Cylinder #beesandbombs

u/pavel

Single stroke call and only ellipse to draw. The lines are canvas connecting the various ellipse draw cal into a single stroke, I just manage the start angles.
u/pavel

o determines which ellipse, 0 is top and 1 is bottom. It goes: top, bottom, bottom, top. Four-cycle to draw two vertical lines and reset. The angle increments every 2 so top and bottom angle is the same.
u/jylikangas

Thanks for writing about the tricks in your dweets.

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width^=0;x.fillStyle='#ea23';for(i=0;i++<25;){x.setTransform(S(t+i),C(t+i),0.2,0.2,960,500);x.rotate(2);x.fillRect(99,90,5e3,5e3)}

Nov 19 2018 5:10 PM UTC

}// 132/140

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

it's like staring at the sun, but not nearly as blinding

u/rnbw

(this was me just tinkering around with setTransform - it is SO powerful)
u/crunch

wack
u/crunch

wack
u/katkip

cool
u/joeytwiddle

#sun

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=w=540;i--;)for(x.beginPath(k=3);k--;x.fill())x.arc(p=i%32*99,q=(i>>5)*99,k?20:40,a=2*k+Math.atan2(1+S(t)-q/w,2+C(t/2)-p/w),a)

Nov 18 2018 10:14 PM UTC

}// 140/140

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

Compass Needles #beesandbombs