Dweets awesomed by u/Renaud___

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 1 remix fullscreen

BriSeven

remix of d/18155 by u/BriSeven

function u(t) {

c.width*=1
for(i=64;i--;)x.setTransform(C(n=t+C(t)*i/40)*2,S(n),S(n)*2,C(n),950,400+i*5),x.font='5cm A',x.fillText([...'🏳️‍⚧️'][i%1],-60,40)

Dec 4 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).

heisentrans

u/BriSeven

Canvas seems to… inconsistently support this emoji.

show FPS hide FPS share 1 remix fullscreen

vain

function u(t) {

for(i=40;i--;){for(j=23;j--;){p=t*Math.sqrt(((i-20)**2)+(j-11)**2+t);x.fillRect(i*48,j*48,p,p)}}

Dec 3 2021 9:27 PM UTC

}// 96/140

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

[vn-01] Black out - by va!n

u/vain

if you want some colors...
u/vain

if you want some colors...
u/vain

for(i=40;i--;){for(j=23;j--;){p=t*Math.sqrt(((i-20)**2)+(j-11)**2+t);x.fillStyle=R(i*6,j*6,p);x.fillRect(i*48,j*48,p,p)}}
u/Tranquil

Great work!
u/vain

This is my very first attempt with js and canvas programming

show FPS hide FPS share fullscreen

taupelink

remix of d/24392 by u/taupelink

function u(t) {

for(m=t?0:1e4;X=1+S(m),Y=1-C(m*m--);
x.fillRect(960*X,600*Y,5*q,-2*i))i=m%256,x.fillStyle=R(q=i*(.5-C(i%2?m:X*2)/3),q*=2-Y,q/=Y,i/q/(2-Y)/5)

Dec 3 2021 3:28 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/24428

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(Y=j=0;j<7;j++)for(i=2e3;i--;x.fillRect(i,j>2?500+j*(Y=19):Y,j<3||.2,1080-Y*2))x.fillStyle=R(B=45-j*29+j*j*7,B,B*2),Y-=S(j*i**.52>>2)*j/2

Dec 2 2021 7:02 PM UTC

}// 140/140

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

lake and mountains

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/24420 by u/taupelink

function u(t) {

for(i=k=300;--i;x.strokeRect(8**t*X*C(Y),720-q*S(Y),q/t,-Y/2*i>>t))X=i**t%k,x.strokeStyle=R(x.lineWidth=q=i*C(X**S(Y=X*i%9))/t**Y,X,q,4/q)

Dec 2 2021 6:50 PM UTC

}// 138/140

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

City of Green

u/UEZ

#Reeds

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/24405 by u/rodrigo.siqueira

function u(t) {

for(m=1e4;m--;x.fillRect(960*X,540*Y,i/4,-m/144/Y))X=1-S(m+t/9),Y=1+C(m*m+t/8),x.fillStyle=R(i=m%(200),i*=Y*X/m+Y,i-=Y+C(t+X)*99,a=S(Y)**2)

Nov 29 2021 9:13 PM UTC

}// 139/140

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

Dancing fragments

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/24391 by u/taupelink

function u(t) {

for(m=1e4;m--;x.fillRect(960*X,540*Y,i,-m/960/Y))X=1+S(m+t/16),Y=1+S(m*m+X),x.fillStyle=R(i=m%99,i*=Y*X/5+Y,i*=Y,a=1-Y/2)

Nov 29 2021 6:05 PM UTC

}// 121/140

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

Liquid interactions

u/taupelink

wow!
u/nerkraof

uau, muito bom

show FPS hide FPS share fullscreen

tomxor

remix of d/24387 by u/pavel

function u(t) {

for(i=128;i--;x.fillRect(704+X-s*4.5,Y+s*3.5,s,s))s=t?16:(X=i%4<<8,Y=i/4<<8,b=32),b&1?X+=b%4-2:Y+=b%4-1;b+=468199>>t*60%21&1

Nov 28 2021 6:23 PM UTC

}// 124/140

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

Smolr Fastr Pen Pattern

Show more comments…
u/tomxor

... but less satisfying
u/cantelope

first time, ever, i've seen an improvement on any of pavel's designs :)
u/tomxor

True, Pavel's dweets are pretty tight. Usually the most I can hope for is -1 char :P
u/tomxor

d/24387 restored the slow draw, and removed the for loop for only +1 char
u/tomxor

Sorely missing an edit button: I mean d/24396
u/vain

amazing code and algo!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/24389 by u/taupelink

function u(t) {

for(m=1e4;m--;x.strokeRect(960*X,540*Y,i,-m/i/Y))X=1+S(m),Y=S(X+t)+2-T(m*m),x.strokeStyle=R(i=m%99,i+=C(X-t)*i,i*=X,a=1-Y/2),x.lineWidth=3/a

Nov 27 2021 10: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).

Liquid unrealities

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

for(s=i=16<<!t;i--;x.fillRect(t?X+=C(a=b/.63662):(b=X=576,Y=138,608+i%4*224),t?Y+=S(a):186+(i>>2)*224,s,s))f=frame/7%21
b+=1282675>>f&!(f%1)

Nov 26 2021 8:38 PM UTC

}// 140/140

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

Pen Pattern

Show more comments…
u/pavel

Source: https://www.reddit.com/r/oddlysatisfying/com…
u/pavel

1282675 encodes the 'turn right' or 'straight' orders in binary, >>f&!(f%1) checks them on frames when f is an integer.
u/tomxor

Satisfying, looks like a recursive "Bowen Knot"
u/leafyvez

so beautiful
u/rep_movsd

This looks like the traditional "kolam" that Indians traditionally draw in front of the house
u/rep_movsd

Changing that 1282675 makes different patterns
u/leafyvez

u/rep_movsd exactly my thoughts!
u/magna

Awesome!
u/tomxor

-1 b+=468199
u/tomxor

(0b1110010010011100111)
u/tomxor

Oops, you have to flip X and shift it a bit, then it's -1
u/pavel

If you start with 0 and simultaneously replace 0 with 1 and 1 with 001 you will generate this sequence and bigger ones.
u/pavel

Similarly, if you start with 1s and replace s with s1s00s1s and ignore s when drawing.
u/pavel

I invented the second method. The first one I found by putting my hand-made small sequence into https://oeis.org .
u/CalSch

It's the command key but more complex

dwitter.net | Renaud___ (33845)