Dweets awesomed by u/davidsharp

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

rodrigo.siqueira

remix of d/10314 by u/veubeke

function u(t) {

c.width^=0
s=(t%3)**3
x.font="2in'"
for(Y=9;Y--;)for(X=Y+1;X--;)x.fillStyle=R(Y*99,Y*27,0),x.fillText("▲",865+(X*48-Y*24)*s,(Y-4)*46*s+600)

Jan 1 2019 4:36 PM UTC

}// 139/140

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

Expanding unicode triangles. German colors.

Show more comments…
u/katkip

German colors? I'm curious to see the Romanian ones.
u/lionleaf

#recursive
u/lionleaf

#zoom
u/username

seemless
u/username

<- this version is not
u/username

^ meant to use an up arrow

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(x.fillRect(x.globalAlpha=.2,q=t%2,2e3,2e3),i=125;i--;x.clearRect(S(t|1)*760+S(i)*v+960,(q*q/2-C(i))*v+380,l=6-q*3,l))v=q*200-S(i*.2)*i*q

Dec 31 2018 9: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).

New Year Fireworks

Show more comments…
u/13thptr

elegant :)
u/keithclark

change S(i*.2)*i*q for S(i*t>>4)*i*q for varying firework effects (2 chars over the limit tho)
u/katkip

haha i like the variation
u/JWinslow23

If q will only ever be 0 or 1 (t%2), couldn't this just be for(x.fillRect(x.globalAlpha=.2,q=t%2,2e3,2e3),i=125;i--;x.clearRect(S(t|1)*760+S(i)*v+960,(q/2-C(i))*v+380,l=6-q*3,l))v=q*200-S(i*.2)*i*q? That way, the variation also works.
u/keithclark

I opted for what I had because it held the initial shape in the sky for longer before gravity takes hold. Your version works and if you're happy to trade off the initial shape, you could also drop the \2 and save another 2 chars
u/keithclark

... also q can be any value between 0 and 1
u/JWinslow23

Ah, my mistake, I forgot about floats
u/lionleaf

Nice one! #nye #fireworks
u/iverjo

Beautiful!
u/vain

3... 2... 1... ignition... beautiful firework

show FPS hide FPS share fullscreen

13thptr

function u(t) {

c.width=w=400;x.fillText(x.font=m="17px Hello",0,19)
x.getImageData(0,0,w,j=99).data.map((e,i)=>e&&x.fillRect(j*C(i%w*.016-t)+j,i/w,3,3))

Dec 28 2018 11:13 AM UTC

}// 137/140

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

Somewhat ambiguous because of implicit orthographic projection

u/13thptr

(first dweet :D)
u/13thptr

add |0 after i/w for a more solid look
u/lionleaf

Nice! Glad to see you make a first dweet :D
u/jylikangas

Welcome! Very nice 1st Dweet! Golfed to 131b -> c.width=w=400; with(x)getImageData(fillText(font="17px Hello",0,19),0,w,j=99).data.map((e,i)=>e&&fillRect(j*C(i%w/63-t)+j,i/w,3,3))
u/13thptr

thanks for the nice comments ! u/jylikangas cool tricks but it seems like inlining fillText in getImageData won't work in FF :(

show FPS hide FPS share fullscreen

davidsharp

remix of d/6929 by u/davidsharp

function u(t) {

c.width|=0;c.style.filter='invert(1)';x.font='2cm A';for(n=0;n<20;)x.fillText('❄',n++*80+S(t+n)*40,Math.abs(t*100*S(n))%2000)

Nov 20 2018 2:56 PM UTC

}// 125/140

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

snow

u/iverjo

#snow

show FPS hide FPS share fullscreen

pavel

remix of d/10753 by u/alice-mx

function u(t) {

for(a=Math.abs,c.width|=j=440;j--;x.fillRect(((j>>1)%20+s*P)*99,((j/40|0)+s*Q)*99,50,50))s=(j%2-.5)/2/Math.max(a(P=C(t)),a(Q=S(t)))

Oct 29 2018 6:56 PM UTC

}// 131/140

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

u/anotherkitten

dang your version is a lot better than mine, nice
u/katkip

wait what... i dont understand xD. nice

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10737 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=58;j--;x.fillRect(i,j,1,1))k=(50-i)/(z=j-27),x.fillStyle=R(q=z>0?S(j*j+k-t*7)*C(j**3-k*3+t)*z/2+60-j:j+9,q*=4,q)

Oct 29 2018 1:55 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/lionleaf

Wow! #sea #water #waves #landscape
u/jylikangas

One of my favorites!
u/robbyg

Fantastic mood. Well done!
u/aleamb

Amazing! Reminds me of the Solaris ocean

show FPS hide FPS share fullscreen

buck

function u(t) {

i=w=2e3,r=n=>Math.random()*n;while(i--){a=r(w),b=r(w/2),d=(a*a+b*b)**0.5;x.fillStyle=`hsl(${d*S(t)+t*9},80%,80%)`;x.fillRect(a,b,9,9)}

Oct 29 2018 11:03 AM UTC

}// 134/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 2 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=240;i--;c=t/3*(i%t<t/8))x.clearRect(960+c*S(R=i**.7)+t*C(T),540+c*C(R)+t*S(T=i**.5)*C(!c*i),s=8*S(i*160-t),s)

Oct 28 2018 5: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).

#space #star #sun

Show more comments…
u/katkip

awesome
u/tomxor

It looks a bit more toasty if you multiply t*2 in i*160-t, just couldn't figure out how to fit it.
u/f8f82804

almost looks like a #virus
u/iverjo

#solar #flare
u/Cloud

#sun
u/erin

virus aged badly....
u/vain

has corona reached dwitter? Great procedural generated gfx

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10629 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*9}%,#fed,#012 50%)`

Oct 24 2018 7:13 AM UTC

}// 140/140

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

Show more comments…
u/lionleaf

Wow! That's trippy and cool looking :D Looks like an oil spill or something #plasma #oil #oil_spill
u/joeytwiddle

Great!
u/tomxor

Neat, looks like #diffraction and #Interference, I guess it is litterally the later.
u/katkip

cool
u/Purpzie

Still seems to look the same without s.backgroundBlendMode='difference'
u/yonatan

Dwitter doesn't reset CSS styles when you edit the code. Try making it '' instead of 'difference'
u/lionleaf

u/yonatan Oh, I guess that's a bug.
u/DataMeta

Absolutely incredible

show FPS hide FPS share fullscreen

davidsharp

remix of d/10525 by u/davidsharp

function u(t) {

for(i=0;i<9;){x.fillStyle=R(S(i)*50,i*50,255-i);x.fillRect(200+i++*200+S(t)*300,0,99,1e3)};c.style.filter=`hue-rotate(${S(t)*99%360}deg)`

Oct 18 2018 9:09 AM UTC

}// 137/140

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

rotating hues

dwitter.net | davidsharp (7034)