Dweets awesomed by u/CalSch

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

veubeke

function u(t) {

for(c.width^=0,x.translate(960,i=540);i--;x.fill())for(x.beginPath(k=2),x.moveTo(0,0);k--;)x.lineTo(C(A=(t+k+i*2)*Math.PI/540)*2e3,S(A)*2e3)

Nov 19 2017 8:41 PM UTC

}// 140/140

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

https://xkcd.com/1814/

u/magna

AMAZING!

show FPS hide FPS share 1 remix fullscreen

sniok

function u(t) {

c.width=400;l=20;f=30;for(j=l;j--;)for(i=f;i--;x.fillStyle=R(i*l,j*l,S(t)*255),x.fillRect(S(t/2+5*j)*2+i*l-l,j*l+S(t*2+5*i/l)*l-40,f,f)){}//

Oct 27 2017 6:06 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/joeytwiddle

#colors

show FPS hide FPS share fullscreen

magna

remix of d/3218 by u/joeytwiddle

function u(t) {

for(i=c.width=480;--i;){for(j=8,d=7;j-->2;){y=40*j**.7+30/j*S(d*t/j+i/250*j);x.fillStyle=R(0,180-j*16,200);x.fillRect(i,300-y,1,y);d=-d}}

Sep 30 2017 1:53 PM UTC

}// 137/140

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

Minor tweak to make shallow water lighter instead.

u/magna

@water
u/magna

#water

show FPS hide FPS share fullscreen

cantelope

function u(t) {

for(w=(h=i=c.width|=0)/50;i--;x.fillRect(X+S(p=t*4-d)*30,Y+C(p)*30,9,9))d=((h/2-(X=w*i%(h+w*8)-w*2))**2+(540-(Y=(i/58|0)*w-w*2))**2)**.5/65

Sep 29 2017 5:53 AM UTC

}// 139/140

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

u/Xen

Spiral-Dot-Wave ;-)
u/magna

Wooo!

show FPS hide FPS share 1 remix fullscreen

statenlogic

function u(t) {

for(c.width=d=300,e=2e3;e;a=C(e)*C(d+t),b=S(e),z=C(e)*S(d+t),q=6e3/(z+100),x.fillRect(a*q+150,b*q+85,r=z>-.1&&2+5*z**4*(a+b),r))d+=e-=.5

Aug 16 2017 8:21 PM UTC

}// 136/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/sigveseb

Stellar!
u/sigveseb

The shading!
u/magna

WOW!
u/donbright

epic win
u/statenlogic

Thanks guys. It's my first dweet.
u/cantelope

this is one of the most amazing dweets i've ever seen. gr8 job!
u/nystrand

really nice first dweet!
u/n0va

I realy like this one, welldone!
u/iverjo

#sphere
u/joeytwiddle

#lighting #shading

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

yokljo

function u(t) {

x[f="fillStyle"]=R(0,0,0,.04)
for(m=42,i=-1,x.fillRect(0,0,n=1e4,n),x.font="50px A";i<m;x[f]="#0F0")x.fillText((t+f)[3],i*49,m*m*S(m*t+i++))

Jul 27 2017 5:48 PM UTC

}// 140/140

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

Try different values of m, like 53.

u/Xen

matrix? got my vote :D
u/sigveseb

very clean matrix effect

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2845 by u/cantelope

function u(t) {

A=960,B=540,x.fillRect(0,0,D=2e3,D)
for(i=D;i--;)x.clearRect(A+1/(Z=2.5+C(p=i*C(t/2)/40)*S(q=i/628))*(X=S(p)*S(q))*A,B+C(q)/Z*A,s=69/Z/Z,s)

Jul 10 2017 4: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/lionleaf

That's really neat!
u/Polyducks

This is amazing! What's the concept behind it? How are you getting the sphere?
u/cantelope

@Polyducks, it's a golfed version of the equation of a sphere [x=sin(p1)*sin(p2);z=cos(p2);z=cos(p1)*sin(p2);] combined with a tiny 3D projector, X=cx+1/z*x*cx; Y=cy+y/z*cx, where cx/cy is center screen, and x/y/z are the 3D coordinates. Hope that makes sense! :)
u/cantelope

*equation of a sphere: [x=sin(p1)*sin(p2);y=cos(p2);z=cos(p1)*sin(p2);]
u/alien

thanks for that, is projector a mathematical construct? does it have other names?
u/cantelope

@alien it's my own invention, the product of years of research into geometry. I wrote a tutorial with a (very ungolfed) version here https://cantelope.org/3D
u/alien

*__*
u/alien

All the lienar algebra and vectorial calculus in my bachelor finnally comes to life in my head... this is soooo cool @cantelope...
u/donbright

bravo... bravo

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2597 by u/magna

function u(t) {

w=c.width=192;for(i=w;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=X/Y&1

Apr 26 2017 6:57 PM UTC

}// 139/140

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

Filled Truchet tiles

Show more comments…
u/magna

Change the f assignment at the end to f=t*X/Y&1 to animate. I couldn't shave another byte to fit that.
u/donbright

for(i=c.width=w=192;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=t*X/Y&1
u/donbright

awesome job, love it
u/magna

@donbright Damn! How didn't I see that? :) Thanks, and thanks!
u/magna

https://www.dwitter.net/d/2604
u/magna

* https://www.dwitter.net/d/2611
u/magna

#truchet

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2594 by u/magna

function u(t) {

w=c.width=192;for(i=w;i--;)for(j=108;j--;'PP`ĀCDHH'.charCodeAt(j&7^(t/w*X*Y&1)*7)-64&1<<(i%8^(X+Y&1)*7)&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3

Apr 26 2017 5:10 PM UTC

}// 138/140

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

Truchet tiles #2

u/magna

@todo: filled version
u/magna

Filled version: https://www.dwitter.net/d/2604
u/iverjo

#dots
u/magna

#truchet
u/katkip

#tagfail

dwitter.net | CalSch (14425)