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

ArthurThuczsec

remix of d/23528 by u/rodrigo.siqueira

function u(t) {

for(d=new ImageData(c.width=w=256,m=w*w),i=3;m--;d.data[i+=4]=i&i*Y)Y=m%w&w+(m-t*19e12)/w&t*t;x.putImageData(d,0,0)

Aug 10 2021 7:24 PM UTC

}// 115/140

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

#sierpinski attack noise

u/cantelope

no moar sierpinski plox
u/ArthurThuczsec

"in less than 60 seconds you will see the most momentous explosion ever witnessed by human eyes!"

show FPS hide FPS share fullscreen

taupelink

remix of d/23504 by u/taupelink

function u(t) {

for(i=p=q=250;--i;x.fillRect(99*X,99*Y,q*q/3**t,p*p/3**t))f=i*t,X=f*f%20,Y=X*f%12,p=3*q*C(X*q+Y*p),x.fillStyle=R(q=S(p%=i+q)*i,q,q,p%T(q))

Aug 13 2021 1:09 AM UTC

}// 138/140

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

d/23550

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/23531 by u/cantelope

function u(t) {

eval(unescape(escape`𤐽𫐽🡸𛡬𪑮𩑔𫰨𞐶𜀫𤰨𬀽𪐯𝰫𭀪𝀩𚡓𚁮👱𛰨𭁼𜀩𚐯𚁚👃𚁰𚐪𤰨𫠩𛑓𚁴𚐭𜠩𚡨𛁨𚱃𚁮𚐯𦠪𪀩𞱦𫱲𚁩👣𛡷𪑤𭁨𯀽𪀽𝐴𜀻𪐭𛐻𮀮𨡥𩱩𫡐𨑴𪀨𮀮𩡩𫁬𚀩𚐩𪑦𚀨𪐫𚁱👩𛰶𜁼𜀩𚐥𜠩𤐨𤐨𤐨𤐨𚐬𚰫𪐩𛀫𚱱𚐬𛐭𪐩𛁸𛡦𪑬𫁓𭁹𫁥👒𚁨𛁩𛰵𚐻`.replace(/u../g,'')))

Aug 10 2021 8:26 PM UTC

}// 139/140

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

u/cantelope

wow
u/ArthurThuczsec

Just a slight tweak Mr Cantelope

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23497 by u/danny@hille.dk

function u(t) {

for(c.width=w=255,i=4e4;i--;)x.fillRect(a=i%w,b=i/w,((o=(3-(4-5*(e=((X=2*b-w)*X+(Y=2*a-w)*Y)/w/w)+S(t))**.5)/++e)*Y-w*S(t)&w^X*o+t*w&w)/w,1)

Aug 8 2021 1:41 PM UTC

}// 140/140

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

Xor Sphere #uncompressed

Show more comments…
u/danny@hille.dk

Nice work!, I actually did try a solution with fillRect - but it totally kills my laptop, runs kinda ok on my phone though (I get around 11fps with this dweet on my laptop, 28 on my phone)
u/danny@hille.dk

btw nice trick with ++e, i haven't seen that before, I'll put it on my toolbelt right away :-)
u/KilledByAPixel

Yep, had to make some sacrifices for speed. You can do w=127 and get a pretty good fps!
u/danny@hille.dk

this is my aptempt: reduced the resolution to get at bit more performance: c.width=w=127;for(m=w*w;m--;x.fillRect(m%w,m/w,1,(Y*(o=(3-(4-5*e+S(t))**.5)/(e+1))*w+t*w&w^X*o*w&w)/w))e=(X=1-4*m/w/w)*X+(Y=-2+4*(m%w)/w)*Y
u/danny@hille.dk

with the ++e trick its only 137 bytes :-)
u/danny@hille.dk

Sorry i hadnt seen you wrote back, yep i did 127, (any pow(2)-1 will work for the xor pattern)
u/aleamb

#sphere
u/donbright

dude

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/19520 by u/nikoloffgeorgi

function u(t) {

c.width|=e=400;with(x)for(lineWidth=i=159;i--;arc(960,540,S((t+9)*i*.06)*99+e,e,e+=.3),stroke())beginPath(globalAlpha=i/e)

Aug 8 2021 8:46 PM UTC

}// 122/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 fullscreen

LimeLaser

function u(t) {

for(i=540;i--;){x.fillStyle=`HSL(${2*(i+t)},99%,75%)`
x.fillRect(960+C(t/2+i/31)*i,540+S(t/5+i/31)*i,4,4)}

Aug 9 2021 5:45 AM UTC

}// 106/140

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

Rotating Colors

show FPS hide FPS share fullscreen

lewdev

function u(t) {

n=t*10|0
for(i=0;i<100;i++){
x.beginPath();x.moveTo(i*50,n);n=n%2?(n*3)+1:n/2;x.lineTo((i+1)*50,n);x.stroke();}

Aug 9 2021 12:06 PM UTC

}// 111/140

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

3x+1 Unsolved Math Problem https://youtu.be/094y1Z2wpJg

u/rodrigo.siqueira

Paul Erdős said about the Collatz conjecture: "Mathematics may not be ready for such problems." He also offered US$500 for its solution. https://en.wikipedia.org/wiki/Collatz_conjec…
u/New_Core

I tried to visualize something with the Collatz Conjecture a few weeks ago but I didnt come up with anything good.. I bet someone can do some nice stuff with it here.
u/lewdev

Yeah, I figured there's a way to build out visuals like the ones in the video. I just did a quick one to get started. Math is a great inspiration for dweets.
u/smtsjhr

neat! some more inspiration for visualizing Collats here: https://youtu.be/RzQE2Q7lsT4

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23500 by u/rodrigo.siqueira

function u(t) {

v=(a,b,Φ,r)=>{for(i=0;i++<r;x.fillStyle=`hsl(${C(t)*6*t},77%,${i}%)`)x.fillRect(a-=S(Φ),b+=C(Φ),1,1);r>2&&v(a,b,a,r*=.98)}
v(t*88,540,t,99)

Aug 9 2021 6:31 PM UTC

}// 139/140

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

Linespace

show FPS hide FPS share fullscreen

Tekmap

remix of d/23229 by u/Tekmap

function u(t) {

c.style.filter=`blur(1vw)contrast(50`
for(c.width|=z=i=19;i--;)for(j=7*z;j--;)x.fillRect(200+i*99+S(t-j/69*z)*300,100+j*z,50,z*1.2)

Aug 9 2021 4:36 AM UTC

}// 131/140

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

#OpArt

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/12236 by u/butcherfly

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=99;i--;x.fill(x.arc(960+C(i+t)*9,540+S(i+t)*9,5*i,0,9)))x.beginPath(x.fillStyle=R(S(t*i)*255,0,i,.6))

Aug 11 2021 10:20 PM UTC

}// 131/140

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