Dweets awesomed by u/antonio

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

antonio

remix of d/1870 by u/Pyrofoux

function u(t) {

t||(k=s=0,i=-1);k++;s+=2/(i*(1-2*k))
i*=-3;c.width^=0;x.font="99px A";x.fillText("π = "+(Math.sqrt(3)*s).toFixed(14),500,550)

Mar 5 2017 12:10 PM UTC

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

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

FireFly

remix of d/1690 by u/FireFly

function u(t) {

s=t?t<.1?s.replace(/\d/g,i=>+i?'-0+1+0-':'+1-0-1+'):s:'0';c=s[t*60|0];c<2?x.translate(0,16,x.fillRect(0,0,3,16)):x.rotate(c+1.05)

Mar 3 2017 4:49 PM UTC

}// 129/140

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

Same as parent, but golfed and abusing time for the first 6 frames to evaluate/expand the L-system. The straight line at the start is an artifact of this and the particular choice of system.

u/donbright

love this method
u/SpecialAgent

love this series
u/katkip

#fractal

show FPS hide FPS share 3 remixes fullscreen

New_Core

function u(t) {

c.width=1920;for(i=16;i--;)x.ellipse(1e3+300*S(t+i*.1),500+50*C(t+i*.1),160*S(-i*.5)+160,50*S(i*.1)+5,1.6+.5*S(t*.5),9.5,0,6.3);x.stroke();

Mar 3 2017 3:31 PM UTC

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

wow creative!
u/sfz

reduced it by about 15 bytes in case you want to try to do something else with the extra room: c.width|=0;for(i=16;i--;)x.ellipse(1e3+300*S(t+i/9),500+50*C(t+i/9),160*S(-i/2)+160,50*S(i/9)+5,1.6+S(t)/2,9,0,7);x.stroke()
u/iverjo

So good!
u/sigveseb

is that a pseudo-3D fish? super nice!
u/donbright

marvellous
u/magna

WAAAAT
u/SpecialAgent

Magnificent depth!
u/joseprio

Really impressive :)
u/Kalanchoe

Amazing!
u/ArtsyBiker1

WHOA
u/gautjac

beautiful
u/21medals

Reduced it ±20 bytes and added beginPath() without changing any values:
u/21medals

for(c.width|=i=16;a=i--/10;x.stroke())x.beginPath(),x.ellipse(1e3+300*S(t+a),500+50*C(t+a),160*S(-i/2)+160,50*S(a)+5,1.6+S(t/2)/2,9.5,0,6.3)
u/New_Core

#fish
u/joeytwiddle

#model
u/Cloud

https://www.dwitter.net/d/17352
u/vain

incredible 3d fish

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=384;for(i=20;i--;)for(j=9;j--;)if(!i||(i^j)%2){x.fillStyle=R(a=i?0:240),x.fillRect(i*20+j%2*4*S(t)-25+9*S(j),j*20,i?20:420,i?20:2)}

Mar 2 2017 6:29 PM UTC

}// 139/140

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

Optical illusion thingy. It's supposed to look like the red lines are not really straight and parallel. #bartjs

u/sfz

it works, trippy!
u/iverjo

Fun fact: This was actually the first idea I ever had for a dweet, back in december 2015 when sigve made https://github.com/sigvef/arktis-tweet-demo/
u/donbright

great illusion
u/SpecialAgent

Expecting a gorilla and some barrels to come hurtling down. Love it.
u/iverjo

#opticalillusion

show FPS hide FPS share fullscreen

antonio

remix of d/123 by u/icecuber

function u(t) {

t?i++:i=0;for(j=1e3;j--;){a=b=0;k=50;for(;k--&&a*a+b*b<5;)c=a*a-b*b+i/420-2.5,b=2*a*b+j/420-1.2,a=c;l=k/8;x.fillRect(i,j,1,l-Math.floor(l))}

Feb 23 2017 5:25 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 1 remix fullscreen

antonio

function u(t) {

for(i=0;i<400;i++){e=this;X=e.X||0;Y=e.Y||0;s=Math.floor((Math.random()*3)+1);A=(X+s%2)/2;B=(Y+s)/2;x.fillRect(A*900,B*500-500,1,1);X=A;Y=B}

Feb 22 2017 12: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/iverjo

#sierpinski

show FPS hide FPS share 1 remix fullscreen

nilstastic

function u(t) {

c.width=1920;for(i=0;i<200;i++){var y=i*8-100;var xx=900+C(t*5)*200 + C(i+t*2)*400;x.fillRect(xx,y+C(t*5)*100,20,20);}

Feb 22 2017 9:36 AM UTC

}// 118/140

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

u/J2D28U

Woah! It can go both ways depending on which way you concentrate!

You've reached the end.

dwitter.net | antonio (520)