Dweets awesomed by u/tapgiles

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: #Opposites

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

ClayCowgill

function u(t) {

for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=`hsl(${C(k/9)*k},99%,50%`))for(a=t/8-2,b=j/540-1,k=55;k--&&a*a+b*b<4;a=c)c=a*a-b*b-1,b=2*a*b

Mar 5 2017 7:02 PM UTC

}// 140/140

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

Whoops, doesn't like Safari (on iOS at least)

show FPS hide FPS share fullscreen

p01

function u(t) {

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

Mar 5 2017 12:34 AM UTC

}// 138/140

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

u/donbright

amiga lives?
u/donbright

d'oh now i see the original
u/iverjo

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

farter

remix of d/1862 by u/farter

function u(t) {

t||(f=0,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%8*8,i&~7,7,7)

Mar 4 2017 6:09 PM UTC

}// 140/140

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

fixed initial field f=0, and saved 2 bytes according to FireFly's suggestion!

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 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 2 remixes fullscreen

sebbert

function u(t) {

c.width=999;for(a=b=z=0,w=140;z<400;z+=.1)a=S(a*2.4-t)*S(t*2)+C(a+b+t)+C(z*2.34+t),b=C(z*1.56),x.fillRect(a*w+500,b*w+w+w,2,2)

Mar 4 2017 12:59 AM UTC

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

woah!
u/SpecialAgent

Energize!
u/FireFly

This one is really cool o.o
u/FireFly

I would love an explanation or pointer about the maths going on here… in particular I don't understand why the 1.56 constant for the b= is so sensitive. It looks like an approximation of π/2, but all of π/2, 1.57 and 1.5 behave vastly differently/more chaotically. So what's the relationship between these numbers/how is 1.56 derived?
u/tapgiles

What the... @.@ Looks so detailed!
u/joeytwiddle

Some other constants with similar behaviour: 1.17, 2.34, 3.12, 3.51, 3.90, 4.68, 6.24
u/joeytwiddle

And a few with different behaviour: 3.08, 6.05 (!), 6.35

dwitter.net | tapgiles (2740)