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

ciaccodavide

function u(t) {

l=t*32%1080
T.valueOf=Math.random
x.fillStyle=R(T*99,T*99,T*99,t%1)
x.fillRect(0+l,0+l,1,1080-l*2)
x.fillRect(0+l,0+l,1080-l*2,1)

Oct 21 2020 7:00 AM UTC

}// 129/140

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

Embossed Accumulative Corridor

show FPS hide FPS share 1 remix fullscreen

smtsjhr

remix of d/20296 by u/smtsjhr

function u(t) {

m=99
s=(c.width|=0)/m
for(k=m*m;a=[u=k%m*s,v=(k/m|0)*s,s,s],l=v-3*u*S(t)**2,k--;)s<l&&l<6*s+4*s*C(3*t)?x.fillRect(...a):x.strokeRect(...a)

Oct 19 2020 4:29 PM UTC

}// 138/140

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

low-res line render with variable width (change m=99 to change resolution)

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

c.width|=i=294
for(x.translate(979,550);i--;x.rotate(Math.PI/3))x.rect(-1e3,(j=i%98)*40,2e3,C(j/9+t)*40)
x.fill`evenodd`

Oct 17 2020 5:41 AM UTC

}// 120/140

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

This dweet came to me in a dream

u/smtsjhr

i love it!

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20321 by u/ciaccodavide

function u(t) {

g=c.width=1920
n=16+2*S(t)
//n=3
for(i=0;i<g/3.17;i+=n){
a=i
b=1080-a*2
x.fillRect(a,a,b,b)
x.fillStyle=i%2.0>.8?'#ffa':'#faa'
}

Oct 20 2020 9:21 PM UTC

}// 128/140

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

Squorridor

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

g=c.width=1920
for(i=0;i<g;i+=4+2*S(t/4)){
x.fillRect(i*3,0,5,2e3)
x.fillRect(0,i*3,2e3,5)}

Oct 20 2020 8:58 PM UTC

}// 91/140

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

Grid Expansion

show FPS hide FPS share fullscreen

Lynx

function u(t) {

x.fillStyle=R(0,127+S(t)*S(t)*127,127+C(t)*127)
w=540
f=960
a=1920/f
b=a*2
x.fillRect((t%b>a?a-(t%b-a):t%b)*f,S(t)*w+w,15,15)

Oct 17 2020 6:32 PM UTC

}// 125/140

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

Eventually, a 3D tube is formed...!

u/Tangil

The ending looks really cool!
u/smtsjhr

#waitforit

show FPS hide FPS share 1 remix fullscreen

smtsjhr

remix of d/20295 by u/smtsjhr

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼🐰𛁭🐰𯀨𝀫𜐰𜀪𤰨𭀯𝀩𚠪𜠩𛁳🐱𞐲𜀯𫐻𩡯𬠨𪰽𫐪𫐻𨐽𦱵👫𙑭𚡳𛁶🐨𪰯𫑼𜀩𚡳𛁳𛁳𧐬𫀽𭠭𥀨𭀩𚠨𭐭𞐶𜀩𛐵𝀰𚰲𚡳𛁫𛐭𞰩𬰼𫀦𙡬🀲𚡳🱸𛡦𪑬𫁒𩑣𭀨𛠮𛡡𚐺𮀮𬱴𬡯𪱥𤡥𨱴𚀮𛠮𨐩`.replace(/u../g,'')))

Oct 19 2020 6:47 AM UTC

}// 121/140

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

Uncompressed code is 156/140 so i got rid of the background "pixel grid" shown here to get the original d/20295 under 140 ... still looking to golf some more...

u/smtsjhr

c.width|=0,m=0|(4+100*S(t/4)**2),s=1920/m;for(k=m*m;a=[u=k%m*s,v=(k/m|0)*s,s,s],l=v-T(t)*(u-960)-540+2*s,k--;)s<l&&l<2*s?x.fillRect(...a):x.strokeRect(...a)
u/smtsjhr

all i did to get under 140 was remove x.strokeRect(...a)
u/smtsjhr

in need of a better way to alternate between x.stroke and x.fill as the loop ranges over the rectangles of the grid

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

x.beginPath(c.width|=X=Y=Z=0.004)
for(i=t**.4*499|0;i--;x.lineTo(960+(Z+X)*i*199,540+Y*i*199))X+=Y*Z+Y,Y+=Y*Y-X*X-Z-X,Z+=-Z*Y*X+Y
x.stroke()

Oct 16 2020 7:16 PM UTC

}// 140/140

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

Mind Melter

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𢰽𞐹𛁥🐨𡀬𠠬𠰩🐾𩑬𫁩𬁳𩐨𢰪𞐫𡀪𢰪𛐨𠐥𝠼𜰿𜐺𛐱𚐬𝐴𜀬𡐽𥰭𛐪𢰬𡐭𢰬𜀬𠐫𠠬𠐫𠰬𠠩𛁚🐮𜰬𠐽𚁴𙐽𦠩𞱁🀶𚱴𞱁𚰽𦠬𬱴𬡯𪱥𚀩𚑢𩑧𪑮𤁡𭁨𚁗🐴𚐬𩐨𜐬𦠬𜀬𩐨𜀬𜀬𦠬𨱬𫱳𩑐𨑴𪀨𩐨𜐬𜀬𦠩𛁥𚀰𛁚𛀰𚐬𥰽𝐩𚐩`.replace(/u../g,'')))

Oct 15 2020 11:09 AM UTC

}// 140/140

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

#tesseract #torus

u/Xen

Nice!
u/magna

canvas.getContext('4d')
u/jellyedwards

Better than my attempt! https://www.dwitter.net/d/19690

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1;f=(X,Y,s)=>{if(s>2){x.arc(X,Y,s,0,-7,s,q=S(t*2-s)/(1+t)*2,f(X+s*2/3*S(q),Y+s*2/3*C(q),s/3)),x.stroke()}else{}}
f(960,540,400)

Oct 16 2020 4:10 PM UTC

}// 136/140

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

fake #physics