Top 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/2001 by u/jonbro

function u(t) {

W=(p)=>(p<0?-p:p)%256
for(i=1920;i-=16;)for(j=1080;j-=12;)p=C(t/3)*i*i+S(t/9)*j*j,x.fillStyle=R(W(p/5),W(p/9),W(p/3)),x.fillRect(i,j,16,12)

Mar 10 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).

remixing jonbro and netgrind 's use of color in circle / square style patterns. added some hyperbolas. longer you stare at this the weirder the patterns get - it doesnt' repeat for quite a long time

u/SpecialAgent

This is very hypnotic

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/1286 by u/donbright

function u(t) {

c.width^=0
x.font="120px Arial"
for(θ=0;θ<6.28;θ+=.53){
  s=String.fromCharCode(frame/2-θ*2)
  x.fillText(s,900+C(t-θ)*300,450+S(t-θ)*300)
}

Jun 25 2021 2:37 AM UTC

}// 140/140

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

#unicode #time

show FPS hide FPS share fullscreen

donbright

function u(t) {

x.globalAlpha=.08
x.fillRect(0,0,w=2e3,w)
for(M=N=r=1;r<500;r++){P=M;M=(N+M)%9*C(~t);N=P
X=r*S(t*M);Y=r*C(t*N)
x.clearRect(999+X,540+Y,9,9)}

Apr 8 2019 10:28 PM UTC

}// 140/140

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

crowd going fibonacci

show FPS hide FPS share fullscreen

donbright

remix of d/2627 by u/saschavoid

function u(t) {

onmousemove=e=>(阳=e.pageX/41,月=e.pageY/31)
x.globalAlpha=.1
for(x.fillRect(0,0,i=2e3,i);i--;)x.clearRect(i,500+99*(S(t*2+i/阳)+C(t+i/月)),1,9)

Apr 29 2017 12:10 PM UTC

}// 140/140

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

tone and overtone. (please move mouse over picture)

u/coderkid

lovely
u/gabrielsroka

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

donbright

remix of d/1283 by u/sfz

function u(t) {

c.width=960;i=t*t;j=19968+i;j>40959?s="fin":s=String.fromCharCode(j),x.font="500px Arial";x.fillText(s,250,450);x.fillRect(0,0,50,i*.026);

Feb 25 2017 3:29 AM UTC

}// 138/140

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

Basic Unicode Chinese Character block 4E00–9FFF, (this is not all Chinese characters!). Progress bar on the left.

u/donbright

approx 20,900 characters
u/lionleaf

Wow! I mean, I know there are lots, but this just makes it seem incredible. To be fair I guess scrolling through and english dictionary would look pretty cool too (even though it's not quite the same)
u/Kalanchoe

oh, wow! I love it
u/donbright

thx
u/donbright

#unicode

show FPS hide FPS share fullscreen

donbright

function u(t) {

限=199
for(m=-限;m<限;m+=(2+t))for(n=-限;n<限;n+=(3+t)){
g=2*m*n
b=m*m+n*n
r=m*m-n*n
x.fillRect(1920/2+frame*g/b,1080/2+frame*r/b,1,1)}

Nov 2 2021 3:12 PM UTC

}// 130/140

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

As part of #circlechallenge I go back to the old rational parametrization of the circle from Wildberger's "chromogeometry", which has elements of Euclid. Each frame draws rational points on a circle, and each frame the radius gets bigger. All of the patterns are a kind of optical illusion.

u/donbright

changing '2' and '3' to different numbers will give different patterns

show FPS hide FPS share fullscreen

donbright

remix of d/14977 by u/taupelink

function u(t) {

t?k<199?x.lineTo(a[k]%8<<7,a[k++]/8<<7):a=[c.width^=k=1]:a=k=0
while(a.length<64)a.lastIndexOf(r=Math.random()*64|0)+1||a.push(r)
x.stroke()

Jul 12 2019 12:57 AM UTC

}// 140/140

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

each path visists every point on an 8x8 grid exactly one time. (usually)

u/donbright

(give or take a few points ha ha.. dont quite know how it works)

show FPS hide FPS share fullscreen

donbright

function u(t) {

c.width^=0
for(r=200;r--;)
for(a=199;a<1e3;a+=200)
θ=2*Math.asin(r/a*C(t)),
x.fillRect(1e3+r*(θ+S(θ)),200-r*(-3-C(θ)),9,9)

Sep 11 2018 5:40 AM UTC

}// 123/140

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

This is a set of 5 isochronous cycloidal pendulums, based on equations from Wikipedia. https://en.wikipedia.org/wiki/Cycloid and Rem088roy's illustration. Each pendulum takes the same amount of time to reach the 'bottom' because the bottom end of each one follows a Tautochrone Curve. https://en.wikipedia.org/wiki/Tautochrone_Cu… #cycloid #physics #pendulum #huygens

u/donbright

it's not perfectly accurate but its kind of close...
u/DataMeta

#smooth

show FPS hide FPS share fullscreen

donbright

remix of d/6160 by u/zanella

function u(t) {

Q=(x,y)=>x*x+y*y
for(i=N=128;i--;)for(j=N;j--;)B=Q(i,j),G=Q(N-i,16-j),P=Q(9-i,N-j),x.fillStyle=R(P%B%G,B%G%P,G%P%B),x.fillRect(i*8,j*8,8,8)

Jan 25 2018 1:02 AM UTC

}// 139/140

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

zanella got me thinking more about math... d/6378 was basic color... this doesn't look like much but the theory is interesting to me....a circles-and-squares pseudo fractal, but with the added idea of "centers of gravity" from which the modular arithmetic create patterns against each other. it's incredibly slow so animation is almost pointless. but i like the idea still.

u/iverjo

cobweb

dwitter.net | donbright (891)