Dweets awesomed by u/iverjo

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

p01

function u(t) {

for(x.fillStyle=R(i=c.width|=0);i--;)X=i/11%4-2,Y=i/240-4,(X-t^Y)&1||x.fillRect(99*(S(X*.8)*C(Y*=.4)+t*2%18),960-99*(4*S(t%3.1)-S(Y)),9,9)

Mar 4 2017 9:36 PM UTC

}// 138/140

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

BOING! A 138bytes tribute to the legendary Amiga demo

u/alien

mother of god...
u/joeytwiddle

#sphere #ball #amiga

show FPS hide FPS share fullscreen

aemkei

function u(t) {

c.width^=0;for(i=0;i<499;i++)x.fillRect(900+(S(i/9))*(Z=1e3*(i+t/8)%300*2),500+(S(i*42)*Z),S(i)*20,S(i)*20);

Mar 4 2017 9:30 PM UTC

}// 109/140

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

Supernova

u/iverjo

Spot on :) Supernova was actually the first word that came to mind when I saw the dweet. Then I saw your comment ^^

show FPS hide FPS share fullscreen

parabola

remix of d/1868 by u/farter

function u(t) {

t||(a=[],c.onmousemove=e=>a.push([e.pageX,e.pageY,35,35]));c.width=568;a=a.filter(o=>(x.fillStyle=R(...o),x.fillRect(...o),o[2]=o[3]--))

Mar 4 2017 7:00 PM UTC

}// 136/140

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

u/iverjo

What does R(...o) do?
u/iverjo

Found it :) It's the rest operator in ES6. Cool! https://github.com/lukehoban/es6features#def…
u/iverjo

I meant the spread operator
u/fujimotos

#interactive

show FPS hide FPS share 1 remix 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 1 remix fullscreen

walsh9

remix of d/1871 by u/walsh9

function u(t) {

c.width|=Y=(d,e,a,l)=>l?(x.moveTo(d,e),x.lineTo(d+=l*9*C(a),e+=l*9*S(a)),Y(d,e,a-S(t),--l),Y(d,e,a+C(t),l)):0;Y(960,999,4.71,15),x.stroke()

Mar 4 2017 6:08 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

amazing how it collapses to a coma
u/donbright

comma

show FPS hide FPS share 3 remixes fullscreen

walsh9

function u(t) {

c.width|=Y=(d,e,a,l)=>l?(x.moveTo(d,e),x.lineTo(d+=l*9*C(a),e+=l*9*S(a)),Y(d,e,a-S(t),--l),Y(d,e,a+S(t),l)):0;Y(960,999,4.71,14),x.stroke()

Mar 4 2017 5: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).

fullscreen recommended

u/donbright

unbelievable!!!! wow
u/SpecialAgent

wonderful!
u/CocoMeister

#fractal

show FPS hide FPS share 1 remix fullscreen

Pyrofoux

function u(t) {

t||(k=0,i=s=1);for(a=9e4;a--;)s+=(i*=-1)/(++k+k+1)
c.width^=0;x.font="150px A";x.fillText("π = "+4*s,200,510)

Mar 4 2017 4:51 PM UTC

}// 110/140

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

We can get a lot more decimals with Ramanujan, but I couldn't make it fit in a 140bytes

u/donbright

c.width|=M=Math;(26390*n+1103)/M.pow(396,4)
u/donbright

oops sorry wrong textarea!!!!
u/donbright

so uhh looks like Ramanujan maxes out the JS floating point type after about n=4
u/donbright

unless u calc pi using an 'nth digit' formula i guess.......
u/Pyrofoux

Yep, that's what I meant by "more decimals" :)

show FPS hide FPS share 2 remixes fullscreen

SpecialAgent

function u(t) {

w=c.width=64;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=128+128*(S(X/8+t)+S(Y/8+t)+t),x.fillStyle=`hsl(${P},99%,50%)`,x.fillRect(X,Y,1,1)

Mar 4 2017 12:03 PM UTC

}// 128/140

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

Old school plasma effect

u/iverjo

Good stuff
u/joeytwiddle

#plasma

show FPS hide FPS share 1 remix fullscreen

farter

function u(t) {

t||(f=s=1);s<<8&f||s>>24&255?(f|=s,s=1<<new Date,f>>24==-1&&(f<<=8)):s<<=8;c.width=63;for(i=32;i--;)(f|s)&1<<i&&x.fillRect((i&7)*8,i&~7,7,7)

Mar 4 2017 11:43 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/parabola

Awesome!
u/iverjo

Tetris! Any way we could slow it down?
u/FireFly

Very nice! (i&7)*8 → i%8*8 should save you two bytes, btw
u/farter

@iverjo in fact at first i tried, but if it's slowed down, you'll see some wrong but minor behavior, due to saving bytes. and @FireFly thx, and the two bytes allowed me to solve one of them!
u/Renaud___

I am trying to do anything like that since 4 days ... with 180 char, cant golf it... full respect farter :)
u/joeytwiddle

#game #tribute
u/Cloud

#tetris

show FPS hide FPS share fullscreen

farter

function u(t) {

c.width=16;c.height=9;s=n=>(S(n)+1)/2*255;for(i=16;i--;)for(j=9;j--;){x.fillStyle=R((s(t+i)),(s(t+j)),s(t));x.fillRect(i,j,1,1)}

Mar 4 2017 8:22 AM UTC

}// 128/140

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

play with zooming artifact depending on browser canvas implementations

dwitter.net | iverjo (56085)