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

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

show FPS hide FPS share fullscreen

donbright

remix of d/1857 by u/donbright

function u(t) {

w=128,c.width=2*w;for(i=w;i--;)for(j=w;j--;)c=S(t/3)*i*i+S(t/4)*j*j+S(t/5)*2*i*j,c=(c%w+w)%w,x.fillStyle=R(c,c,c),x.fillRect(64+i,8+j,1,1)

Mar 4 2017 8:07 AM UTC

}// 139/140

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

As with 1857 this is an attempt to show the relation between Binary Quadratic Forms and the Circles and Squares pseudo fractal and Moiré pattern. This takes the basic ingredients of the Quadratic Form, x*x, y*y, and 2*x*y, and mixes them together, but slowly varies the amount of each ingredient over time with the Sine function. It is possible to see how all variations of the Quadratic Form result in similar patterns, transitioning from crcles to ovals to hyperbola patterns. Inspiration from this site and NJ Wildberger's rational geometr, Paul Bourke's http://paulbourke.net/fractals/circlesquares/ and Santiago Zubeta

u/donbright

https://twitter.com/zubie7a
u/SpecialAgent

wow! fascinating and purty :)

dwitter.net | iverjo (56366)