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

lvythn

function u(t) {

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

Apr 14 2018 6:58 AM UTC

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

lvythn

function u(t) {

for(w=c.width=i=320,x.translate(160,90);--i;n=w/(i-t%1),x.strokeRect(m=-n/2,m,n,n));for(j=2;--j>-2;x.strokeRect(0,0,l=j*n,l*j))x

Apr 14 2018 6:54 AM UTC

}// 129/140

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

New to Dwitter and Java.. This taken from @thomz12 , all credit goes to him.

u/BuRRak

Do you mean Javascript? Btw cool dweet! If you want to modify someone's code you can modify the code in their dweet and then click 'Post remix', which will post a modified version with a reference to their original Dweet.

show FPS hide FPS share fullscreen

anthonylewis

remix of d/7634 by u/anthonylewis

function u(t) {

r=Math.random;c.width=500;s=.3
for(i=64;i--;)
x.fillStyle=R(r()*255,r()*255,r()*255),
a=r()*-270,b=r()*a*(s*=-1),x.fillRect(b+250,a+270,9,9)

Apr 12 2018 12:40 AM UTC

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

anthonylewis

function u(t) {

c.width^=0;x.translate(960,0);x.rotate(0.7854)
for(i=8;i--;)for(j=8;j--;)
x.fillStyle=R(0,0,0,S(i*j*t)),x.fillRect(i*100,j*100,50,50)

Apr 9 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).

show FPS hide FPS share 1 remix fullscreen

fujimotos

remix of d/7622 by u/Aheradin

function u(t) {

c.width|=0
h=540;w=960
x.font='70px a'
for(i=12;i--;)x[z='fillText']('■',C(t)*i*30+w,S(t)*i*30+h),x[z](i,S(.52*i)*450+w,C(.52*i+3.14)*450+h)

Apr 11 2018 12:56 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/rjro

#clock
u/BirdsTweetCodersDweet

for(i=13;--i;) -- You CAN have a 12 o'clock on there, y'know?

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)setTransform(1,0,0,1,960,540),font="128px A",fillText("🃏",100*S(t/10),0),rotate(Math.PI/10),drawImage(c,-962,-542,1924,1084)

Apr 11 2018 12:24 PM UTC

}// 131/140

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

Why is the joker the only card that gets its own emoji?

u/fujimotos

It seems to me that unicode table owns the full deck of cards: http://www.amp-what.com/unicode/search/card
u/Agnes

Interesting! Several of those straight up don't render for me. Only the "black joker" has a colourful emoji representation, the rest are transparent utf-8 ideographs.

show FPS hide FPS share fullscreen

camel_case

remix of d/7248 by u/camel_case

function u(t) {

t<.1&&(d=a=256,s=15467,l={})
x.fillStyle=R(...l[s]?[s,s,s]:"")
x.fillRect((s&255)*9,(s>>8)*9,9,9)
d+=(l[s]=!l[s])?1:-1
s+=[-a,1,a,-1][d%4]

Apr 10 2018 10:06 PM UTC

}// 138/140

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

Improved and corrected Langton's ant

u/DataMeta

Very cool! Looks like a pokemon sprite generator for a while
u/camel_case

lmao

show FPS hide FPS share fullscreen

Agnes

function u(t) {

c.width|=0;o=t?o:0|c.addEventListener('click',()=>{o=~~c.t},0);c.t=60*t;x.font="256px A";x.fillText(String.fromCodePoint(127873+o),832,668);

Apr 10 2018 9:52 AM UTC

}// 140/140

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

Click the present for your random gift. I wanted the present to move around and shake until you clicked it, but couldn't make it happen with the required function calls.

u/prplz

Golfed c.onclick=z=()=>{c.width|=0;x.font="16em A";x.fillText(String.fromCodePoint(127873+t*60|0),832,668)};t||z()
u/prplz

Ah i just realized that won't allow you to do the movement you wanted, but there are some other tricks there
u/Agnes

Thanks for the onclick tip! That kind of allows me to do the shaking.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

c.width|=0;o=t?o:0|(c.onclick=()=>{o=~~c.t});c.t=60*t;x.font="256px A";x.fillText(String.fromCodePoint(127873+o),832+!o*c.t%3,668+!o*c.t%3);

Apr 10 2018 12: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).

Previous dweet with shaking added from the characters saved by using onclick; thanks u/prplz.

u/joeytwiddle

Reminds me of the prize box in Crossy Road

show FPS hide FPS share fullscreen

firegodjr

function u(t) {

c.width=50
for(y=0;y<2;++y)for(w=0;w<3;++w)for(i=0;i<10;++i){x.fillStyle=R(0,0,0,.2);x.fillRect(S(t)*i*8+40*w,40*y,S(t-i*9)*20,S(t-i*9)*20)}

Apr 12 2018 6:50 PM UTC

}// 140/140

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