Dweets awesomed by u/jdspugh

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

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

MrM@_S

function u(t) {

onmousemove=e=>E=e.x
t?c.width=99:Y=R=X=E=!(x.F=x.fillRect)
x.F(n=E/7,30,20,3)
x.F(Y+=S(t)*.8,R+=X+=.1,2,Y<n+20&&Y+9>n&&R<32&&3+R>30?X=-3:2)

May 10 2017 12:32 PM UTC

}// 140/140

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

[a ball and paddle] interactively move the mouse to keep the ball in the air

u/joeytwiddle

Yay! Pong solitaire. Nice one :)
u/donbright

lol great
u/joeytwiddle

#game
u/katkip

#interactive

show FPS hide FPS share 1 remix fullscreen

cagr30

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*9)*s+1e3,Y=a*C(i)*s+500,x.clearRect(X,Y,s*9,s*9)

May 7 2017 6:25 PM UTC

}// 135/140

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

u/Gregg+

500,x.clearRect(X,Y,s*9,s*9)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*9)*s+1e3,Y=a*C(i)*s+

show FPS hide FPS share fullscreen

cagr30

function u(t) {

c.width^=0;for(i=9;i<2e3;i+=3)s=13/(9.2-(t+i/29)%9),x.beginPath(),j=i*7+S(i*4+t+S(t)),x.lineWidth=s*s,x.arc(960,640,s*92,j,j+.1),x.stroke()

May 7 2017 6:22 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 FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

i=h=c.width|=0;d=~~(h-t%30*60);while(i--)x.fillRect(i,a=700+200*S(t+i/599)*S(t+i/-80),1,h),i==d?b=a:0;x.font=8+'cm a';x.fillText("⛴",d-99,b)

Apr 26 2017 8:04 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/magna

I don't see the boat. Chrome on macOS.
u/magna

Ah, I see it on Chrome on Windows though. Nice!!!
u/New_Core

font maybe to big for macOS, try change it to 5 cm or so, might work
u/magna

6 works on macOS
u/New_Core

#water
u/New_Core

#sea #ocean

show FPS hide FPS share fullscreen

donbright

remix of d/2562 by u/hscells

function u(t) {

t?c.width=w:(k=1,w=1980,f=w/2)
onmousemove=e=>k=e.pageX/94+e.pageY/942
for(i=f;i>0;i-=k)x.lineTo(w/2+S(i+t/5)*f,540+S(i*5)*f/2)
x.stroke()

Apr 23 2017 12:37 PM UTC

}// 138/140

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

move mouse left-right = coarse adjustment. move mouse up-down = fine adjustment

Show more comments…
u/donbright

challenge - can you find the tuning for a single, rotating parallelogram?
u/hscells

nice use of the mouse!
u/magna

SICK!
u/z3vin

Man, I thought it was cool even before I realized the mouse interactions!
u/donbright

well the default is just stealing from @hscells
u/Xen

thats sexy!
u/Xen

thats sexy!
u/donbright

thx
u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

cantelope

remix of d/2554 by u/cantelope

function u(t) {

w=960,v=340,x.fillRect(0,0,w*2,v*4)
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t),Y=2+S(i/5)*S(j/5+t*3),x.clearRect(w+1/j*X*w,v+Y/j*w,s=99/j,s)

Apr 22 2017 6:43 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 FPS hide FPS share fullscreen

Jenky

remix of d/2522 by u/magna

function u(t) {

c.width|=i=0
x.font='50px monospace';((u+'').slice(0,t*4+S(t)*6)+`
|`[t*2&1]).split(`
`).map(r=>x.fillText(r,0,++i*50))

Apr 18 2017 4:57 PM UTC

}// 119/140

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

You could keep it as +' |' instead of +<return>| but hey, we want to see the whole thing, right? :D

u/magna

Excellent use of `!

show FPS hide FPS share fullscreen

donbright

remix of d/2495 by u/joeytwiddle

function u(t) {

t?s=2e3/c.clientWidth:(a=b=B=A=1,k=j=2)
K=k-a
J=j-b
Q=K**2+J**2
x.fillRect(a+=A+=K/Q,b+=B+=J/Q,9,9)
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 10:43 PM UTC

}// 140/140

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

mouse = gravitational body (explanation https://www.patreon.com/posts/simulating-in-… )

u/joeytwiddle

Nice :) For a few spare bytes, you could place the body with onclick
u/gabrielsroka

#interactive
u/donbright

#physics

dwitter.net | jdspugh (36906)