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

farter

function u(t) {

t||(a=[],c.onmousemove=e=>(a.push([e.pageX*3.37,e.pageY*3.37,100])));c.width+=0;a=a.filter(o=>(x.fillRect(o[0],o[1],o[2],o[2]--),o[2]>0));

Mar 4 2017 2:26 PM UTC

}// 138/140

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

hover your mouse

show FPS hide FPS share fullscreen

kchplr

function u(t) {

G=t=>(10+Math.random()*50<<2).toString(16)
x.font='4em A'
s=G()+G()+G()
x.fillStyle='#'+s
x.fillText(s,100+(t*6|0)*260,100+(t*6%1*10|0)*100)

Mar 2 2017 4:22 PM UTC

}// 140/140

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

Trying to reproduce https://twitter.com/AtticusBones/status/8370… as closely as possible

u/sfz

cute!
u/iverjo

+1 for the novelty
u/DataMeta

#colors
u/DataMeta

#colors

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

w=c.width=128;for(i=w*w;i--;)x.fillStyle=R(0,0,0,Math.random()),x.fillRect(i%w,i%(w-1),1,1);x.font='5em A';x.fillText("☠",25,65);

Feb 28 2017 8:16 PM UTC

}// 129/140

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

I did one with ImageData but the skull didnt fit in. (it was faster but not fast enough to size it up).

u/sfz

swank!
u/New_Core

#noise

show FPS hide FPS share fullscreen

ivansanchez

function u(t) {

for(i=0;i<300;i++)h=(t+i)*78%360,x.fillStyle=`hsl(${h},99%,50%)`,x.fillRect(i%20*99,~~(i/20)*99,99,99)

Mar 2 2017 6:27 PM UTC

}// 102/140

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

u/iverjo

#bartjs

show FPS hide FPS share fullscreen

quidnovum

remix of d/888 by u/jczimm

function u(t) {

c.width=1920;q=l=>1+S(l)*S(l)
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)/q(i)*S(T(t/1.1)+j/i),540+200*S(i)*C(i)/q(i),10,10)}

Mar 2 2017 6:03 PM 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

veubeke

function u(t) {

t?c.width^=0:a=b=e=f=1;a+=e,b+=f;b>>3||x[k=b*8+a]&&x[k]--?f=-f:a>>3?e=-e:0;for(i=64;i--;)t?x[i]|i==k&&x.fillRect(i-i%8,i%8*8,8,8):x[i]=i>>5

Mar 3 2017 5:33 PM UTC

}// 139/140

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

Turns out you can’t fit Breakout into 140b :D

u/iverjo

+1 for good effort :D

show FPS hide FPS share 2 remixes fullscreen

SpecialAgent

function u(t) {

c.width^=0;r=400;A=[.4,.7,1,1.5,1,2,4,7];for(n=4;n--,q=r*A[n],d=t/A[n+4];)x.arc(r*2,r,q,1,9),x.stroke(),x.fillRect(r*2+q*C(d),r+q*S(d),9,9)

Mar 2 2017 10:55 AM UTC

}// 139/140

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

Illustrates the orbits of the first 4 planets in our solar system. The distance from the sun (not shown but expected in the center) and the orbital periods are to approximate scale. Variable A holds the planetary data, positions 0-3 indicate the distance in Astronomical Units from the sun, positions 4-7 the number of days for orbital periods. These are rounded to fit into the 140 byte limit. Earth should be 3.65, but is rounded up to 4. Not perfect but a close approximation. q is the radius of each orbit (derived from the AU distance), and d is the angle of the planet on the orbital path (derived from the days per orbital period).

u/donbright

hell yeah
u/donbright

remix to show e-v orbital resonance https://www.dwitter.net/d/1811
u/donbright

i wish i could vote twice on SpecialAgent's dweet, so cool.
u/SpecialAgent

Thank you donbright :)
u/SpecialAgent

A golfed version that tunes earth's orbital period to 360 days, and speeds up the simulation: c.width^=0;r=600;for(n=4;n--,q=r*[.2,.3,.5,.75][n],d=t*2/[1,2,3.6,7][n];)x.arc(r,r,q,1,9),x.stroke(),x.fillRect(r+q*C(d),r+q*S(d),9,9)

show FPS hide FPS share fullscreen

Memis

function u(t) {

for(i=0;i<8;i++){x.fillStyle=`hsl(${S(t/1.5)*255},100%,50%)`;x.fillRect(S(t*3.1415/4)*500+950,S(i*t/2)*500+500,5,5)}

Mar 4 2017 12:56 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

Niklas

function u(t) {

for(c.width|=0,q=100,i=q;i--;)for(a=i*.031+t*5,j=q;j--;)b=j*.031+t*5,x.fillRect(500+10*i+q*C(b),240+5*j+q*S(a),3,3);

Mar 1 2017 1:29 PM UTC

}// 116/140

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

u/SpecialAgent

nice cloth :)

show FPS hide FPS share fullscreen

sfz

remix of d/672 by u/aemkei

function u(t) {

for(c.width=874,b=[d=this.b||0],i=5e3;i--;x.fillText(b[i]=d?a==3|d[i]&a==2:i%7%2,i%96*9,i/9))for(a=0,j=5;e=93*(2<j--)+j;)a+=d[i+e]+d[i-e]

Mar 1 2017 7:18 PM UTC

}// 137/140

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

Life in Bits