Dweets awesomed by u/snydej

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

snydej

function u(t) {

c.width|=0
for(i=5e3;v=i--/795;){
s=4*S(t)*S(5*v)
q=s*s
s*=1-q/3*(1-q/25)
k=100*(4-q*(1-q/14))
x.fillRect(960+k*C(s+=v+t),520+k*S(s),9,9)
}

Feb 19 2018 2:06 PM UTC

}// 139/140

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

Mostly an accident, but it looks cool anyway

u/DirtyDan

Pretty sure most dweets are, lol
u/artfarnaa

Every artist from every domain says same thing. Nothing great emerges without the author saying it was just an accident.
u/Lazy1337

Not always true in creative coding/demoscene tbh

show FPS hide FPS share 1 remix fullscreen

snydej

remix of d/6995 by u/snydej

function u(t) {

for(q=t,i=3;i--;x.fillRect(0,0,f=85,f,x.fillStyle=`hsl(${t},70%,${f*s*s}%`))x.setTransform(s=S(q),C(q),S(q+=2.1),C(q),t%8*250,990*S(t/6)**2)

Feb 18 2018 9:33 PM UTC

}// 140/140

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

I think I've squeezed all I can out of this one.

u/sigveseb

Some really good stuff, keep'em coming! :)
u/magna

wow.

show FPS hide FPS share 1 remix fullscreen

snydej

remix of d/6994 by u/snydej

function u(t) {

[0,1,2].map(d=>x.fillRect(0,0,90,90,x.setTransform(s=S(q=d*2.1+t),C(q),S(q+=2.1),C(q),t%8*250,990*S(t/6)**2),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:34 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/magna

WOOOT!!!
u/BuRRak

amazing
u/iverjo

Great idea!
u/13thptr

#twister -like
u/Cloud

#d3

show FPS hide FPS share 2 remixes fullscreen

snydej

remix of d/6990 by u/snydej

function u(t) {

c.width|=p=2.0943;[0,1,2].map(d=>x.fillRect(0,0,h=540,h,x.setTransform(s=S(q=d*p+t),C(q),S(q+=p),C(q),960,h),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7: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).

u/aleamb

cooooooooool
u/magna

WAAAAAA
u/zanella

Niiiiiiiiiice!
u/joeytwiddle

#cube #lighting #renderer
u/S.T.L.K.R.

wtf very nice
u/vain

amazing lightsources cube

show FPS hide FPS share 1 remix fullscreen

snydej

remix of d/6988 by u/snydej

function u(t) {

for(c.width|=i=50;i--;)[0,4,8].map(d=>x.fillRect(0,0,i,i,x.fillStyle=R(d*i),x.setTransform(S(s=d*8.9),C(s),S(s+=2.1),C(s),i*i,99+i*S(i+t))))

Feb 18 2018 5:49 PM UTC

}// 140/140

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

I used a different strategy for the transform and managed to salvage enough characters to animate it.

show FPS hide FPS share fullscreen

snydej

function u(t) {

with(x)for(i=2;i--;beginPath(stroke()))
strokeStyle=`hsla(${30*t-50*i},90%,50%,.3)`,
ellipse(960,540,40*t,t>3?40*t-120:0,t+i*11/7,0,44/7)

Feb 18 2018 4:15 PM UTC

}// 137/140

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

u/iverjo

Best viewed in fullscreen

show FPS hide FPS share 1 remix fullscreen

snydej

remix of d/6961 by u/dogspace

function u(t) {

for(i=49;i--;)[0,2,4].map(d=>x.fillRect(0,0,5,5,x.fillStyle=R(d*99),a=[8,-4,0,9,-8,-4],a.splice(d,2),x.setTransform(...a,i*40,540+50*S(i))))

Feb 18 2018 2:52 PM UTC

}// 140/140

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

This is the best I could manage in 140 character. I had a this but could not shrink it: c.width|=0 for(i=9;i--;)for(j=9;j--;)[0,2,4].map(d=>x.fillRect(0,0,2,2,x.fillStyle=R(d*99),a=[20,-9,0,h=99+30*S(i+j+t),-20,-9],a.splice(d,2),x.setTransform(...a,(24+i-j)*40,(39-i-j)*18-h)))

u/snydej

Correction: c.width|=0;for(i=9;i--;)for(j=9;j--;)[0,2,4].map(d=>x.fillRect(0,0,2,2,x.fillStyle=R(d*99),a=[20,-9,0,h=99+30*S(i+j+t),-20,-9],a.splice(d,2),x.setTransform(...a,(24+i-j)*40,(39-i-j)*18-h)))

show FPS hide FPS share 1 remix fullscreen

akm

remix of d/6976 by u/SnakeBearSoftware

function u(t) {

with(x)for(c.width|=i=37,globalCompositeOperation='xor';i--;beginPath(fill()))arc(960+S(n=i*(C(t*2)*.3+6.3))*n-C(n),540+S(n)-C(n)*n,i*i,0,7)

Feb 18 2018 12:12 AM UTC

}// 140/140

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

Thanks to u/BirdsTweetCodersDweet for the help with the oscillating function!

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.style.background="radial-gradient(#f73 5%,#113 "+(99*S(t))+"%)"
r=a=>S(a*8)
for(i=99;i--;)x.fillRect(i*25+r(i)*50,1080,50,-700+r(i*i)*99)

Feb 16 2018 10:31 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 more comments…
u/Xen

nicely done
u/aleamb

nice!!
u/magna

Yes.
u/BirdsTweetCodersDweet

Cool!
u/sigveseb

Woow, I was 100% expecting the code to be an external network request. So good!
u/iverjo

Wow!
u/Kalanchoe

Beautiful
u/donbright

:p
u/donbright

i mean :o
u/zanella

The most awesome thing about Dwitter is how the quality of the dweets is constantly increasing. Everybody is learning new tricks and techniques from one another and doing more and more awesome stuff. :)
u/sj_

😍
u/New_Core

#city
u/joeytwiddle

#landscape #sunset

show FPS hide FPS share fullscreen

41407

function u(t) {

w=2e3;x.fillRect(0,0,w,w);h=t%2*w;g=~t%2?g+.6:0
for(i=59;i--;x.globalAlpha=.1)~t%2?x.clearRect(b+h*S(i),b+h*C(i)+g**2,g,g):b=Math.random()*w

Feb 16 2018 10:02 AM UTC

}// 140/140

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

u/joeytwiddle

Nice big #fireworks with gravity

dwitter.net | snydej (8091)