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 4 remixes fullscreen

joeytwiddle

remix of d/9844 by u/f8f82804

function u(t) {

c.width=1920,x.font='20em"'
for(i=-300;i<2e3;i+=99+t)x.fillText('🐖',i,625+200*S(i/15-4*t))

Sep 25 2018 6:39 AM UTC

}// 90/140

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

Soothing #swine wave

u/katkip

Haha!
u/katkip

That's a wierd centypede
u/magna

Looks like a work by Cyriak Harris

show FPS hide FPS share fullscreen

Agnes

function u(t) {

x.font="5em A"
x.fillText("If you remix this, the code is totally different! Try it!",50,70)

Sep 28 2018 4:54 PM UTC

}// 92/140

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

Thanks u/BalintCsala for the crazy invisible JS injection trick you found that makes this possible!

u/Purpzie

no thanks
u/prplz

MAGICIANS HATE HIM! AMAZE YOUR FRIEND AND FAMILY WITH THIS ONE SIMPLE TRICK

show FPS hide FPS share fullscreen

Purpzie

remix of d/10100 by u/Purpzie

function u(t) {

c.width=1e3
for(i=0;i<100;)with(x)lineWidth=i*10+S(t*2)*75,beginPath(),moveTo(50+i*200,-50),lineTo(i++*14,800),stroke()

Sep 27 2018 3:43 PM UTC

}// 119/140

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

zebra but smaller

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`挮睩摴株㴱㭤㴨焬攬温㴾砮晩汬剥捴⡱⭮⨱〰⭓⡴⤪㌰〬攬㔰ⰲ〰⤻景爨椽〻椫⬼㤻⥤⠴〰ⰲ〰Ⱪ⤬搨㐰〫匨椪匨琩⭴⨲⤪㄰ⰷ〰⭃⠭椪䌨琯㤩⭴⨳⤪㄰Ⱪ⤻砮晩汬却祬攽✣〰晤✬砮晩汬剥捴⠰ⰵ㐰ⰲ攳ⰲ攳⤻`.replace(/u(..)/g,"$1%")))

Sep 23 2018 2:19 PM UTC

}// 140/140

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

The most #realistic #water reflection Dweet ever!

u/joeytwiddle

Very nice! #default
u/sigveseb

Rocks hard

show FPS hide FPS share 1 remix fullscreen

SodaPOP

remix of d/10130 by u/Purpzie

function u(t) {

r=_=>Math.random()-.5;with(x)fillStyle=`hsl(${t*100} 50%50%)`,drawImage(c,r()*99,r()*99),font='500px"',fillText('UWU',175,700)

Sep 28 2018 1:01 PM UTC

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

SuperFromND

function u(t) {

for(c.width=w=1920,t||(a=b=250),e=d=>2.71**(d/50),i=0;i<w;i++)x.lineTo(i,540+1500*S(t+3260*i/1e3));x.stroke(),x.drawImage(c,T(3*t),20);

Sep 26 2018 10:31 PM UTC

}// 135/140

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

Triangular Pulsation

show FPS hide FPS share fullscreen

prplz

remix of d/10060 by u/prplz

function u(t) {

for(let X,Y=16,A=S(t),B=C(t);16+Y--;)for(X=32;32+X--;x.fillRect(X+32<<5,Y+16<<5,32,32))x.fillStyle=R(r=(X*B*A-Y*A*A^X*A*A+Y*B*A)<<4&255,0,r)

Sep 26 2018 1:04 AM UTC

}// 140/140

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

#rotozoom

show FPS hide FPS share fullscreen

and3k5

function u(t) {

c.width^=0
x.beginPath()
x.lineWidth=10;
for(i=0;i<500;i+=1)
x.lineTo(960+i*3*S(23*S(t/100)*i+t),540+i*3*C(23*S(t/100)*i+t))
x.stroke()

Sep 26 2018 6:01 PM UTC

}// 135/140

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

lines

u/joeytwiddle

related: d/739

show FPS hide FPS share fullscreen

Purpzie

function u(t) {

c.width=1000
for(i=0;i<10;i++){
x.fillStyle=R(125,i*25,200,0.75)
x.fillRect(i*100+T(t*(i/10))*100,S(t*2)*100+250,100,100)}

Sep 26 2018 4:53 PM UTC

}// 122/140

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

i know nothing about this lmao, never played with canvases before

u/BirdsTweetCodersDweet

c.width+=0 for(i=10;i--;)x.fillStyle=R(125,i*25,200,.75),x.fillRect(i*100+T(t*(i/10))*100,S(t*2)*100+250,100,100) -- your code can be shortened down to 113 bytes. In this example, it might not mean much, but for bigger dweets shortening code like this is crucial. If you'd join our discord chat, we could teach you some more tips and tricks like these ;)
u/BirdsTweetCodersDweet

Also- that there is a newline, not a space...
u/Purpzie

Thank you!! I'm way new to this but seriously, thank you for the tips.
u/Purpzie

Heck, the invite is expired...

show FPS hide FPS share fullscreen

anotherkitten

remix of d/10136 by u/anotherkitten

function u(t) {

c.style.background=R();x.fillStyle=`hsl(${t*9} 99%${c.width=35+S(t*3.3)*40}%`;for(p=23;p--;)x.fillRect(0,p*(3-S(t*p))-5,99,1)

Sep 28 2018 4:03 AM UTC

}// 125/140

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

alignment