Dweets awesomed by u/ArthurThuczsec

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

primo

remix of d/23998 by u/KilledByAPixel

function u(t) {

for(i=c.width|=0;i--;)x.arc(960+S(z=i/40-t*6)*40,540+C(z)*40,i,0,9)
x.stroke()

Oct 5 2021 7:33 AM UTC

}// 78/140

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

Moiré Spiral

u/KilledByAPixel

nice!

show FPS hide FPS share fullscreen

firegodjr

remix of d/19284 by u/firegodjr

function u(t) {

x.font='3em x'
t+=3
for(m=j=32;j--;)for(i=63;i--;)x.fillText('◢◣◤◥'[Math.random()*4|0],i*m,j*m),x.fillStyle=R(v=(i|j)%t*255/t)

Oct 5 2021 4:55 AM UTC

}// 126/140

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

u/Xen

nice!

show FPS hide FPS share 4 remixes fullscreen

KilledByAPixel

remix of d/20239 by u/KilledByAPixel

function u(t) {

for(i=c.width|=0;i--;)x.arc(960,540+C(i/40-t*6)*40,i,0,9)
x.stroke()

Oct 4 2021 11:17 PM UTC

}// 68/140

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

Moiré Waves

u/sigveseb

Wow, somehow this one looks the same in fullscreen too for me. I was expecting it to have completely different patterns because of the moire effect!
u/theonewhostands

May I ask why you used 'c.width|=0'? to my understanding, it should always return the same value. 1920 | 0 = 1920
u/danny@hille.dk

when you set the with of a canvas, the canvas is reset/cleared, c.width|=0 is 2 char shorter than c.width=1920
u/theonewhostands

Interesting. I understand now. Thank you very much!
u/magna

Whoa!

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭁼𯀨𡀽𫡥𭰠𢑭𨑧𩑄𨑴𨐨𨰮𭱩𩁴𪀽𥰽𜠵𝐬𢀽𥰩𚐊𩡯𬠨𨐽𡀮𩁡𭁡𛁩🐰𞱩🁗𚡈𞱩𚰫𚐊𩡯𬠨𦐽𛠳𚰨𪐯𥰩𛰲𞐬𦀽𚁩𙑗𚐯𜠹𛁪👩𚠴𛁋👃𚁘𚐭𤰨𦐪𠰨𦀫𦐩𚐪𠰨𭀫𦀯𦐩𚱴𛁯🐱𞱯🀴𞰫𚱯𚑡𦱪𚱯𛐱𧐽𠰨𢰪𫰩𚠨𨑛𪠫𜱝👗𚐊𮀮𬁵𭁉𫑡𩱥𡁡𭁡𚁄𛀰𛀰𚐻`.replace(/u../g,'')))

Oct 4 2021 1:44 PM UTC

}// 140/140

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

Plasma

u/primo

Very nice.
u/sigveseb

solid
u/magna

smooth
u/rep_movsd

It uses pretty much the same formula as the previous dweet, but just prettier

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/23843 by u/taupelink

function u(t) {

for(i=k=170;i--;x.fillRect(k*X,k*Y,q*S(12*Y)/t**t,k*C(9*Y)/t))f=i*i*t,X=t*f%12,Y=X*f%7,x.fillStyle=R(q=i*(1-C(X*.56)/2),q*=1-S(Y)/3,q^i,i/q)

Sep 14 2021 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).

d/23854

u/taupelink

Available as an art print: https://society6.com/product/green-and-gold-…
u/taupelink

Pattern available as a T-shirt: https://society6.com/product/green-and-gold-…

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/23833 by u/TGY

function u(t) {

for(i=2e3;i--;x.fillRect(i,t/T(i-a-l%9)*99,9,9))x.fillStyle=R(l=69*t%108,i/9,7*l+30*(a=C(i/193+t-S(-t))),.2)

Sep 14 2021 6:03 PM UTC

}// 108/140

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

#windows12

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23841 by u/rodrigo.siqueira

function u(t) {

for(c.width|=i=50;i--;)for(j=25;j--;x.fillRect(50*i,50*j,45,45))
o=(j/2)*9,x.fillStyle=R(p=o*C(i/7-3+S(j/2+t*9)/8)*20-S(t*2+j/9)*1e3,p/7)

Sep 14 2021 3:07 PM UTC

}// 137/140

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

Animated Flames #pixel

u/UEZ

Looks very nice but it looks much better without the grid. ^^
u/Joachim

#fire

show FPS hide FPS share fullscreen

Tekmap

remix of d/23817 by u/pavel

function u(t) {

for(i=420;r=--i>>2;i&4||x.beginPath(x.fill()))x.fillStyle=`hsl(177,42%,${90-3*r}%`,x.arc(960,580,24*r,a=(i*2-.5+(~r%2|1)*C(t-r/7))/.9549,a)

Sep 9 2021 1:51 PM UTC

}// 139/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

pavel

function u(t) {

for(i=c.width|=t%=1,s=60*2**t,r=.71+.29*t;i--;x.fillRect(((i&60)+Y%2*2+r*C(a=.7854*(2*i+t-1))-t-.5)*s,(Y*2+r*S(a)-.5)*s,s,s))Y=i>>6

Sep 8 2021 6:43 PM UTC

}// 131/140

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

Check this out

Show more comments…
u/UEZ

Looks very nice and smart coded. One noob question: which colors will be used in the loop by default when you don't use fillStyle? I saw many examples without fillStyle but the result is not monochrom. Thx.
u/rep_movsd

The default fill color and stroke color are black. Colors have to be set with fillStyle, strokeStyle or perhaps even setting the background (rare)
u/pavel

The default color for fill, fillRect, stroke, strokeRect is black and you need to call fillStyle or strokeStyle respectively. You must have seen other drawing techniques, maybe like putImage or using style attributes to add a filter over the B&W colors.
u/pavel

Haha looks like we answered at the same time and eerily similarly.
u/UEZ

Hmm, when I look to https://www.dwitter.net/d/23732 I cannot see any strokeStyle/fillStyle but the color result is greyscale.
u/pavel

Gray can be achieved by spacing out black pixels amongst white ones. d/23773 shows this clearest.

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/21603 by u/rodrigo.siqueira

function u(t) {

f=(X,Y,n=99)=>T(S(X)+S(Y))<9&&n>0?f(X*X-Y*Y-1.4,2*X*Y,n-2):n/69
for(i=1e3;i--;x.fillStyle=R(i%X))x.fillRect(X=t*49,i,1,f(X/9e3+.1,i/9e3)**2)

Sep 7 2021 9:56 PM UTC

}// 140/140

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

Art-1

u/cantelope

#slowdraw
u/cantelope

looks cool

dwitter.net | ArthurThuczsec (7066)