Dweets awesomed by u/Xaviaro

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

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/21455 by u/Qwitter

function u(t) {

x.fillStyle='#0001'
x.fillRect(0,0,m=2e3,m)
for(i=399;i--;x.clearRect((1+(t%40>5))*(D=540)+(A=D/(t%5))*S(i+t),D+A*S(t+S(i-t)),A/9,A/9));

Jan 28 2021 5:35 PM UTC

}// 136/140

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

Well... it's a remix :-)

Show more comments…
u/Qwitter

cool!
u/smtsjhr

wow @ u/danny@hille.dk i was working on something with similar output, but using x.lineTo ! i will share soon, but its over 140 maybe you can help me golf please : )
u/smtsjhr

clever x.clearRect trick! its like you are "erasing" what you intend to draw! ...and it seems interchanging x.clearRect and `x.fillRect' in your code looses the blur effect hmm!
u/smtsjhr

@ u/danny@hille.dk check out d/21499
u/danny@hille.dk

.fillStyle='#0001' sets fill color to black with a transperancy of 16% (this css shorthand hex color notation, denotates color in 4*8bit RGBA, it is in essence the same thing as the standard #RRGGBBAA notaion, but with less resolution) fillRect then fills the intire screen with that blackish color then clearRect is used to "paint" white squares (the main reason is so you only have to use fillStyle once) When the main loop runs again - the white squares are only mostly paintet (84%) over, which results in a kind of motion-blur/glow As far as i know, you cannot use this technique with lineTo since line uses strokeStyle to draw linecolors
u/smtsjhr

u/danny@hille.dk thanks for all the info!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/21470 by u/rodrigo.siqueira

function u(t) {

f=(X,Y,n=120)=>T(S(X+Y/5)*5+S(n*X))<9?f(X*X-Y*Y,2*X*Y+.7,n-2):n
for(var i=1921;i--;){
 x.fillRect(i,t*120,.5-f(i/4e4-.45,t/300+.205)/40,2)
}

Jan 28 2021 1:36 PM UTC

}// 140/140

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

The thorns have grown (from previous dweet). Branches noir #forest

u/katkip

WOW

show FPS hide FPS share 1 remix fullscreen

Pascal

remix of d/21425 by u/Pascal

function u(t) {

f=(X,Y,n=64)=>Y-X<n?f(X*X-Y*Y-.3,2*X*Y+.7,--n):255-n*4
for(i=2e3;i--;x.fillRect(t*180,i,6,1))x.fillStyle=R(f(t/55.56-.4,i/1e4-.24),30,60)

Jan 28 2021 1:31 PM UTC

}// 137/140

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

neon flowers

u/rep_movsd

Garden of Dormamu
u/aleamb

#fractal

show FPS hide FPS share fullscreen

jdidion

function u(t) {

c.width=3e2
x.fillText("below🠗",10,10)
throw([...Array(20)].map((v,i)=>" ".repeat(20-(z=S(i/2+t*2)*20))+"/"+"_".repeat(20+z)+"\\").join`
`)

Jan 27 2021 6:15 PM UTC

}// 140/140

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

the errors are the dweet..

u/Xen

love it!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(c.width|=i=15,x.scale(29,29);i--;x.fillText('♩',3+(i-t%1)*10,9+(i+t|0)**3%11))x.fillRect(a=i<5?0:(i-t%4/4-5)*40,9+!a*i*2,a?1:99,a?8:.3)

Jan 27 2021 5:28 AM UTC

}// 139/140

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

Sheet Music Generator 🎵 #music

u/ciaccodavide

wow!

show FPS hide FPS share fullscreen

Xaviaro

function u(t) {

c.width|=s=50;y=960;z=y*3;for(i=-z;i<z;i+=s)for(k=s;k<y+s;k+=s){f=S(k+t)*s;e=S(i+t*3)*s;l=k/y;u=f*l*l;x.fillRect(l*i+y-f,s+l*k+l*e+f*3,u,u)}

Jan 24 2021 10:37 PM UTC

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

rodrigo.siqueira

remix of d/21421 by u/rodrigo.siqueira

function u(t) {

M=(a,r=0,i=0,n=40)=>r*T(i*t)<n?M(a,r*r-i*i+a,2*r*i-t/5+1.2,n-=3):-n/9;for(i=2e3;i--;)x.fillRect(i,t*90,M(i/520-2.5)+1,2)

Jan 24 2021 5:12 PM UTC

}// 120/140

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

Dramatic spider web effect inside the #mandelbrot set #noise

u/Qwitter

Its easy to like noises that sound like that
u/magna

Stylish!

show FPS hide FPS share 1 remix fullscreen

Pascal

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

function u(t) {

c.width=w=70;for(i=2800;i--;)x.fillRect(X=i%w,Y=(i-X)/w,0<T(T(S(X/7+5*C(t))+S(Y/7-5*t))),1)

Jan 24 2021 2:39 PM UTC

}// 91/140

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

noisy donuts

u/danny@hille.dk

Mmmmm donuts
u/Xen

nicely done

show FPS hide FPS share 2 remixes fullscreen

Pascal

function u(t) {

for(j=4;j--&&t<2;)for(i=1080;i--;x.fillRect(a=t*240+j*480,i,8,f(a/2400-.4,i/2400-.225)**2))f=(X,Y,n=80)=>Y<n?f(X*X-Y*Y-.3,2*X*Y+.7,--n):n/80

Jan 24 2021 2: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).

fast flowers

u/Qwitter

I like the 4 panel display!
u/danny@hille.dk

lovely presentation

show FPS hide FPS share fullscreen

Xaviaro

remix of d/21312 by u/Xaviaro

function u(t) {

x.globalCompositeOperation='xor'
a=1
b=frame*a
e=1536
x.fillRect(f=b%e,e-f-456,a,a)
for(i=0;i<2;i++){x.drawImage(c,a,0);x.drawImage(c,0,-a)}

Jan 24 2021 12:35 PM UTC

}// 140/140

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

u/Xen

love it!

dwitter.net | Xaviaro (5274)