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

jellyedwards

function u(t) {

c.width=200
for(i=40;i--;)
x.fillText(i%2?`🐦 @Celebrity${String.fromCharCode(65+i)}`:"Send BTC h̲e̲r̲e̲ & get 2x back!",20,(i+t*t/9)*20%800)

Aug 1 2020 8:17 AM UTC

}// 140/140

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

#crypto twitter hack

u/katkip

!
u/Xen

lol

show FPS hide FPS share 1 remix fullscreen

taupelink

function u(t) {

for(i=1e3;i--;x.fillRect(X*320,Y*180,Y%C(d=a[X|0])*X%S(e=a[Y|0]),C(d+e*e)*S(e/d)))X=(r=Math.random)()*6,Y=r()*6,a=[p=X*X,X,q=Y*Y,p+q,Y,p-q]

Aug 2 2020 7:00 PM UTC

}// 139/140

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

d/19588

u/taupelink

looks like all-grey on iOS...not sure what's going on
u/taupelink

I think it has to do with the fillRect function and fractional widths. I wonder whether tiny widths get rounded up in iOS, filling in blanks that appear on other systems

show FPS hide FPS share fullscreen

Billedluh

remix of d/19581 by u/Billedluh

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👷🐸𜀰𒡩𩠨𭀽🐰𚑹👛𧐬𭠽𦱝𒡦𫱲𚁩🐰𞱩🁷𞱩𚰽𝐩𒡻𫰽𪐫𭰻𪑦𚁴🀮𜐩𮑛𪑝👩𛁹𦱯𧐽𚁩𙐴𜀩𛁶𦱩𧐽𭡛𫱝🐲𒡡🐨𚁤👷𛑹𦱩𧐩𚡤𚰨𩠽𭰭𮑛𫱝𚐪𩠩𚠪𛠵𒡸𛡦𪑬𫁒𩑣𭀨𮑛𫱝𚰽𭡛𫱝𚰽𩠪𚁱🐲𩐴𛰨𨐪𨐪𨐩𚐬𮑛𪑝𛐽𭡛𪑝𛐽𩀪𬐬𞐬𞐩𯐻`.replace(/u../g,'')))

Aug 3 2020 1:17 AM UTC

}// 140/140

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

Orderly Gravity

show FPS hide FPS share 1 remix fullscreen

Billedluh

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👷🐶𜀰𒡩𩠨𭀽🐰𚑹👛𧐬𭠽𦱝𒡦𫱲𚁩🐰𞱩🁷𞱩𚰫𚐊𮱯👩𚱷𞱩𩠨𭀼𛠱𚑹𦱩𧐽𮑛𫱝🐹𛁶𦱩𧐽𭡛𫱝👩𚡴𙐵𒡡🐨𚁤👷𛑹𦱩𧐩𚡤𚰨𩠽𭰭𮑛𫱝𚐪𩠩𚠪𜐮𝐊𮀮𩡩𫁬𤡥𨱴𚁹𦱯𧐫👶𦱯𧐫👦𚠨𬐽𜡥𝐯𨐩𛁹𦱩𧐭👶𦱩𧐭👤𚡱𛀹𛀹𚑽`.replace(/u../g,'')))

Aug 2 2020 1:04 AM UTC

}// 135/140

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

Do you want Asteroids? Because that's how you get Asteroid belts.

u/Billedluh

c.width|=w=600 if(t==0)y=[],v=[] for(i=0;i<w;i++) {o=i+w;if(t<.1)y[i]=y[o]=9,v[i]=v[o]=i*t%5 a=((d=w-y[i])*d+(f=w-y[o])*f)**1.5 x.fillRect(y[o]+=v[o]+=f*(q=2e5/a),y[i]-=v[i]-=d*q,9,9)}

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𪑦𚀡𭀩𮱘👙🐲𜀰𞱑👛𧐻𩡯𬠨𪐽𞐹𞐻𪐭𛐻𚑑𛡰𭑳𪀨𮱸𞡩𚠲𛁹𞡓𚁩𚡩𚐪𝐰𜀫𝐴𜁽𚑽𩡯𬠨𫰠𫱦𘁑𚑸𛡢𩑧𪑮𤁡𭁨𚀩𛁸𛡡𬡣𚁯𛡸𛁯𛡹𛀲𛀰𛁴𚐬𮀮𩡩𫁬𚀩𛁡👍𨑴𪀮𨑴𨑮𜠨𞐶𜀭𫰮𮀬𝐴𜀭𫰮𮐩𛁯𛡸𚰽𤰨𨐪𜠩𛁯𛡹𚰽𠰨𨐪𜠩`.replace(/uD./g,``)))

Aug 2 2020 3:48 AM UTC

}// 131/140

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

magnet thing?

u/jellyedwards

Very cool

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/19564 by u/rodrigo.siqueira

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(var i=5e3;i--;x.clearRect(160*X+950,1e3-Y*99-460,4,4))
var X=(U=S(K=i+t)+3)*S(i*i)+S(t)+C(K),Y=U*C(S(X)+C(t)*4)

Aug 2 2020 4:32 PM UTC

}// 139/140

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

living wavy thing

show FPS hide FPS share fullscreen

taupelink

remix of d/19596 by u/taupelink

function u(t) {

for(i=1e3;i--;x.fillRect(X*640,Y*540,C(d=a[X&1])+S(a[Y&1])>1,T(d)<S(Y)))X=(r=Math.random)()*3,Y=r()*2,p=C(X)*Y+(i%3),q=9/Y+(i%2),a=[p*q,p-q]

Aug 4 2020 9:40 PM UTC

}// 140/140

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

d/19603

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/19549 by u/katkip

function u(t) {

for(t||(X=Y=Z=1,T=.001),m=i=34;i--;x.fillStyle=`hsl(${t*m},99%,50%`)X+=T*9*(Y-X),Y+=T*(X*(m-Z)-Y),Z+=T*(X*Y-Z),x.fillRect(X+Z*m,m*Y+540,5,5)

Jul 31 2020 6:10 PM UTC

}// 140/140

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

no depth, odd angle, but uncormpressed and with colors

u/danny@hille.dk

#lorenz #attractor

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

for(e=s=800,p=S(t-2);s--;x.fillRect(-1200,s,500+a*9,1))for(a=c=0;c<7;c++)a+=(c==6?p*99:c)*S(s/(2**c+1)/5)
x.fillRect(e+=p*59,e/4,89,e)

Jul 31 2020 5:49 PM UTC

}// 134/140

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

The dawn of man #2001 #waitforit

u/jellyedwards

http://www.youtube.com/watch?v=ypEaGQb6dJk&a…
u/magna

Wow!
u/tomxor

hehe
u/Billedluh

Great pacing. Cinematic!
u/rodrigo.siqueira

#monolith

show FPS hide FPS share fullscreen

katkip

remix of d/19573 by u/jellyedwards

function u(t) {

t||(Q=540)
r=Math.random
x.beginPath()
x.fillRect(t*200,Q,9,9)
Q-=p=S(t*S(t*S(t))-Q/99)*2
x.fillStyle=p<0?"red":"lime"

Aug 1 2020 8:52 AM UTC

}// 118/140

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

#crypto graph

u/DaSpider

Any decorative reason for that r=Math.random?