Random dweets | Dwitter

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

qwalrus

remix of d/3697 by u/Citiral

function u(t) {

w=1920;for(c.width=i=w;i>=0;i-=5)for(j=0;j<1080;j+=10){i2=i-w/2;j2=j-1080
d=Math.sqrt(i2*i2+j2*j2)/60
o=5+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 27 2017 4:15 PM UTC

}// 137/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

pbjer

function u(t) {

c.width=1920
w=1920
m=255
z=S(t)
x.fillStyle=R(m,100,z*m)
x.fillRect(0,0,w,w)
x.arc(w/2,z*300+800,200,0,6)
x.fillStyle=R(m,m,0)
x.fill()

Mar 1 2021 8:02 PM UTC

}// 136/140

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

Infinite Sunset

Show more comments…
u/magna

Neat! Here, I've shaved some bytes to illustrate a few quick wins (also, use 7 instead of 6 for 2π): c.width=w=1920;z=S(t);x.fillStyle=R(m=255,99,z*m);x.fillRect(0,0,w,w);x.arc(w/2,z*300+800,200,0,7);x.fillStyle=R(m,m);x.fill()
u/danny@hille.dk

wrap it in with(x) is also a quickwin if you have more than 3 canvas operations
u/danny@hille.dk

c.width=w=1920;z=S(t);with(x)fillStyle=R(m=255,99,z*m),fillRect(0,0,w,w),arc(w/2,z*300+800,200,0,7),fillStyle=R(m,m),fill()
u/danny@hille.dk

z=S(t) takes up more space than having S(t) inline
u/danny@hille.dk

if you are willing to make some compromises, you can use your constant m to replace values close to 255
u/danny@hille.dk

and use 2e3 instead of 1920
u/danny@hille.dk

117 b => c.width=w=2e3;with(x)fillStyle=R(m=255,99,S(t)*m),fillRect(0,0,w,w),arc(w/2,S(t)*m+800,m,0,7),fillStyle=R(m,m),fill()
u/danny@hille.dk

113 => w=c.width|=0;with(x)fillStyle=R(m=255,99,z=S(t)*m),fillRect(0,0,w,w),fillStyle=R(m,m),arc(w/2,z+800,m,0,7),fill()

show FPS hide FPS share 1 remix fullscreen

lars-erik

remix of d/22554 by u/lars-erik

function u(t) {

t<3.8?x.fillRect(890+(t-=1.9)*200,500+((.8*t)**4-t*t-.1)*400, 15, 45):[1,0].forEach(_=>x.fill(x.ellipse(750+_*250,600,50,S(t)*20+20,0,0,7)))

Apr 19 2021 10:08 PM UTC

}// 140/140

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

#Cat wakes 🐱‍💻😸

show FPS hide FPS share 1 remix fullscreen

mark.knol

function u(t) {

for(i=0,w=c.width,T=53;i<T;++i)r=t+i/T*Math.PI,x.fillStyle=R(128+C(r)*128,i*3,0,.03),x.fillRect(w/2+w/2*S(r),400+C(r+t)*400,S(r*4)*100,200)

Oct 21 2020 8:03 AM UTC

}// 139/140

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

Almost fluid

u/Xen

nice!

show FPS hide FPS share fullscreen

metamn

remix of d/10318 by u/veubeke

function u(t) {

c.width^=0
for(i=180;i--;)with(x)restore(save(),translate(120*(i/11|0),i%11*120),rotate((1-i%2*2)*S(t-i/100)/2),fillRect(-45,-45,90,90))

Oct 25 2018 6:35 AM UTC

}// 136/140

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

just playin

u/iverjo

This kinda reminds me of #beesandbombs

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👩🐱𝠻𪐭𛐻𚑸𛡦𫱮𭀽𨀤𮱩🰶𞠵𜁽𩑭𘡠𛁱👩🠱𜐬𬠽𪐿𬐿𪐥𝀺𤰨𚁩𚱴𯀰𚐪𚠲𚐪𜠫𜡼𜀺𜰬𒡸𛡦𪑬𫁔𩑸𭀨𭑮𩑳𨱡𬁥𚁠𙑵𡀸𜰤𮱩🰧𡐧𞠧𡀧𯐥𭑄𠰸𨀫𬠩𛁩🰲𞐹𚱲𚠹𞐺𞀵𜀫𤰨𭀩𚠹𞐬𪐿𚁱🰱𞡩𛑴𙐱𚰱𚐪𞐹𞠸𝐰𛑓𚁴𚠳𚐪𚠲𚠴𞐩`.replace(/u../g,'')))

Apr 20 2020 4:39 AM UTC

}// 139/140

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

Dweet Dweet Revolution #dancing

u/katkip

genius ideas as usual

show FPS hide FPS share 1 remix fullscreen

stefano

function u(t) {

c.width|=0;
for(i=0,x.beginPath(),n=60,o=400,u=960;i<=n;p=i/n*6.28,x.moveTo(u+S(p)*o,100),x.lineTo(u+S(p+t)*o,880),++i)
x.stroke()

Aug 6 2023 3:15 PM UTC

}// 130/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/24940 by u/rodrigo.siqueira

function u(t) {

for(m=8e3;m--;x.fill())X=C(m-t),Y=X*S(m*3+X*4),x.fillStyle=R(i=m%529*11,X*i,i/T(m+t),.2),x.beginPath(),x.arc(999+700*X,500+400*Y,m/i,0,m)

Feb 19 2022 11:19 PM UTC

}// 137/140

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

Information flow over a superstring

u/joeytwiddle

I saw a rollercoaster where the track moves and you stay still

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/19954 by u/rodrigo.siqueira

function u(t) {

for(i=199;x.beginPath(),i--;x.fillStyle=`hsl(${i*3} 90%${S(i/28)*99}%)`,x.fill())x.arc(960+5*C(a=i/9+t*9)*(k=1.06**i),540+i*2*S(a+t),k,0,7)

Sep 15 2020 6:03 PM UTC

}// 139/140

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

Spiral lights

u/magna

Stylish!

show FPS hide FPS share 2 remixes fullscreen

nickd3000

function u(t) {

for(i=0;i<32;i++)g=10*t*(i%3),x.fillStyle='hsl('+g+',99%,55%)',x.fillRect(80*i,5,80,20);x.drawImage(c,-5,5,1930-S(t*4)*5,1080+5);

Feb 4 2018 1:00 PM UTC

}// 129/140

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

stripe machine

u/vberlier

that's really clever
u/joeytwiddle

#warping