Dwitter - javascript demos in 140 characters

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

myro

function u(t) {

c.width=1920;t%=8;n=t*10-25
for(i=1;i<20;i++){t+=.06
v=100+200*(-2+(t)*2%4)**2
x.fillStyle=R(v,i*2*n,5*n)
x.fillRect(32*(i+n),v,i*8,i*8)}

Apr 29 2020 6:51 PM UTC

}// 137/140

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

just passing

show FPS hide FPS share fullscreen

Natsumi

function u(t) {

d=c.width=1920;for(i=0;i<d;i++){x.beginPath();x.arc(960, 540, 2000*Math.abs(T(i)*C(t/2)),0,7);x.stroke();}

Apr 29 2020 5:07 PM UTC

}// 106/140

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

away she goes, starburst!

u/Natsumi

It's cool to see how just plain circles can make such interesting patterns.

show FPS hide FPS share fullscreen

Xen

function u(t) {

t?x.strokeStyle="#"+(49*t|0):x.fillRect(0,0,Z=2e3,Z)
x.strokeRect(7*t*Z%Z,t*Z%Z/2,69,69)
x.drawImage(c,C(t)/2,S(t)/2)

Apr 30 2020 3:32 PM UTC

}// 117/140

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

just an effects test

u/KilledByAPixel

it has potential try a larger line width!
u/rodrigo.siqueira

May be something like this? x.lineWidth=9;t?x.strokeStyle=hsl(${t*99},90%,60%:x.fillRect(0,0,Z=2e3,Z);x.strokeRect(S(t*Z)*Z%Z,t%2*540,69,69);x.drawImage(c,S(t),C(t))
u/rodrigo.siqueira

(missing backtick around hsl in comment)

show FPS hide FPS share 2 remixes fullscreen

ntsutae

function u(t) {

c.width=1024
for(i=0;i<1024;i++){
y=(t*111-i)%768
p=1.01**y+50
x.fillRect(S(i*i+t)*p+512,y,5,5)}

Apr 27 2020 9:16 PM UTC

}// 96/140

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

I learned how not to use arrays.

u/joeytwiddle

Excellent!
u/avocade

Love it!

show FPS hide FPS share fullscreen

Calada2

function u(t) {

b=500
x.beginPath()
x[c='lineTo'](a=S(t*9)*200+960,C(t*9)*200+b)
x[c](S(t)*b+960,C(t)*b+b)
x.strokeStyle=`hsl(${a},50%,70%`
x.stroke()

Apr 29 2020 8:28 PM UTC

}// 134/140

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

#Rainbow #Star

show FPS hide FPS share fullscreen

Xen

remix of d/18534 by u/myro

function u(t) {

for(i=1e3;i--;x.fillStyle=R(255,v*S(t-v),!x.fillRect(u*79,v*3,v,v),.3))u=(8*t+i)%25,v=C(t-i)+i-u*9

Apr 29 2020 7:54 PM UTC

}// 98/140

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

golf and test

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/18500 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𮠽𜐶𜀫𜰵𚡃𚁴𚑼𜀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁓𚁩𚱃𚁴𚐯𞀩𚡦𚰨𭀼🀸𚐬𭀿𝠰𜀫𠰨𪐩𚡦𛑱𚡺𚱱𚡱𚡺𞡩𚠶𛁲👴🱩🰱𜠭𬐪𞐺𞐫𬐪𜠹𞠲𩐳𛀭𬠩𚑦🐨𪐿𬐽𭀥𜐺𬐪𝀩𚡺𚡃𚁩𚡩𚐬𮀮𩡩𫁬𤱴𮑬𩐽𭀿𤠨𘑩𚡺𛰳𛁩𚐺𤠨𪐪𝐥𝰵𜀫𪐪𪐥𮠬𪐯𛠷𛁩𚠸𛐱𩐳𚐻`.replace(/u../g,'')))

Apr 26 2020 6:25 PM UTC

}// 140/140

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

Palm Tree Sunset V2

u/katkip

wow
u/aleamb

amazing! #landscape #sunset
u/DataMeta

sick :)

show FPS hide FPS share 2 remixes fullscreen

myro

function u(t) {

w=1080
c.width=w
for(r=0;r<w;r++){
a=(r+t*59)%6.3
u=2*r*C(a)
v=r*S(a)
x.fillStyle=R(-v/2,r/2,(w-r)*.2)
x.fillRect(u+w/2,v+w/4,r/5,r/5)
}

Apr 29 2020 4:27 PM UTC

}// 136/140

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

whirlpool

u/myro

playing around w polar coordinates

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/18541 by u/ntsutae

function u(t) {

for(c.width|=y=h=1080;y--;x.lineWidth=7)
s=y**3/h**2+99,d=S(t/3)*y**.8,
x.lineTo(960+C(K=d+t*22)*s,y+S(K+S(t*2)/2)*s)
x.stroke()

Apr 29 2020 2:25 PM UTC

}// 128/140

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

Coil Tube #spiral

show FPS hide FPS share 2 remixes fullscreen

myro

function u(t) {

c.width=1920
for(i=0;i<400;i++){
u=(t+i)%24-2
v=5*S(t+i)+i-u*9
x.fillStyle=R(255,(300-v)*S(t*7+v),u)
x.fillRect(u*99,v*7,v,v*2)
}

Apr 28 2020 7:03 PM UTC

}// 129/140

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

burn