Dweets awesomed by u/joeytwiddle

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 fullscreen

cantelope

remix of d/3008 by u/New_Core

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(X=Y=0,i=d=350;i--;x.clearRect(X*Z+960,Y*Z+540,Z*4,Z*4))Z=d/(9+d-t*i%d),X+=6*C(a=i/50-9*S(t/8)*S(i/9)),Y+=6*S(a)

Aug 5 2017 5:55 AM UTC

}// 139/140

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

just made a few small changes.. loved this one and wanted to see it with colors inverted :D

show FPS hide FPS share fullscreen

FireFly

remix of d/3005 by u/FireFly

function u(t) {

for(i=5e3;Z=(i--%4>1)+i/128;i%4||x.beginPath(x.fill()))X=i%128+2>>2,x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.lineTo(X*60,Z*35-Y)

Aug 3 2017 9: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).

Ripples! With proper quads instead. Add +Z*X-Z*16 after X*60 for perspective projection too (brings it up to 146)

u/FireFly

Another byte can be saved with with(x), but this causes a fair bit of slowdown for me. Thanks for some golfing tips from qfox and others on the jsgolf slack :)
u/cantelope

can't stop watching. def in my top 10 favs
u/iverjo

Very impressive!

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/3007 by u/New_Core

function u(t) {

b=c.width|=1,d=350
X=10*S(t)
Y=10*C(t)
for(i=d;i--;x.fillRect(X*Z+960,Y*Z+540,Z,Z))Z=d/(9+d-t*i%d),X+=6*C(a=i/50-9*S(t/8)*S(i/9)),Y+=6*S(a)

Aug 3 2017 7:42 AM UTC

}// 139/140

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

total chaos ;)

u/13thptr

#d3

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(i=5e3;i--;i%4||x.beginPath())Z=i/128+i%2,X=i/4%32+(i%4>1),x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.fill(x.lineTo(X*60,Z*35-Y))

Aug 2 2017 9:02 PM UTC

}// 139/140

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

Ripples!

u/alien

Respect

show FPS hide FPS share fullscreen

raurir

function u(t) {

c.width=1920;p=92;for(n=0;n<p*p;n++){i=n%p,k=n/p|0,j=(k-p/2)/(p/2),r=C(t*3+(i+k)/9*C(t))*2*(1-j*j);x.fillRect(p+k*19,p+(i-r*r)*9,19,3)}

Aug 2 2017 1:08 PM UTC

}// 135/140

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

My take on Unknown Pleasures

u/raurir

Thanks to xen!
u/cantelope

cloth physics in 135b!
u/Xen

i bet you could beat 100bytes ;)
u/raurir

140 is the target, mission accomplished. You're welcome.
u/joeytwiddle

#cloth #material

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/2963 by u/p01

function u(t) {

for(X=c.width=99;X--;x.fillRect(X,D,1-D/7,59-D*6))for(D=0;','<(u+1)[t+D*C(T=X/99-C(t))|(4.5+D*S(T))<<3]&&D<6;)D+=.1

Jul 31 2017 11:18 PM UTC

}// 115/140

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

Dweetenstein115

u/iverjo

Impressive! Also kudos to p01 for creating the original
u/donbright

omg
u/Xen

Every remix i've ever done wouldn't exist without the original ;-)
u/iverjo

#wolfenstein
u/Xen

#d3 #raymarching

show FPS hide FPS share 1 remix fullscreen

p01

function u(t) {

for(X=c.width=240;X--;x.fillRect(X,D*4,2/D,129-D*8))for(D=0;'.'<(u+1)[(t*4+D*C(T=X/240-.5+C(t)/3)&7)|(3.5+D*S(T))<<3]&&D<16;)D+=.1

Jul 28 2017 10:41 PM UTC

}// 130/140

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

ITSY-DWITTY-WOLFENSTEINY

u/sigveseb

Ace!
u/p01

THANKS. I optimized this down to 128 bytes and fixed the bug of the thin walls in the background - https://www.dwitter.net/d/2963
u/iverjo

#wolfenstein

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

s=40+30*((1-C(t/2))**4)
c.width=s
x.font=(s/4)+'px serif';
x.fillText("~\\/0t3*",s/9,s*.4);
c.style.imageRendering=2*t&1?'pixelated':''

Jul 28 2017 8:58 AM UTC

}// 135/140

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

Have your say regarding pixelated dweets: https://github.com/lionleaf/dwitter/pull/216

u/joeytwiddle

(The CSS in this dweet works in Chrome and Safari, but not Firefox)
u/joeytwiddle

Although I think the consensus has emerged already.
u/joeytwiddle

A bit clearer: s=40+90*((1-C((t/2|0)/2))**2)

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2948 by u/cantelope

function u(t) {

for(x.globalAlpha=.05,x.fillRect(0,0,g=i=2e3,2e3);i--;x.clearRect(960+l*S(i/3e2+t)*g/Z,540+C(p)*i/Z*g,s=5e8/Z/Z,s))l=S(p=i+t)*i,Z=g*4-l*C(t)

Jul 27 2017 8:40 PM UTC

}// 140/140

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

u/Rybar

love this render method. globalAlpha + erasing holes is a new trick for me
u/sigveseb

good style!
u/iverjo

Really nice!

show FPS hide FPS share 1 remix fullscreen

yokljo

function u(t) {

x[f="fillStyle"]=R(0,0,0,.04)
for(m=42,i=-1,x.fillRect(0,0,n=1e4,n),x.font="50px A";i<m;x[f]="#0F0")x.fillText((t+f)[3],i*49,m*m*S(m*t+i++))

Jul 27 2017 5: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).

Try different values of m, like 53.

u/Xen

matrix? got my vote :D
u/sigveseb

very clean matrix effect

dwitter.net | joeytwiddle (61494)