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

taupelink

remix of d/14990 by u/taupelink

function u(t) {

t||x.translate(960,b=540,A=[b,d=e=0,-b,0,b,0]);for(i=b;i--;)l=.5+S(i)/10,d+=(A[r=Math.random()*4|0]-d)*l,e+=(A[r+1]-e)*l,x.fillRect(d,e,1,1)

Jul 14 2019 1: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).

Remix with four points

u/taupelink

some pattern details are just an artifact of the "S(i)" (sine of i radians) in the golfed code
u/donbright

nice

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(c.width|=i=400;i--;i%99<1?x.beginPath(x.fill()):0)b=99**S(t+i/30)+50,x.lineTo((b/S(a=i/63)+960),(b/C(a)+540))

Jul 10 2019 10:23 PM UTC

}// 113/140

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

u/katkip

awesome!
u/magna

Neat!

show FPS hide FPS share fullscreen

DataMeta

remix of d/14985 by u/DataMeta

function u(t) {

r=Math.random,m=r(n=r(o=r(p=255)));for(j=768;j--;x.fillRect(64*(j%31),64*(j/31|0),T(t*n)*9,T(t*m)*9))x.fillStyle=R(p*m/n,p*n/o,p*o/m,.07)

Jul 13 2019 2:17 AM UTC

}// 137/140

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

u/Xen

love the style
u/donbright

me too

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𬠽𧰽🡓𚁱𚠪𫠫𚰩𚠹𯀰𞱡👦🐾𜠪𬠨𚐪𩠨𬠨𚐪𭀩𞱔👦🐾𨐨𩠩𚱡𚁦𚐫𨐨𩠩𚰶𜀻𩡯𬠨𪰽𪐽𜐴𝀻𬐽𚁴𛰳𝠭𪐯𪰫𞐹𯀰𚐪𪐭𛐻𚁩𛑴𚠴𯀰𚐥𪰿𮀮𩡩𫁬𤡥𨱴𚁘𚱔𚁓𚐬𦐫𥀨𠰩𛁺🐲𚱲𚀩𛰹𛁺𚐺𮀮𨱬𩑡𬡒𩑣𭀨𦀬𦐬𤠽𜐲𜀬𤠩𚑘👩𙐱𝠪𤠬𦐽𚁩🠾𝀩𚡒𛁮🐳`.replace(/u../g,'')))

Jul 11 2019 3: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).

𝕊𝕥𝕣𝕒𝕟𝕘𝕖𝕣 𝕊𝕪𝕞𝕓𝕠𝕝𝕤

u/KilledByAPixel

Each symbol uses 3 circles instead of the normal 2 for a #Spirograph.
u/donbright

damn

show FPS hide FPS share fullscreen

donbright

remix of d/14977 by u/taupelink

function u(t) {

t?k<199?x.lineTo(a[k]%8<<7,a[k++]/8<<7):a=[c.width^=k=1]:a=k=0
while(a.length<64)a.lastIndexOf(r=Math.random()*64|0)+1||a.push(r)
x.stroke()

Jul 12 2019 12:57 AM UTC

}// 140/140

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

each path visists every point on an 8x8 grid exactly one time. (usually)

u/donbright

(give or take a few points ha ha.. dont quite know how it works)

show FPS hide FPS share 1 remix fullscreen

username

remix of d/6323 by u/yonatan

function u(t) {

for(a=_=140;--a;x.fill()){x.beginPath(x.fillStyle=R($=_*S(a+t),$+_,$+a))
for(i=3;i--;)x.lineTo(960+C(z=t+T(i)+a)*a*9,540+S(z)*a*9)}

Jul 10 2019 11:18 AM UTC

}// 132/140

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

deadly rotation

u/username

#randomremix no 20

show FPS hide FPS share fullscreen

username

remix of d/14978 by u/username

function u(t) {

for(a=_=1e3;a-=5;x.fill()){x.beginPath(x.fillStyle=R($=_*S(a/9+t*9)/9,$+_/99,$+a/9))
for(i=3;i--;)x.lineTo(960+S(z=t+T(i)+a)*a,540+C(z)*a)}

Jul 11 2019 9: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).

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/12331 by u/pavel

function u(t) {

eval(unescape(escape`𫱮𫑯𭑳𩑭𫱶𩐽𩐽🠨𨰮𭱩𩁴𪁼👓👃🐰𛁔👥𚐻𩡯𬠨𪠽𜑥𜰻𪠭𛐻𮀮𩡩𫁬𤡥𨱴𚀹𝐷𚰴𝐰𚡓𛀵𜰷𚰴𝐰𚡃𛀵𛀵𚐩𬰽𣑡𭁨𛡲𨑮𩁯𫐨𚐼𛠵🰭𜐺𜐬𠐽𚁍𨑴𪀮𪁹𬁯𭀨𤰫👔𛡸𛰲𞀴𛐱𛁃𚰽𥀮𮐯𜐶𜀭𜐩𚱓𚐯𜠬𠰽𚁃🀰🰭𬰺𬰩𚠨𠐭𤰩𚠪𛠵𛁓👳𚡁𚠪𛠵`.replace(/u../g,'')))

Jul 9 2019 5:20 PM UTC

}// 137/140

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

#julia set explorer ~ Use the mouse to control!

Show more comments…
u/katkip

Cool! #compressed
u/donbright

woohoo!
u/stefano

Rookie question.. Is this using Web Assembly? If so, how do I get started?
u/metamero

replace eval with throw to see uncompressed JS code
u/stefano

Awesome, thanks
u/katkip

beautiful
u/KilledByAPixel

Thank you, but pavel did the hard part.
u/aleamb

#interactive #fractal
u/lud

Dragon curve?

show FPS hide FPS share 2 remixes fullscreen

DataMeta

remix of d/14521 by u/DataMeta

function u(t) {

r=Math.random,m=r(n=r());
for(j=768;j--;)x.fillStyle=R(o=255*n/m,o,o),
x.fillRect(64*(j%31),64*(j/31|0),T(t*m)*4,T(t*n)*4)

Jul 13 2019 1:45 AM UTC

}// 122/140

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

fullscreen recommended

show FPS hide FPS share fullscreen

username

remix of d/14972 by u/username

function u(t) {

for(a=_=140;--a;x.fill()){x.beginPath(x.fillStyle=R(9*($=_*S(a+t)),$+_,$+a*2))
for(i=3;i--;)x.lineTo(960+C(z=t+T(i)+a)*a*9,540+S(z)*a*9)}

Jul 12 2019 11:37 AM UTC

}// 138/140

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

vvs deadly rotation