Dweets awesomed by u/stefano

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

rodrigo.siqueira

remix of d/24560 by u/ArthurThuczsec

function u(t) {

x.fillRect(x.globalAlpha=.5,0,2e3,2e3)
for(i=s=r=1e4;i--;)x.clearRect(S(K=i-t/4)*i/12+960,C(i-t+S(K))*i/90+540-T(i*i)/i*5e4,i%4+.5,2)

Dec 17 2021 1:29 PM UTC

}// 134/140

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

Andromeda dance #starfield

u/ArthurThuczsec

very well done
u/stephanegeorget

Outstanding
u/cantelope

@rodrigo.siqueira i want to communicate with you about something. can you email me plz whitehotrobot@gmail.com thx.
u/jellyedwards

Amazing!
u/magna

So cool!

show FPS hide FPS share fullscreen

gravityGobbler

remix of d/24565 by u/gravityGobbler

function u(t) {

for(i=c.width=2e3;i--;){x.setTransform(1,0,0,1,i*99+500-t*389,590)
if((k=Math.min(t-i/4,1.1))>0){x.rotate(k)}x.fillRect(-50,-200,50,200)}

Dec 16 2021 7:04 PM UTC

}// 137/140

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

Now it moves!

u/gravityGobbler

This will eventually run out of blocks or the wave will go offscreen, but I tried my best.
u/DeathBoy

mate, brilliant! :D

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

taupelink

remix of d/22541 by u/taupelink

function u(t) {

eval(unescape(escape`景爨椽欽㌰〻ⴭ椻砮獴牯步剥捴⠹⨪琪堪䌨天ⰷ㈰⵱⩓⡙⤬焯琬ⵙ⼳⩩㸾琩⥦㵩⩴ⱘ㵦⩦╫ⱙ㵘⩦┶⸳ⱱ㵩⩃⡘⨪匨天⤯琪⩙ⱸ⹳瑲潫敓瑹汥㵒⡱╘Ⱪ⽔⡙⤬焬㤯焩ⱸ⹬楮敗楤瑨㵱⼹`.replace(/u([^D].)/g,'$1%')))

Dec 2 2021 2:49 AM UTC

}// 131/140

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

Wireframe version of d/22541

u/taupelink

The present dweet is d/24420

show FPS hide FPS share fullscreen

stephanegeorget

function u(t) {

c.width=(m=27)*m
for(h=m*m;h--;)j=h%m,i=h/m,
x.fillStyle=R(0,i*9,j*9,.3),x.fillRect(m*j-(z=S(3*t+51*j+i)*12),m*i-z,q=m*S((i*i+j*j)**.4),q)

Nov 28 2021 11:04 PM UTC

}// 138/140

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

Wavy pattern I copied from @sh_sys_ https://twitter.com/sh_sys_/status/146494850…

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/24370 by u/taupelink

function u(t) {

for(m=t?0:1e4;m--;x.strokeRect(960*X,540*Y,i,-m/40/Y))X=1+S(m),Y=1+S(m*m),x.strokeStyle=R(i=m%224,i*=.8+Y/3,i*=Y,a=1-Y/2),x.lineWidth=2/a

Nov 27 2021 6:42 AM UTC

}// 137/140

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

d/24389

u/magna

WOW
u/magna

There is... depth blur...
u/taupelink

For the fillRect version, see d/24391

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

show FPS hide FPS share 7 remixes fullscreen

taupelink

remix of d/24363 by u/taupelink

function u(t) {

for(m=1e3;X=1+S(6*m),Y=S(7*m*m--);x.fillRect(1e3*X,540*(1+Y),i/t/t,m/4/t))i=m%256,x.fillStyle=R(i,i*=.95+C(Y/6+t)/9/t,i*=.9+S(X/2+t)/9/t,.1)

Nov 23 2021 4:21 AM UTC

}// 140/140

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

d/24370

Show more comments…
u/rep_movsd

"The office"
u/neimad

Best one yet
u/KilledByAPixel

nice!
u/rep_movsd

Try making big boxes - it looks like Cubism when zoomed
u/magna

Soft shadows!
u/nerkraof

wow

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,w=2e3,w),h=i=540;i--;)x.clearRect(960+(S(p=i/35+S(t/2)*60)*S(q=(i/57|0)*h))/(Z=C(p)*S(q)+2+S(t))*h,h+C(q)/Z*h,s=20/Z,s)

Nov 12 2021 8:04 PM UTC

}// 138/140

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

#spherechallenge

u/taupelink

nice!
u/sigveseb

awesome indeed!
u/vain

very cool and smooth

dwitter.net | stefano (11979)