Dweets awesomed by u/BackendForth

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

show FPS hide FPS share 1 remix fullscreen

DirtyDan

remix of d/7009 by u/DirtyDan

function u(t) {

with(x){lineWidth=b=44
fillStyle="#FFF"
for(i=0;i<b;i++)beginPath(),arc(960+S(a=t*i/b*4)*(d=i*t*S(t)),540+C(a)*d,i*3,0,b/7),stroke(),fill()}

Feb 20 2018 3:01 AM UTC

}// 140/140

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

If someone can shave 2 characters off, we can invert the colors! Like in d/7011

u/akm

here, I shaved off 10 chars: with(x)for(fillStyle="#FFF",i=0;i++<44;lineWidth=44)beginPath(arc(960+S(a=t*i/11)*(d=i*t*S(t)),540+C(a)*d,i*3,0,7),fill(stroke()))

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

BackendForth

function u(t) {

x.fillStyle="hsl("+t*99%256+",100%,50%)"
h=t?h:0
h+=Math.random()>.5?9:-9
x.fillRect(960+h*C(t),540+h*S(t),29*C(t),29*S(t))

Feb 15 2018 4:22 AM UTC

}// 123/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 1 remix fullscreen

AnnanFay

function u(t) {

with(x)scale(9,9),[0,7.5,32,26,14,2,3].map((v,i)=>fillRect(X=50+i*16,99,13,-v-36,fillText(`MTWTFSS`[i],X+2,110))),fillText('Dweets/🌞',80,9)

Feb 14 2018 5:10 PM UTC

}// 139/140

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

Y Axis: Linear scale from 0 to 1082. Min is 571 on Monday, Max is 1082 on Wednesday

u/sigveseb

Awesome!
u/iverjo

So much stuff packed into a single dweet!

show FPS hide FPS share fullscreen

akm

remix of d/6670 by u/akm

function u(t) {

c.width|=0
with(x){for(i=140,l=500;i--;lineTo(m,k))n=S(t-i*C(.1*t))*3e2,arc(m=i*18-120,k=-n+l,30,0,6.283,moveTo(m+220,n+l))
fill(stroke())}

Feb 14 2018 3:56 AM UTC

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

aleamb

function u(t) {

c.width=512;b=136;for(y=b;e=0.7*y,f=y-60,f*=f,y-=2;)for(m=b;m--;)d=m-70,z=S(t)*b*Math.exp(-1e-3*(f+d*d)),x.fillRect(m+e+b,-z+e+100,1,1)

Feb 14 2018 1:37 AM UTC

}// 135/140

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

Shorter version: c.width=512;b=136;h=60;for(a=b*b;a--;)m=a%b-h,y=a/b-h,e=0.7*y,x.fillRect(m+e+100,S(t)*b*Math.exp(-1e-3*(y*y+m*m))+e+150,1,1)

u/iverjo

Further, 0.7 can be replaced with .7
u/aleamb

#function #p3d
u/aleamb

#math
u/aleamb

#d3

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6857 by u/olligobber

function u(t) {

c.width|=i=8
for(m=200,r=t;i--;m=-m)x.stroke(new Path2D(`M960,${520-m*13/8}l${p=m*S(r)},${m}l${(q=m*S(r+=.79))-p},${m*5/4}h${m*C(r)-q}`))

Feb 11 2018 3:42 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/Yogeshp3

It's one of those things that you can't tell whether it's rotating clockwise or anticlockwise

show FPS hide FPS share fullscreen

bschwb

function u(t) {

c.width|=0
x.lineWidth=850
for(i=1;i<9;i++)m=0.5*i*t,x.beginPath(),x.strokeStyle=`hsl(${i*20},50%,50%)`,x.arc(960,540,90,m,m+0.2),x.stroke()

Feb 10 2018 10:18 PM UTC

}// 140/140

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

dwitter.net | BackendForth (17532)