Dweets awesomed by u/FireFly

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

cantelope

function u(t) {

for(W=(c.width=1e3)/2,i=16;i--;x.stroke())for(j=17;j--;x.lineTo(W+S(p)*S(q)/Z*W,275+C(q)/Z*W))Z=C(p=.785*(i>8?j:i)+t)*S(q=.39*(i>8?i-8:j))-3

Aug 11 2017 6:18 PM UTC

}// 140/140

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

Made a tutorial for this: https://cantelope.org/sphereGolfed

Show more comments…
u/kimber

Your website is an inspiration. Thanks.
u/cantelope

<3 @kimber
u/FireFly

Nice wireframe sphere! :D
u/alien

omg you did it !!!!!
u/cantelope

To give credit where it is due, qfox helped me shave off the last ~10 bytes.
u/donbright

:O:O:O
u/iverjo

That's really impressive. Kudos!
u/n0va

Awesome!
u/joeytwiddle

#sphere #wireframe

show FPS hide FPS share 1 remix fullscreen

artfarnaa

function u(t) {

 for (c.width|=a=200;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:52 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/kchplr

Great !
u/sigveseb

Awesome!
u/ninerdelta

stupid question, but why c.width|=a=200? I was tinkering with this code and just made it a=200 and the fps drops significantly.
u/kchplr

ninerdelta: I think that the reason is that c.width|=something is not only clearing the canvas but also the 2d context. Without it each iterations keeps adding arcs to the current path, by the 10th frames there are 2000 arcs to redraw, by the 50th frames there are 10000, etc. In a, err, "non-cold golfing codebase" you could avoid this by using beginPath and closePath.
u/kchplr

"cold golfing", superb. I meant code golfing...
u/ninerdelta

ah that makes sense, thanks!
u/donbright

now this is fine work

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width|=0,i=3142,n=500;i--;Y=S(i/n*(2-(.5+S(t+V)|0))),X=C(S(t)+t+i/n),x.fillRect(960+X*n+V/X,550+Y*n+V*Y,4+V*X,5))V=(T(C(i+t)))**7

Aug 4 2017 10:05 AM UTC

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

FireFly

remix of d/3005 by u/FireFly

function u(t) {

for(i=5e3;Z=(i--%4>1)+i/128;i%4||x.beginPath(x.fill()))X=i%128+2>>2,x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.lineTo(X*60,Z*35-Y)

Aug 3 2017 9:03 PM UTC

}// 137/140

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

Ripples! With proper quads instead. Add +Z*X-Z*16 after X*60 for perspective projection too (brings it up to 146)

u/FireFly

Another byte can be saved with with(x), but this causes a fair bit of slowdown for me. Thanks for some golfing tips from qfox and others on the jsgolf slack :)
u/cantelope

can't stop watching. def in my top 10 favs
u/iverjo

Very impressive!

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(i=5e3;i--;i%4||x.beginPath())Z=i/128+i%2,X=i/4%32+(i%4>1),x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.fill(x.lineTo(X*60,Z*35-Y))

Aug 2 2017 9:02 PM UTC

}// 139/140

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

Ripples!

u/alien

Respect

show FPS hide FPS share fullscreen

FireFly

remix of d/2973 by u/FireFly

function u(t) {

for (x.moveTo(c.width |= i = 80,0); i--; x.lineWidth=8)
  x.lineTo(i*26, 540 + C(i*3+t*2)*S(i/25)*400);
x.fill(x.lineTo(0,0))

Jul 31 2017 3:21 PM UTC

}// 125/140

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

u/sigveseb

Black/white always looks good :)

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(Y=540,x.beginPath(c.width|=i=40);i--;x.lineWidth=8)x.lineTo(X=i*50,Y),x.lineTo(X,Y=540+C(i*99+t*4)*S(i/13)*400);x.fill()

Jul 31 2017 1:36 AM UTC

}// 124/140

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

Corkscrew-like thingy!

u/FireFly

I realised with this one that the beginPath is actually redundant since we're resetting the canvas state each frame anyway… whoops

show FPS hide FPS share fullscreen

FireFly

remix of d/1105 by u/fson

function u(t) {

x.strokeStyle =    `hsla(${t*12},99%,50%,.3)`
x.beginPath()
x.arc(t*152.79%1920, (C(t)+1.5)*300, (C(2*t)+1)*100, 0, 2*Math.PI)
x.stroke()

Jul 29 2017 8:14 PM UTC

}// 138/140

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

u/sigveseb

pretty
u/donbright

nice

show FPS hide FPS share 2 remixes fullscreen

FireFly

function u(t) {

for(c.width|=i=58;i--;x.fillStyle=`hsla(${i*6},99%,50%,.3)`)i%3?x.lineTo(C(t+(i/3+i%3|0)*497)*450+Z,540):x.moveTo(Z=960,i>29?90:Z,x.fill())

Jul 29 2017 3:42 PM UTC

}// 139/140

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

Spinning 3D model. This one is pretty CPU-heavy, gotta compromise for size

Show more comments…
u/sigveseb

Very nice!
u/p01

It looks super clean!
u/sigveseb

is it spinning clockwise or counter-clockwise? :)
u/FireFly

shhh… it's rotating CCW I think, but cheating with the Z-axis/depth ordering means the faces are kind of haphazardly drawn :P
u/Xen

its transdimensional, you meant to do it! ;-)
u/Lazy1337

#d3

show FPS hide FPS share fullscreen

Xen

remix of d/1105 by u/fson

function u(t) {

x.strokeStyle=R(r=T(t*5)*(N=450),r/.22,N*r*.22);x.arc(N+N,N,(S(t)+1)*N,0,6);x.stroke();x.drawImage(c,T(t),C(t))

Jul 24 2017 12:18 AM UTC

}// 111/140

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

u/sigveseb

This is cool!
u/Xen

Thank you. :-)
u/p01

MASSIVE
u/Xen

wicked,, wicked,, jungle is..

dwitter.net | FireFly (5986)