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 1 remix fullscreen

rodrigo.siqueira

remix of d/32466 by u/rodrigo.siqueira

function u(t) {

for(c.width|=i=434;i--;)for(j=16;j--;x.fillRect(960+S(k=i/69.06)*r-j*30*S(t/3),540+C(k)*r+C(j/5+t)*88,4,4))r=25*j+C(i/23+t)*29*C(j/3-t*4)

Jan 18 2025 4:56 PM UTC

}// 137/140

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

Organic wavy circles

u/taupelink

Cool! Brings to mind the jellyfish.

show FPS hide FPS share fullscreen

marquisdegeek

remix of d/33085 by u/marquisdegeek

function u(t) {

this.r??=1
s=10
j=1
for(n=i=0;i<32;j*=2)
(j&r)&&x.fillRect(i*s,t*600,s,s),
n|=126&1<<((r&1<<++i?4:0)|(r&j?2:0)|(r&1<<i+30?1:0))?j:0
r=n

Jan 20 2025 10:14 AM UTC

}// 135/140

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

So _that's_ how to do a global! this.r??=1

u/KilledByAPixel

there are a few easier ways, the most common is to check if t is 0 to init t?0:r=1

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/33086 by u/rodrigo.siqueira

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=434;i--;)for(j=16;j--;x.clearRect(960+S(k=i/69.06)*r,540+C(k)*r,4,4))r=200+15*j+C(i/23+t)*S(t/2)*99*C(j/3-t*4)

Jan 18 2025 11:20 PM UTC

}// 140/140

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

16 circles - pulse version

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/33083 by u/rodrigo.siqueira

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𜱥𝀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚀶𝀪𦀫𝠵𝀬𜠴𚡙𚰵𝀰𛀨𚁦𙠵𝠩𚠪𜠥𞐩𛰸𚱓𚁙𛰹𚐯𝐬𭀼𜰩𚑘👩𚡩𛱴𙐲𞀮𜰵𛐹𛠳𛁙🐱𝰪𤰨𪐫𭀩𚡓𚁘𛰹𚰱𛠰𜰩𛁦🐨𚀱𛠱𚰲𚡓𚁘𚐩𛰨𜐮𜠫𜠪𚁘𛐴𛠷𚐪𚠲𚱙𚡙𚐪𝐰𜀩`.replace(/u../g,"")))

Jan 17 2025 10:09 PM UTC

}// 122/140

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

Tribal element

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/33078 by u/rodrigo.siqueira

function u(t) {

for(i=5e4;i--;x.fillRect(26*Y+960,2000-99*X,(f&8*4)/29+C(X/9),t<2))X=i*i/t%14+7,Y=38*S(i+t),f=(X*5+C(3+S(X)/2)/(-41+3*X|X*Y^Y*2)*500)

Jan 17 2025 12:03 PM UTC

}// 133/140

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

Temple of Dawn

u/cantelope

divine!

show FPS hide FPS share 1 remix fullscreen

marquisdegeek

function u(t) {

r=typeof r=='undefined'?1:r
s=m=7
for(n=i=0;i<32;++i,m*=2){
(1<<i&r)&&x.fillRect(i*s,t*600,s,s)
n|=(126&1<<((r&m)>>i))?1<<i+1:0}r=n

Jan 17 2025 8:32 PM UTC

}// 131/140

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

Almost Automaton

u/marquisdegeek

There's no wrap around of the bits so you don't quite get the patterns shown in https://en.wikipedia.org/wiki/Elementary_cel… but it's late and I'm tired!
u/marquisdegeek

p.s. change the 1 in the first line to change the start condition, and the 126 in the last to change the rule number

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/33071 by u/rodrigo.siqueira

function u(t) {

for(i=3e4;i--;x.fillRect(160*X+210,40*Y+540,((f&56)**2%9)/4+S(Y/9)/3,t<4))X=i*i/t%13-2,Y=17*S(i+t),f=((1.1+S(X))/(1.2+2*(X-4.7)**2+Y*Y)*500)

Jan 17 2025 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).

Mask

show FPS hide FPS share 1 remix fullscreen

marquisdegeek

remix of d/33081 by u/marquisdegeek

function u(t) {

eval(unescape(escape`𬠽𭁹𬁥𫱦𘁲🐽𙱵𫡤𩑦𪑮𩑤𙰿𜐺𬠊𬰽𞐊𪠽𜐊𩡯𬠨𫠽𪐽𜀻𪐼𜰲𞱪𚠽𜠩𒠨𪠦𬠩𙠦𮀮𩡩𫁬𤡥𨱴𚁩𚡳𛁴𚠶𜀰𛁳𛁳𚐬𒡮𯀽𜐲𝠦𜐼🀨𚁲𙠱🀼𚰫𪐿𝀺𜀩𯀨𬠦𪠿𜠺𜀩𯀨𬠦𜐼🁩𚰳𜀿𜐺𜀩𚐿𪠺𜀊𬠽𫠻`.replace(/u../g,'')))

Jan 18 2025 10:51 AM UTC

}// 119/140

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

I didn't want to resort to unicode packing, but I was 11 characters out and wanted to demonstrate a more correct automaton, as this one handles wrap around

show FPS hide FPS share fullscreen

Jabo

function u(t) {

c.width=f=255
for(i=f;i--;)for(j=f;j--;)x.fillRect(i,j,1,1),d=t*S(j)&t*C(i),x.fillStyle=R(0,0,0,d)

Jan 17 2025 10:01 PM UTC

}// 98/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 1 remix fullscreen

rodrigo.siqueira

remix of d/33074 by u/rodrigo.siqueira

function u(t) {

for(i=2e4;i--;x.fillRect(200*X-586,590-15*Y,C(X/5)**2+(f*99&24)/40,t<4))X=i*i/t%13,Y=40*S(i+t),f=((S(Y*(Y<1))+S(X-3)*Y)/(17+(X-8)**2+Y*Y)*X)

Jan 16 2025 2:02 PM UTC

}// 140/140

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

Reflection