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

akm

remix of d/7011 by u/DirtyDan

function u(t) {

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

Feb 20 2018 5:23 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/loni_art

spooky!

show FPS hide FPS share fullscreen

BuRRak

function u(t) {

onkeydown=u=>c[(e=u.key.toLowerCase())]=(c[e]|0)+(u.shiftKey?-1:1);c.style.background=R(c.r,c.g,c.b);throw c.r+';'+c.g+';'+c.b;

Feb 20 2018 5:40 PM UTC

}// 127/140

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

Color Preview - use R, G, B to increase the RGB values and shift + R,G,B to decrease them

u/akm

golfed it down to 99 chars: with(c){onkeydown=u=>[e=u.code[3]]=e+u.shiftKey?-1:1,style.background=R(r,g,b);throw r+';'+g+';'+b}
u/BuRRak

Oh wow, you won't stop amazing me! :)
u/joeytwiddle

Useful! :)
u/BirdsTweetCodersDweet

onkeydown=u=>c[(e=u.key.toLowerCase())]=(c[e]|0)+(u.shiftKey?-1:1);c.style.background=R(a=c.r%255,b=c.g%255,d=c.b%255);throw a+';'+b+';'+d; fixed your throws ;)
u/BirdsTweetCodersDweet

Or. with akm's modifications: with(c){onkeydown=u=>[e=u.code[3]]=e+u.shiftKey?-1:1,style.background=R(a=r%255,d=g%255,e=b%255);throw a+';'+d+';'+e}

show FPS hide FPS share fullscreen

Jezza

remix of d/6624 by u/Jezza

function u(t) {

c.width|=0;x.font='60px monospace';n=t**9;x.f=x.fillText;a=' mined on your CPU: ';x.f('Bitcoins'+a+n,9,400);x.f('USD'+a+'$'+n*11467,9,600)

Feb 20 2018 7:11 AM UTC

}// 138/140

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

u/fons

hahahahaahahahahah

show FPS hide FPS share fullscreen

snydej

function u(t) {

with(x)restore(fillRect(~save(fillStyle='#FEF9E0'),~drawImage(c,~fillRect(t**9%S,950,99,S),-6),S=2e3,S,globalCompositeOperation='multiply'))

Feb 19 2018 10:41 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 looks WAY cooler if you add x.filter='blur(4px)';

u/akm

woah, thats an awesome dweet and some crazy codegolfing!!
u/joeytwiddle

If I add that filter, flames start coming out of my laptop!

show FPS hide FPS share 2 remixes fullscreen

DirtyDan

remix of d/7009 by u/DirtyDan

function u(t) {

with(x){lineWidth=b=44
strokeStyle="#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 3:03 AM UTC

}// 135/140

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

u/iverjo

#dots

show FPS hide FPS share 1 remix fullscreen

prplz

function u(t) {

with(x)for(i=0,setTransform(15,0,0,15,960,540),rotate(t*1.23);i<10;i++)fillStyle=`hsl(${t*100},100%,50%)`,fillRect(S(t*7)*10+10+i,0,1,1)

Feb 20 2018 4:18 AM UTC

}// 136/140

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

i guess i made a flower

u/iverjo

#flower

show FPS hide FPS share fullscreen

mice_crowd

function u(t) {

x.beginPath();for(i=0;i<t;i++){y=(1+i)*100*C(i*t)/2+1920/2;z=(1+i)*10*t*S(i*t)/2+600;x.lineTo(y,z);x.stroke()}

Feb 21 2018 11:30 PM UTC

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

function u(t) {

c.width|=0;x.fillStyle="#E00";x.fillRect(0,0,1920,1080);x.font="99px serif";x.fillText("❤️",S(t*5)*32+900,C(t*5)*32+600)

Feb 21 2018 4:53 AM UTC

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

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