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

jes5199

function u(t) {

g=new Float32Array(1);for(a=192;a;a--) for(b=108;b;b--){c=(a-96)*5199;d=(b-54)*5199;v=c*c+d*d;g[0]=v;v-g[0]>0?x.fillRect(a*10,b*10,10,10):0}

Mar 8 2017 7:06 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/donbright

really like these type of patterns. hope you dont mind, remixed w a bit of animation https://www.dwitter.net/d/1979
u/katkip

#moire

show FPS hide FPS share fullscreen

nick

function u(t) {

w=20;r=4;for(j=1;j<53;j++)for(i=1;i<95;i++){a=i*(.5*C(5*t)+1)/95;x.fillRect(w*i,w*j,w,w);x.fillStyle=R(i*r,j*r,258*a)}

Mar 9 2017 11:42 PM UTC

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

sawaxon

function u(t) {

c.width|=0;x.font='150px Arial';for(j=9;j--;)for(i=19,k=1;i--;S(t+99)<.5||(k=S(i*i)*S(t+99)*199))x.fillText('*',900+k,900-350*S(t)+k*C(i))

Mar 9 2017 9:56 PM UTC

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

farter

function u(t) {

t?(p=a[a[0]++],o=p>>6&255,p&1&&(o=a[o]),d=p>>4&3,p&2&&(d=a[d]),n=a[d],a[d]=[o,n+o,n-o][p>>2&3]):a=[4,0,1,0,101,177,121,209,256]//watch a[1]

Mar 10 2017 11:53 AM UTC

}// 139/140

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

console.log(a[1]), something is running inside this "little computer"

u/farter

but sorry for no use of canvas lol
u/farter

console doesn't work now, instead, append this: ;c.width=150;x.fillText(a[1],0,10)

show FPS hide FPS share fullscreen

donbright

remix of d/1871 by u/walsh9

function u(t) {

圈=(n,d,N,D)=>{d+D<15?(圈(n,d,n+N,d+D),圈(n+N,d+D,N,D),w=2e3,m=d+D,x.beginPath(),r=w/m/m/2,x.arc(w*(n+N)/m,r,r,0,7),x.fill()):1}
圈(0,1,1,1)

Mar 7 2017 11:35 PM UTC

}// 136/140

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

basic Ford's Circles (sort of like Apollonian Circle Packing but every circle touches the floor, or here, the ceiling)

u/donbright

#math
u/donbright

see also https://www.dwitter.net/d/15086 by @taupelink
u/donbright

#numbertheory
u/taupelink

nice!

show FPS hide FPS share 2 remixes fullscreen

FireFly

function u(t) {

for(c.width|=M=Math,i=2e4;i--;x.fillRect(A*8,B*8,W=9+M.atan2(M.sqrt(1-X*X-Y*Y),X)*3-t*4&7^4-M.asin(Y)*3,W))X=(A=i%135)/67-1,Y=(B=i/135)/67-1

Mar 4 2017 6:26 PM UTC

}// 140/140

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

Raycasted rotating sphere with UV-mapping!

Show more comments…
u/sfz

... ??? !!!
u/iverjo

Impressive! I like the c.width|=M=Math hack. Apparently Math is evaluated to NaN in the process.
u/iverjo

http://stackoverflow.com/a/11037887/2319697
u/alien

god... i can't understand this yet but is awesome...
u/sigveseb

So good!
u/donbright

standing ovation
u/tomkh

great job! some tricks here really opens new possibilities
u/mxfh

you can do M.sqrt() with ES6 power operator as **.5 should yield a net gain of 2 chars
u/FireFly

Oh right! I haven't gotten used to it yet since I'm on Fx51, which doesn't seem to support ** yet. Thanks!
u/FireFly

Oh, and also thanks for all the positive responses, everyone :)
u/iverjo

#sphere
u/lionleaf

#disco
u/f8f82804

#halftone #dithering #shading

show FPS hide FPS share fullscreen

FireFly

function u(t) {

r=140-16*(t<10?t:0);for(U=0;U<44;(r<8?"䃀䀰䜼䚬䶴伙倃匞䖴䚬䞜䆀䁠".charCodeAt(Y-61)>>X-18&1:0)||x.fillRect(8*X,8*Y,8,8))X=120+r*C(U+=.11)|0,Y=67+r*S(U)|0

Mar 7 2017 6:23 PM UTC

}// 140/140

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

Change .11 to another decimal number (e.g. .10 or .13) for a different pattern!

u/magna

What is the nature of the data that you're encoding in that string?
u/FireFly

Just that lil' bitmap in the centre (same way as in other dweets—each bit of each codepoint represents one binary pixel)
u/quate

r=140-16*(t<10?t:0);for(U=0;U<44;(r<8?"䃀䀰䜼䚬䶴伙倃匞䖴䚬䞜䆀䁠".charCodeAt(Y-61)>>X-18&1:0)||x.fillRect(8*X,8*Y,8,8))X=120+r*C(U+=.11)|0,Y=67+r*S(U)|0
u/quate

whoops. sorry.

show FPS hide FPS share fullscreen

veubeke

remix of d/1893 by u/veubeke

function u(t) {

$=500;for(i=2e3;a=i--/$;x.fillRect(i,t*70+_*15,1,$))_=C(a+t)+C(a-t)*6+(r=i*i/t%1),
x.fillStyle=t<5?'#def':`hsl(${$+_},80%,${50-t*2-_-r*9}%)`

Mar 6 2017 8:25 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 more comments…
u/donbright

brilliant!!!!!!!!!!
u/SpecialAgent

nice!
u/iverjo

Amazing :D Now we just need a sun in the top left corner ;)
u/iverjo

http://iver.io/stuff/dweet-landscape-combo.g… (warning: 3 MB)
u/magna

Still missin: 🐄
u/sigveseb

Lol iverjo nice shoop
u/PiggyClone205

Bring us cows, veubeke.
u/joeytwiddle

#landscape #scene
u/micahcowan

#pretty

show FPS hide FPS share fullscreen

nick

function u(t) {

k=55;y=72;for(j=-4;j<15;j++)for(i=1;i<25;i++){x.fillRect(i*y,i*10+y*j,y,y);x.fillStyle=R(k*(S(t*i^y))+k*S(y*j),k*C(t*j^y)+k*S(y*i),k*C(t))}

Mar 9 2017 8:15 AM UTC

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

hypothete

function u(t) {

d=1920;e=1080;
f=Math.random;
g=(t%e);
x.font=g+'px Arial';
x.fillText('🐞',d*f()-g/2,e*f());

Mar 10 2017 6:55 AM UTC

}// 93/140

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

u/PiggyClone205

L A D Y B U G