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: #ScaryMovies

show FPS hide FPS share fullscreen

donbright

remix of d/10189 by u/QXY

function u(t) {

c.width=720
for(i=80;i--;)for(j=40;j--;){I=i-t*t
J=j-20
B=I*I+J*J
I=i-40
G=I*I+J*J
x.fillStyle=R(B%G%256,0,G%B%256)
x.fillRect(i*9,j*9,9,9)}

Oct 1 2018 6:19 AM UTC

}// 140/140

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

black holes crash, flip universe colors

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/3115 by u/joeytwiddle

function u(t) {

东=122,北=123;for(i=999;i--;){j=(东*i)%frame-frame,k=北*i/frame-frame,b=j*j+k*k,r=j*j-k*k,g=2*j*k,x.fillRect(900+i*r/b,400+i*g/b,3,3)}

Aug 29 2017 4:05 AM UTC

}// 130/140

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

"The Great Something"

u/donbright

oh, note, alter 东 and 北 to get different patterns.
u/joeytwiddle

H̀̕E̸͞ ̛̕͜C͡O̷M̷͜E̸͟S͢͜
u/Xen

n̎ͭͫ͐͛ͫ͌͂̇̾͆͋̍̾̈́ͨͤͨ҉͜͠o̷̶͛ͮ͗́̚͝ơͥ̆ͦͧ̇̅̋̅ͨͮ̃ͫ͂̌̐̓҉͏̵oͦ͂̂̅͑ͩͭ̒ͧ̀̚͠o̧ͤ͌ͩ̏ͨ͏͝

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/1969 by u/jes5199

function u(t) {

c.width=2e3;g=new Float32Array(1);for(a=192;a;a--)for(b=99;b;b--){C=(a-96)*t;d=(b-54)*t;v=C*C+d*d;g[0]=v;v-g[0]>0?x.fillRect(a*9,b*9,9,9):0}

Mar 9 2017 12: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).

animating some of jes5199 's circles-and-squares -ish patterns.

u/jes5199

cool! This particular pattern is based on this paper: http://www.cgl.uwaterloo.ca/csk/projects/ali…
u/donbright

thanks for linking that, very very interesting.
u/donbright

#Aliasing

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/1399 by u/Kalanchoe

function u(t) {

r=Math.random
c.width^=0
t?o.push({X:1920*r(),Y:0,ẋ:0,ẏ:0}):o=[]
o.map(a=>(x.fillRect(a.X+=a.ẋ+=r()-0.5+S(t)/15,a.Y+=a.ẏ+=r(),15,15)))

Feb 26 2017 3:27 PM UTC

}// 135/140

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

snowflakes

Show more comments…
u/Kalanchoe

oh, this is pretty!
u/Kalanchoe

Try setting initial y to y:-15 :)
u/iverjo

Speaking of snowflakes: https://www.dwitter.net/d/338
u/donbright

thanks. iverjo that is super cool! i wish i could figure out how to combine that with this.
u/sfz

Did it, but at 150 chars, will share remix if I can get it down to limit.
u/sfz

Eh, not the same subtlety, but this is what I've got https://www.dwitter.net/d/1479
u/sfz

New version where larger snowflaskes fall faster than smaller ones, but had to remove the random wind. https://www.dwitter.net/d/1520
u/donbright

nice
u/sfacci

confetti!
u/donbright

#particles

show FPS hide FPS share fullscreen

donbright

function u(t) {

w=(c.width=999)/2
for(i=-t;i<t;i+=.1)for(j=-t;j<t;j+=.1){
B=1+i*i+j*j
X=S(t)*i/B
Y=j/B
Z=(B-2)/B/2
x.fillRect(w+(X+Y+Z)*w,w+(Y-Z-X)*w,2,2)}

Nov 8 2021 6:45 AM UTC

}// 139/140

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

stereographic projection of the plane (in this case, a 0.1 grid to infinity) onto the sphere. aka Moebius Transformation. see also https://hyrodium.tumblr.com/post/13708635481… and https://en.wikipedia.org/wiki/Stereographic_…

u/donbright

#math #stereographic

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/19337 by u/danny@hille.dk

function u(t) {

x.globalAlpha=.02
x.fillRect(0,0,w=2e3,w)
for(i=500;i--;
){
s=128*(S(t*i/99-S(t)*8)*S(t)+3)
x.clearRect(S(t)*S(i)*s+1e3,C(i)*s+540,9,9)
}

Jul 7 2020 1:32 AM UTC

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

donbright

remix of d/14743 by u/KilledByAPixel

function u(t) {

t?c.width=1e3:gcd=(a,b)=>b?gcd(b-frame,a%b):a+frame;
for(i=90;i--;)for(j=90;j--;)x.fillRect(i*9,j*9,gcd(j)/9,gcd(i,j)/6)

Jun 26 2019 12:44 AM UTC

}// 120/140

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

euclid's ocean

u/donbright

credit for gcd() https://en.wikipedia.org/wiki/Euclidean_algo…
u/katkip

interesting

show FPS hide FPS share fullscreen

donbright

remix of d/1232 by u/iverjo

function u(t) {

a=2e3;c.width=a;for(i=2*a;i--;)p=S(t)*i/a+i%4/.637,d=C(p)-S(p),d>0&&x.fillRect(a/2+99*(S(p)+S(t)),i/4,99*d,1/(d+1)),x.fillStyle=R(i/9,d*a/8)

Feb 25 2017 1:54 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/iverjo

Nice :) Better colors than mine
u/iverjo

By saving golfing 2 characters I managed to make the twister bigger:
u/iverjo

c.width=a=2e3;for(i=2*a;i--;)p=S(t)*i/a+i%4/.637,d=C(p)-S(p),d>0&&x.fillRect(a/2+199*(S(p)+S(t)),i/4,199*d,1/(d+1)),x.fillStyle=R(i/9,d*a/8)
u/iverjo

A little more movement: c.width=a=2e3;for(i=2*a;i--;)d=C(p=S(t)*i/a+i%4/.637)-S(p),d>0&&x.fillRect(a/2+199*S(p)+399*C(t),i/4,199*d,1/(d+1)),x.fillStyle=R(i/9,d*a/8)
u/donbright

wow that is awesome!!! i really do miss how yours spins all the way around.
u/donbright

#twister

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

dwitter.net | donbright (878)