Dweets awesomed by u/pavel

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: #Opposites

show FPS hide FPS share 3 remixes fullscreen

mxfh

remix of d/855 by u/mxfh

function u(t) {

r=113;c.width|=w=710;for(λ=φ=a=w/r;λ+=a,φ>-a;φ-=.1)x.arc(C(φ)*S(d=λ-t)*r+w,(S(φ+a/4)*C(φ)*C(d))*r+w,φ**4,0,a)
x.fill("evenodd")

Aug 11 2021 12:33 AM UTC

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

rodrigo.siqueira

remix of d/23456 by u/rodrigo.siqueira

function u(t) {

for(c.width=w=512,d=new ImageData(w,w),m=w*w,i=-1;m--;d.data[i+=4]=T(Y/r-t*9|X/r)*w)r=((X=m%w-128)*X+(Y=m/w)*Y+i)/5e4
x.putImageData(d,0,0)

Aug 2 2021 9:37 PM UTC

}// 139/140

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

Fly over a pixel surface

u/tomxor

oooh

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

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

function u(t) {

for(c.width=w=512,d=new ImageData(w,w),m=w*w,i=-1;m--;d.data[i+=4]=T(m/w/r+t*30|X/r)*w)r=((X=m%w-256)*X+m*m/2e5)/3e4
x.putImageData(d,0,0)

Aug 1 2021 4:28 PM UTC

}// 138/140

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

Rising from curved space

u/Xen

very nicely
u/Toby

Lovely! How can you use r in the loop header without first defining it (done in the loop body)?
u/danny@hille.dk

Creative use of geme mechanics :-) The for loop has 3 sections separated with semicolons, first is for initializing: this is runs once before the loop starts, second is exit conditions: runs for every iteration before the "loop scope", third is for incrementation: this part actually first run after the loop scope. EX: for(i=9;i--;console.log(j))j=i*2 i is initalized to 9 i is decremented if i equals 0 (any number in js is evaluated to true except 0 wich is false) the loop exist then the j is set to two times i in "loop scope" finally j is printet to the console

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

T([0,0,c.width|=T=(A,i=0,z,p=S(t++)/3+.5)=>i++>12?x.strokeRect(...A):T(A=[...A],i,z=A[2+i%2]*=p,T(A,i),A[i%=2]+=z,A[2+i]=z/p-z),1080])

Jul 31 2021 4:17 AM UTC

}// 134/140

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

Subdivision Waves

u/taupelink

whoaoooa
u/KilledByAPixel

inspired by https://twitter.com/RavenKwok/status/1318938…
u/KilledByAPixel

also d/20360
u/lonce

Just too cool!

show FPS hide FPS share 1 remix fullscreen

lewdev

function u(t) {

for(c.width=1920,x.font="200px s",i=0;i<80;i++)y=i%4,m=y==1||y==2,x.fillText(m?"🚘":"🏠",120+y*500,(m?0:-2e3)+500*(m?-t:t)%2e3+i*(m?100:50));

Jul 30 2021 9:21 PM UTC

}// 139/140

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

🚘 Cars driving through town. My first dweet!

u/Xen

Welcome to the dwitter family!

show FPS hide FPS share 2 remixes fullscreen

danny@hille.dk

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

function u(t) {

for(c.width=w=256,d=new ImageData(w,w),m=w*w,i=-1;m--;)r=((X=m%w-128)*X+(Y=m/w-166)*Y)/512,d.data[i+=4]=T(t+Y/r|X/r)*w
x.putImageData(d,0,0)

Jul 30 2021 6:43 PM UTC

}// 140/140

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

Centred, slightly better performance and resolution, animating... but black/white

u/TGY

golf and play LOL
u/danny@hille.dk

u/TGY - I might have been gotten a little carried away :-)

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

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

function u(t) {

for(c.width=w=128,m=w*w,i=-1;m--;x.fillRect(X,Y,1,1))X=m>>7,
Y=m%w,x.fillStyle=R(p=C(t*7+Y/(r=(X*X+Y*Y)/2e3)|X/r)*255,p/2,S(p)*255)

Jul 30 2021 6:33 PM UTC

}// 131/140

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

Bad performance, shitty colors, low resolution - but it moves, I call it a win :-)

u/danny@hille.dk

Oh, and it off center

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/23431 by u/rodrigo.siqueira

function u(t) {

for(Y=t/9-1,i=2e3;i--;x.fillRect(i,60*t,1,1))r=((X=i/540-1.8)*X+Y*Y)/99,x.fillStyle=`hsl(${(K=T(Y/r|X/r*2))*t},75%,${1e3*r*K}%`

Jul 30 2021 12:41 PM UTC

}// 127/140

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

Inverted #sierpinski color remix 3

dwitter.net | pavel (31984)