Dwitter - javascript demos in 140 characters

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 fullscreen

fons

remix of d/6998 by u/snydej

function u(t) {

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

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

tripping

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

BirdsTweetCodersDweet

remix of d/6978 by u/akm

function u(t) {

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

Feb 18 2018 12:22 AM UTC

}// 139/140

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

I tried to change your n value... Ended up doing a thing :D

show FPS hide FPS share fullscreen

fgf34rg

remix of d/7029 by u/fgf34rg

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<100;i++)
x.fillRect(400+i*100+S(t)*(300+i),S,50,200) // draw 50x200 rects

Feb 21 2018 7:23 AM UTC

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

fgf34rg

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*(300+i),400,50,200) // draw 50x200 rects

Feb 21 2018 7:21 AM UTC

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

BirdsTweetCodersDweet

remix of d/6980 by u/BirdsTweetCodersDweet

function u(t) {

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

Feb 18 2018 12:26 AM UTC

}// 140/140

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

Hah, another cool one!

show FPS hide FPS share 1 remix fullscreen

dogspace

function u(t) {

if(!t){C=document;S=C.createElement('script');S.src="https://pastebin.com/raw/i8nt279b";C.head.appendChild(S)} //Shoutz to Amir & Apex!!!

Feb 16 2018 10:30 PM UTC

}// 137/140

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

credit to Amir because he made the dweet; shoutz to Apex because his dweet inspired me, and big big thanks to AnnanFay who helped me make this dweet..

Show more comments…
u/Apex

:)
u/meaniningOf42

It's cool, but isn't linking an external script cheating?
u/dogspace

its the only way really
u/Apex

u/meaniningOf42 that's the point ;p
u/BuRRak

I had this idea 2 days ago, this is so unfair
u/BirdsTweetCodersDweet

Love it :O
u/FFS2309

I wonder why your script on pastebin has to be that long ? Does it do anything other than just recreate the dwitter environment for the actual code to run in? I'm asking because I did some script loading test already ( d/5992 ) and my code worked without recreating the environment.
u/katkip

#external

show FPS hide FPS share fullscreen

decagon

function u(t) {

c.width=1920 
for(i=0;i<100-(t*1);i++) {
x.fillRect((i*4.1*C(S(C(S(t))))+T(t**100)-t*2)*5,-400,5,8+i*15) // draw 50x200 rects
}

Feb 21 2018 3:52 AM UTC

}// 127/140

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

A lonely triangle. All it can do is try its best, before it slowly withers away.

u/iverjo

Social commentary? ^^

show FPS hide FPS share 3 remixes fullscreen

DirtyDan

remix of d/6999 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)*275,540+C(a)*275,i*3,0,b/7),stroke(),fill()}

Feb 20 2018 2:55 AM UTC

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

zox

remix of d/6846 by u/jbl

function u(t) {

c.width|=i=300
while(--i)q=C(t*2+i/90),x.arc(T(q)*(i-660)+1e3,S(t)+i+390,S(i/96)*(C(t/3+i/9)+(T(t)/C(t))/(S(t)))*40,0,7)
x.stroke()

Feb 18 2018 4:50 AM UTC

}// 131/140

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