Hot dweets by u/donbright

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

donbright

remix of d/2025 by u/@literallylara

function u(t) {

c.width^=0
onmousemove=e=>T=e.pageX/42
R=_=>S(s)+(S(s++)>0?0:2)-1
for(s=i=H=540;i--;)x.lineTo(1e3+(R()*C(T)-R()*S(T))*H,H+R()*H)
x.stroke()

Apr 10 2017 11:40 PM UTC

}// 139/140

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

homage to @literallylara 's 2025 with mouse.. (please try moving your mouse over screen)

u/donbright

thanks 2 @cantelope / @manga for T trick, @Jenky for mouse inspiration
u/joeytwiddle

I like the interactivity, and Firefox support. And one of the tricks is really going to save me some characters!
u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2455 by u/cantelope

function u(t) {

onmousemove=e=>N=e.pageY/9
for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/N))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)

Apr 9 2017 11:02 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 movement tunes the pipe

Show more comments…
u/donbright

(i.e. move your mouse over the image)
u/donbright

inspiration @cantelope + @Jenky https://www.dwitter.net/d/2437 + @joeytwiddle https://www.dwitter.net/d/2446
u/cantelope

Fixed "N is not defined" error by using T *which is predefined).. onmousemove=e=>T=e.pageY/9;for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/T))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)
u/donbright

@cantelope that is clever!
u/cantelope

@donbright i learned it from magna :)
u/donbright

thanks @cantelope i used this in d/2025
u/iverjo

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2394 by u/Jenky

function u(t) {

t?o.map(e=>{x.fillRect(e[0]+=e[1]+=S(t),e[2]++,9,9)}):o=[]
onmousemove=e=>o.push([e.pageX*(须=(c.width^=0)/c.offsetWidth),0,e.pageY*须])

Apr 2 2017 11:23 PM UTC

}// 137/140

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

mouse draws the mountains

u/donbright

thx to @Jenky for mouse golfing ideas. 须 = whiskers, mouse tells its position by c.width/c.offsetWidth or c.height/c.offsetHeight
u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2379 by u/jick

function u(t) {

x.globalAlpha=.008
半=500
x.fillRect(0,0,i=w=2e3,w)
for(i=frame;i--;){
P=t-Math.random()
x.clearRect(2*半+i*T(P),半+i*C(P),8,8)
}

Apr 2 2017 4:03 AM UTC

}// 126/140

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

in the middle of the Bell Curve, there are multitudes.

u/z3vin

Sweet

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/2372 by u/cantelope

function u(t) {

x.globalAlpha=.08
半=500
x.fillRect(0,0,i=w=2e3,w)
for(i=500;i--;){
Math.random()>.9998?T=t-.19:T=t
x.clearRect(2*半+i*C(T),半+i*S(T),8,8)
}

Apr 1 2017 1:55 PM UTC

}// 137/140

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

99 luftballons

u/magna

Will golf this a bit to open up some space for the possibility of making this in green.
u/magna

Still not enough: https://www.dwitter.net/d/2375
u/magna

The time warping is a genius idea BTW!
u/donbright

thanks good luck on green
u/donbright

update to future ppl: see @mxfh https://www.dwitter.net/d/2408

show FPS hide FPS share fullscreen

donbright

remix of d/2333 by u/Jenky

function u(t) {

r=Math.random
t?(p=s[d%2]+=(d/2<1?4:-4),s[d%2]=p>800?0:p<0?800:p,x.fillRect(...s,8,8),d=((~~(C(t)*4)))%4):(s=[96,96],d=0)

Mar 31 2017 2:07 AM UTC

}// 121/140

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

based on Jenky's brilliant drawing program in dwitter, i removed the human element and substituted cosine. I like the simple pattern it makes and the way it slowly, hesitantigly draws it. The squares don't overlap for several minutes. Thanks @Jenky

u/cantelope

seems like you could remove r=Math.random :3
u/donbright

lol oops
u/alien

wow

show FPS hide FPS share fullscreen

donbright

remix of d/1399 by u/Kalanchoe

function u(t) {

c.width^=0
t?o.push({X:1,Y:1,U:S(t),V:C(t)}):o=[]
o.map(a=>{Q=a.X**2+a.Y**2,a.X+=a.U-=a.X/Q,a.Y+=a.V-=a.Y/Q,x.fillRect(a.X,a.Y,9,9)})

Mar 28 2017 1:45 AM UTC

}// 133/140

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

Another fake gravity sim. This time, some particles get slingshotted out of the system, past escape velocity, others teeter on the brink, and others congregate at 0,0. After a while, the screen is full of a bunch of particles leaving, and others coming back in towards the origin.

Show more comments…
u/nonce

your gravity sims are amazing.
u/z3vin

agreed
u/donbright

thanks this site is very inspiring
u/alien

WOW ,Hi what does this mean :D c.width^=0
u/donbright

alien it basically clears the screen to the default width. in detail, i think it is combining "binary xor" with "set equal to", so basically c.width = c.width xor 0, and since anything xored with 0 is itself, its basically setting c.width to itself.
u/donbright

#physics

show FPS hide FPS share fullscreen

donbright

remix of d/2298 by u/keithclark

function u(t) {

for(a=c.width^=0;d=C(--a+t)*S(b=a/t/t),e=T(a+t)*S(b);x.fillRect(d*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-e),x.fillStyle=R(a,h/a,(h/b)%256);

Mar 26 2017 1:25 AM UTC

}// 139/140

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

this dweet is dedicated to Lynda Obst, a producer of Interstellar

u/tapgiles

Would love to see a slowed-down version of this...
u/donbright

unfortunately i dont understand it enough to make an easy slowdown! divding t by a number is not enough

show FPS hide FPS share fullscreen

donbright

remix of d/1816 by u/SpecialAgent

function u(t) {

t?Δ=[]:P=[99,0,0,0,1,0,0,.6]
for(Q=i=4;i--;)Q+=(Δ[i]=P[(2+i)%4]-P[i])**2/2
for(j=4;j--;)x.fillRect(P[i=j*2],P[i+1],2,2),P[j]+=P[j+4]+=Δ[j]/Q

Mar 24 2017 11:16 PM UTC

}// 140/140

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

Quickstart - alter numbers in P for fun patterns. Long description - this is a simulation of two body gravitational motion using a simplified form of Calculus.

u/donbright

combine F=ma with F=GM1M2/R^2 except that G=1, M1=1, M2=1 and r^2 is r
u/donbright

Explanation here https://www.patreon.com/posts/simulating-in-…
u/donbright

oh btw P[x1,y1,x2,y2,xv1,yv1,xv1,yv2] where 1,2 = object 1,2, x,y=position, v = velocity initial
u/codeslaw

This is incredible!
u/donbright

#physics

show FPS hide FPS share fullscreen

donbright

remix of d/2281 by u/thespite

function u(t) {

c.width=w=1920,h=1080;d=.5;for(X=-d;X<d;X+=.02)for(Y=-d;Y<d;Y+=.02){
Z=t*C(t*t*X*Y);x.fillStyle=R(Z*w);x.fillRect(X*w+1e3,Y*h+540-Z*t,40,9)}

Mar 26 2017 12:53 AM UTC

}// 140/140

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

dwitter.net | donbright (891)