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

Feiro

function u(t) {

t||(p=new AudioContext(),o=p.createOscillator(),o.connect(p.destination),o.start())
o.frequency.value="昳餠胃胃胃状昳昳衫衫胃胃状状昳".charCodeAt(t*3)/100

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

Guess the song! :D

u/Feiro

Bug in Dwitter: the sound continues after you've scrolled beyond the dweet.
u/BuRRak

This is so cool xD

show FPS hide FPS share fullscreen

zox

function u(t) {

w=c.width|=0
for(i=1;i<9;i++){
x.arc(w/2,540,150+(45*i),S(t),7*S(t))
x.arc(w/2,540,150+(28*i),7*S(t),S(t))
x.lineWidth=2+T(t+i)
x.stroke()}

Feb 18 2018 5:30 AM UTC

}// 139/140

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

u/aleamb

Capsule Corp. :)

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