Dweets awesomed by u/Kalanchoe

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 1 remix fullscreen

nystrand

remix of d/2727 by u/joeytwiddle

function u(t) {

c.width|=p=(X,Y=X,S=X,D=16,r=_=>C(t+=S*D+t/8e6),k=_=>p(X+S*r(),Y+S*r()/3,S*.8,D-1))=>D&&x.fillRect(X,Y,S,S,x.globalAlpha=.01)&k()&k();p(580)

May 16 2017 10:12 AM 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

Thank you for this :)
u/magna

WOW
u/donbright

damn
u/joeytwiddle

I learned 5 different tricks from your golfing here!
u/iverjo

#clouds
u/jdspugh

Amazing!

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

function u(t) {

r=Math.random;p=(X,Y,S,D,k)=>D&&(x.globalAlpha=.01,x.fillRect(X,Y,S,S),k=_=>p(X+2*S*r()-S,Y+S*r()/2,S*.8,D-1),k(),k());t||p(900,0,500,18)

May 15 2017 8:38 AM UTC

}// 137/140

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

Random cloud generator

u/joeytwiddle

You can click on the code and hit Space to see more clouds
u/jick

I would love to see a breakdown of how this works.
u/joeytwiddle

It's a fractal using recursion. p draws a square with the given parameters. Then it calls p again twice to draw slightly smaller squares, offset from the parent.
u/joeytwiddle

Like this but more random (and with 2 children instead of ~7): http://neuralyte.org/~joey/hwimirror/hwi.ath…

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(q=a=b=i=3e3,d=35;i--;x.fillRect(a/2-q,b/4-q,q*9,q*4,x.fillStyle=R(d*3,d,d%99,.1,q=2)))a+=a*S(w=d+S(d*9+t*4))/77,b+=b*C(w+.5)/77,d+=t%9/d

May 12 2017 2:39 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

outstanding
u/magna

This is so 70's!
u/lionleaf

sweet!
u/iverjo

So nice! And it looks like 3D
u/joeytwiddle

Pretty
u/13thptr

#flower

show FPS hide FPS share 2 remixes fullscreen

prawnwarp

function u(t) {

if(t==0){q=[[0,1070],[960,0],[1900,1080]];a=0;b=0}i=Math.floor(3*Math.random());v=q[i];a=(v[0]+a)*.5;b=(v[1]+b)*.5;x.fillRect(a,b,10,10);

May 2 2017 10:11 PM UTC

}// 137/140

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

Based on this video: https://www.youtube.com/watch?v=kbKtFN71Lfs

u/donbright

coool
u/MrM@_S

https://www.dwitter.net/d/2670 byte shave remix
u/iverjo

#sierpinski

show FPS hide FPS share fullscreen

prawnwarp

function u(t) {

c.width|=0;r=100;for(i=-200;i<40;i++)for(j=0;j<30;j++){h=255-j*8;x.fillStyle=R(0,h,h,.2);x.fillRect(i*48+C(t+j)*r,j*48+S(t+i+j)*r,300,40);}

May 2 2017 6:23 AM UTC

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

magna

remix of d/2648 by u/New_Core

function u(t) {

for(x.fillRect(x.globalAlpha=0.05,0,i=w=2e3,w);i-=4;)s=99/((i+t*99)%w-w),x.clearRect(w*S(i*99)*s+1e3,w*C(i)*s+500,s*9,s*9)

May 2 2017 3:57 AM UTC

}// 122/140

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

u/MrM@_S

you missed the 0.05, it can be a .05
u/magna

Gah! I was playing around with numbers and left it there I guess :)
u/iverjo

#stars #starfield

show FPS hide FPS share fullscreen

MrM@_S

remix of d/2646 by u/magna

function u(t) {

x.strokeStyle=R(S(t*8)*254,0,0,.5)
for(i=300;i--;x.lineWidth=1,x.stroke())x.beginPath(),x.arc(960,540,i*9,a=t*5+i/9,a+Math.PI)

May 2 2017 12:16 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 FPS hide FPS share 2 remixes fullscreen

New_Core

remix of d/630 by u/New_Core

function u(t) {

w=2e3;x.globalAlpha=.05;for(x.fillRect(0,0,a=i=w,w);i-=4;)s=99/(-a+(i+t*99)%a),X=a*S(i*99)*s+1e3,Y=a*C(i)*s+500,x.clearRect(X,Y,s*9,s*9)

May 1 2017 6:47 AM UTC

}// 137/140

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

u/donbright

this looks so cool
u/magna

Shaved down to 122: https://www.dwitter.net/d/2656
u/iverjo

#stars #starfield

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/2600 by u/joeytwiddle

function u(t) {

t?c.width|=0:P=Z=5;for(i=36;i--;j==Z&&(X-1e3)**2<8e3?Z=9:Z?onclick=e=>Z--:P++)j=i>>2,x.fillRect(j?X=j%5*(t/19+i)*P%2e3:1e3,99*(j||Z),99,50)

Apr 27 2017 4:03 AM UTC

}// 139/140

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

Crossy Box: Traffic Tourist

Show more comments…
u/joeytwiddle

I wanted a new seed for the next level but I only had space for P++. Fortunately we can do P++ on every iteration of the loop, until Boxy gets hit by an invisible car on row 0.
u/joeytwiddle

(Actually around 6 chars could be saved if we scale the canvas down, like MrM@_S did in his remix.)
u/MrM@_S

Replacing rectangles with 🚗s also saves bytes.
u/joeytwiddle

I can get 🚗 and 🐸 in ... 141 bytes ;)
u/joeytwiddle

Correction: The scene changes when Boxy get hit by the last car in row 1. Cars in row 0 do not re-assign X (and do not move).
u/iverjo

This is awesome :D A game in 139 bytes, and I actually enjoyed playing it!
u/joeytwiddle

Thanks iverjo! ❤️ Click 5 times to start playing

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2604 by u/magna

function u(t) {

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

Apr 26 2017 10:17 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, now animated thanks to shaving by @donbright

u/donbright

the thing that strikes me is the black and white balls never move, only their connections.... but it looks like the whole plane is aliv
u/magna

@donbright To achieve that: Starting with a single tile, every other tile is flipped on the X axis. And then to flip a tile, I need to both invert the tile's pixels and also to flip it on the Y axis. Lots of XOR was needed :)
u/sigveseb

Excellent
u/iverjo

#dots
u/magna

#truchet

dwitter.net | Kalanchoe (6797)