Dweets awesomed by u/Qwitter

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 fullscreen

nystrand

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀦👩🐶𩐳𞱱🐭𛑩𛰳𯀰𞱸𛡦𪑬𫁒𩑣𭀨𨐯𚁺👺𛰹𞐹𚰮𜀴𚐫𞐰𜀬𨠯𮠫𝐰𜀬𦠽𛠰𜐯𮠯𮠬𦠩𚑛𨐬𨠬𮡝👸𦱱𧑼𯁛𜀬𜀬𝠮𜱝𛁁👺𚡱𙐳𯀰𛁂👱𛱺𙐳𯀰𛁸𦱱𧐽𭀿𦱢𚱡𛰹𞐬𮠬𨐭𨠯𞐹𧐺𛐭𠑼𛐭𠠿𦱡𚱁𚡺𛁢𚱂𚡺𛁩𙐳🱺𛰳𞠹𛐨𬐦𜠩𚠹𧐺𦱝`.replace(/u../g,'')))

Mar 5 2021 3:49 PM UTC

}// 139/140

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

Hollow and somewhat damaged Menger sponge

u/New_Core

"You will be assimilated. Resistance is futile." (comes up in my mind when I see it)
u/UEZ

Well done. Looks very nice. Can somebody explain me what this is about: [a,b,z]=x[q]||[0,0,6.3]. I assume it has something to do with arrays... Thx :-)
u/tomxor

It's called destructuring. The right hand side simply evaluates to an array (x[q] or [0,0,6.3] is x[q] is falsey). Then the elements of this array are assigned to variable names based on positions on the left, e.g a=0, b=0, z=6.3. Note that the left hand side is syntactic sugar, it's not an array literal.
u/UEZ

@tomxor: thx for your explanation. :-)
u/aleamb

#p3d #cube #menger #fractal

show FPS hide FPS share 1 remix fullscreen

mark1626

remix of d/5643 by u/sandromiccoli

function u(t) {

for(i=0;i<88*(t%9);i++){p=t/10+i,s=(t%4.735)*100,x.fillStyle=R(0,p%255,s%255,t%0.04),x.fillRect(635+C(p)*S(t)*s,540+S(p)*C(t)*s,5,5)}

Mar 5 2021 2:47 PM UTC

}// 133/140

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

u/Xen

Welcome to the dwitter family!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/19335 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`sepia(`
for(i=5e3;i--;f(960,540,260,t*i))f=(X,Y,s,r)=>s>1?f(X+s*S(r),Y+s*C(r),s/2,S(i+t)*3-r*2):x.fillRect(X*1,Y,t<3,.7)

Mar 5 2021 1:00 PM UTC

}// 136/140

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

Broken disk #fracture

u/kimeiga

holy

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/16866 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐧𪑮𭡥𬡴𚀧𒡷𪑴𪀨𮀩𩡯𬠨𨰮𭱩𩁴𪁼👩👺🐱𜠰𞱩𛐭𞱲𩑳𭁯𬡥𚁦𪑬𫁔𩑸𭀨𙱆𤡁𠱔𥑒𡐧𛀸𞐬𞐰𜀬𜐸𝐰𚐩𚑳𨑶𩐨𨡥𩱩𫡐𨑴𪀨𩡯𫡴🐢𞑩𫠠𪑭𬁡𨱴𘠩𚐬𭁲𨑮𬱬𨑴𩐨𞐪𤰨𪐪𪐫𭀩𛀹𚡓𚁩𚱴𚐩𛁣𫁩𬀨𬡥𨱴𚁩𙐱𝠪𮠬𮠪𪐾🠴𛁺𛁺𚐩`.replace(/u../g,'')))

Mar 3 2021 3:35 AM UTC

}// 140/140

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

#fracture

u/Qwitter

cool!
u/aleamb

love it!

show FPS hide FPS share fullscreen

tomxor

remix of d/21783 by u/tomxor

function u(t) {

A=t?A.map(a=>(s=u[a>>4]^=1,x[s?'fillRect':'clearRect'](a>>6,a&1008,16,16),a=a+2*s+1&~4,a+=a&1?a%4-2<<10:a%4-1<<4)):[54675,69010,69233,54896]

Mar 2 2021 11:27 PM UTC

}// 140/140

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

Multi #langton's #ant

u/tomxor

Squashed each ant into a 16bit bit field, [X,Y,D] = 0b 111111 111111 0111. These ants were generated with: X=7,Y=7,D=0,[[-X,-Y,3+D],[+Y,-X,2+D],[+X,+Y,1+D],[-Y,+X,0+D]].map(([X,Y,D])=>X+60<<10|Y+32<<4|D%4<<0)
u/mark1626

This is incredible. Just one question, how does s = u[a >> 4] ^= 1 work?
u/tomxor

Thanks :) a>>4 is the cell index of a 64x64 grid. the lower 4 bits are for the ant's direction so shifting them off to the right leaves only the 12 X and Y bits (see above). u is just an object, so all of these indicies will be undefined initially, but undefined is falsey and bitwise operators coerce falsey into 0, i.e undefined ^ 1 == 0 ^ 1 == 1, in otherwords XOR just treats all of the initial cell values as 0. Using the assignment version ^= means we toggle each cell between 0 and 1 each time an ant passes through it (which is part of the langton ant rules).

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/21003 by u/katkip

function u(t) {

c.width|=c.style.filter="blur(2.5vh)contrast(4)"
x.fillStyle=R(90)
for(Z=5-~t*2;Z--;)x.beginPath(),x.fill(x.arc(40*Z,T(Z+t+S(Z))*20,40,0,7))

Mar 2 2021 5:30 PM UTC

}// 140/140

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

Dripping #blood

u/danny@hille.dk

Nice! (but creepy AF)
u/magna

WOW!
u/aleamb

yeah!

show FPS hide FPS share 2 remixes fullscreen

erin

remix of d/21475 by u/erin

function u(t) {

c.width=w=70;for(i=4e3;i--;)x.fillRect(X=i%w,Y=i/w,5*S(i+t)-4,1),x.fillStyle=`hsla(200,40%,40%,${T(i*i)}`

Mar 2 2021 3:26 PM UTC

}// 105/140

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

golfed, made water blue, etc. room for fun, if anyone wants to try anything

u/erin

#water #sea #tides
u/erin

#waves

show FPS hide FPS share fullscreen

erin

remix of d/21796 by u/erin

function u(t) {

for(d=i=540;i--;)x.fillRect(25*S(t*2.6)+i*100+(2.6*t&3)*25,t/9*d,45,1)

Mar 2 2021 2:15 PM UTC

}// 71/140

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

barbed wire pattern

show FPS hide FPS share fullscreen

pbjer

function u(t) {

c.width=1920
w=1920
m=255
z=S(t)
x.fillStyle=R(m,100,z*m)
x.fillRect(0,0,w,w)
x.arc(w/2,z*300+800,200,0,6)
x.fillStyle=R(m,m,0)
x.fill()

Mar 1 2021 8:02 PM UTC

}// 136/140

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

Infinite Sunset

Show more comments…
u/magna

Neat! Here, I've shaved some bytes to illustrate a few quick wins (also, use 7 instead of 6 for 2π): c.width=w=1920;z=S(t);x.fillStyle=R(m=255,99,z*m);x.fillRect(0,0,w,w);x.arc(w/2,z*300+800,200,0,7);x.fillStyle=R(m,m);x.fill()
u/danny@hille.dk

wrap it in with(x) is also a quickwin if you have more than 3 canvas operations
u/danny@hille.dk

c.width=w=1920;z=S(t);with(x)fillStyle=R(m=255,99,z*m),fillRect(0,0,w,w),arc(w/2,z*300+800,200,0,7),fillStyle=R(m,m),fill()
u/danny@hille.dk

z=S(t) takes up more space than having S(t) inline
u/danny@hille.dk

if you are willing to make some compromises, you can use your constant m to replace values close to 255
u/danny@hille.dk

and use 2e3 instead of 1920
u/danny@hille.dk

117 b => c.width=w=2e3;with(x)fillStyle=R(m=255,99,S(t)*m),fillRect(0,0,w,w),arc(w/2,S(t)*m+800,m,0,7),fillStyle=R(m,m),fill()
u/danny@hille.dk

113 => w=c.width|=0;with(x)fillStyle=R(m=255,99,z=S(t)*m),fillRect(0,0,w,w),fillStyle=R(m,m),arc(w/2,z+800,m,0,7),fill()

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

with(x)for(i=c.width|=z=900;i--||fillText('🚗',-340,!rotate(C(-t,translate(z,800+99*S(-t)))/5));font='5in"')fillRect(i,z-99*S(i/500-t-5),9,z)

Mar 1 2021 7:13 PM UTC

}// 140/140

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

Bumpy Road 🚗

dwitter.net | Qwitter (18657)