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

firegodjr

remix of d/23898 by u/firegodjr

function u(t) {

x.drawImage(c,0,k=t*60%2*9|0,1920,m=1071)
for(i=99;i--;)x.fillStyle=R(k?0:i*4,k?99+i:m,k?0:m),x.fillRect((1+(k?C:T)(t+i/20))*960,k?m:0,99,9)

Sep 21 2021 7:34 PM UTC

}// 140/140

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

Rolling Hills

u/rep_movsd

WIndows XP wallpaper
u/rep_movsd

#landscape #nature
u/firegodjr

Didn't realize when making it, but it turns into an earthquake after a bit. Especially if the framerate dips
u/firegodjr

135: x.drawImage(c,0,u=u?0:9,1920,m=1071) for(i=99;i--;)x.fillStyle=R(u?0:i*4,u?99+i:m,u?0:m),x.fillRect((1+(u?C:T)(t+i/20))*960,u?m:0,99,9)

show FPS hide FPS share 1 remix fullscreen

firegodjr

function u(t) {

k=t*60%2|0
for(i=9;i--;)x.fillStyle=R(k?255:i*28,k?i*28:255,180),x.fillRect(960+S(t+i/2)*960,k?1071:0,50,9)
x.drawImage(c,0,k?0:9,1920,1071)

Sep 21 2021 6: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).

Horizon

show FPS hide FPS share fullscreen

neimad

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

function u(t) {

z=c.width=w=120;for(m=1e4;m--;)x.fillRect(i=m%w,j=m/w,z,1/z),x.fillStyle=R(z*j),d=(r=(X=i/w*(g=1))*(Y=j/w)*Y)>1?0:C(r)/9,z=C(X/d)/S(Y/d-t*9)

Sep 20 2021 4:26 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 fullscreen

rodrigo.siqueira

remix of d/23841 by u/rodrigo.siqueira

function u(t) {

for(c.width|=i=50;i--;)for(j=25;j--;x.fillRect(50*i,50*j,45,45))
o=(j/2)*9,x.fillStyle=R(p=o*C(i/7-3+S(j/2+t*9)/8)*20-S(t*2+j/9)*1e3,p/7)

Sep 14 2021 3:07 PM UTC

}// 137/140

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

Animated Flames #pixel

u/UEZ

Looks very nice but it looks much better without the grid. ^^
u/Joachim

#fire

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/23821 by u/pavel

function u(t) {

for(c.width=w=127,i=n=9087;i--;u[i]=420*t>n-i?p&u[r=i+w+i*t%3|0]<1?u[r]++:p:(X-Y/2-30*t-w&Y)<1)x.fillRect(X=i&w,Y=i>>7,.7,p=u[i])

Sep 10 2021 9:36 PM UTC

}// 129/140

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

Mr Sierpiński, I don't feel so good

u/Joachim

#sierpinski #particles #physics
u/tomxor

interesting idea (transitioning between imovable and movable).
u/Toby

Very original!
u/rep_movsd

Entropy :(
u/donbright

bravo

show FPS hide FPS share 1 remix fullscreen

lewdev

function u(t) {

document.addEventListener("keydown",e=>document.body.innerHTML=(["key","keyCode","code"].map(k=>`${k}: ${e[k]}`).join("<br/>")));

Sep 10 2021 2:20 AM UTC

}// 129/140

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

Learn about Key Codes

u/rep_movsd

This doesnt work in dark theme
u/KilledByAPixel

dwitter is a great place for testing ideas like this. i often go back to my old dweets just to find a simple bit of code
u/joeytwiddle

#tool

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/19550 by u/tomxor

function u(t) {

for(c.width=w=127,i=9087;i--;t?p&u[r=i+w+r%3]<1&&--u[i]&++u[r]:u[i]=r)x.fillRect(X=i&w,Y=i>>7,.5,p=u[i]),v=Y-36,r=(X/3-21)**4>v*v?2:i*t|Y<30

Sep 10 2021 2: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).

Overfilled #hourglass

u/pavel

#time
u/rep_movsd

Amazing!
u/tomxor

Excellent! makes me wonder what else we can do with this stuff...

show FPS hide FPS share fullscreen

pavel

remix of d/23765 by u/New_Core

function u(t) {

for(c.width|=i=w=640,t?x.font='5in"':r=new Date;j=--i>>4;x.fillText(String.fromCodePoint(127812+i%16),j*w-w,(r*j+i+9*p/(1+w**p))%16*w))p=t-j

Sep 7 2021 2:36 AM UTC

}// 140/140

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

#slots

Show more comments…
u/pavel

Have to time it juust right :)
u/New_Core

nice
u/danny@hille.dk

Man - that is some next level golfing-fairy-dust you have used here :-)
u/pavel

Aw, its broken on iPhone, the font name trick doesn't seem to work.
u/anshu

rrr
u/lewdev

How? This is really cool.
u/joeytwiddle

I remember on some devices, fonts over a certain size just don't show. A workaround is to use a scale transform, or reduce the canvas size.
u/KilledByAPixel

#slotmachine

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/23724 by u/taupelink

function u(t) {

for(i=k=630;--i;x.fillRect(X-k,k-i/Y,-Y*i/v,-q*Y/v))f=i*t,X=f*f%3e3,Y=i*f%12-4,x.fillStyle=R(q=i*Y,q*=S(t-k/X)*3,q/t,1e7/X/q/q),v=4*t*(t<9)

Sep 3 2021 8:45 PM UTC

}// 139/140

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

Sailing boat at sunset #waitforit (in about 7 seconds the sailboat will appear)

u/tomxor

Wow! #waitforit #impressionist #sailing #boat
u/tomxor

#art
u/Joachim

stunning

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23595 by u/TGY

function u(t) {

c.width|=N=115
for(i=8;i--;)for(j=9;j--;x.lineWidth=3)
x.lineTo(N,i*N+N),x.lineTo(960,60+j*N+S(N*t*i)*15+1),x.lineTo(1920,i*N+N)
x.stroke()

Aug 20 2021 10:55 PM UTC

}// 139/140

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

Active 3-Layer Neural Network #neuralnetwork #neural #ai

dwitter.net | joeytwiddle (63552)