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/1857 by u/donbright

function u(t) {

w=128,c.width=2*w;for(i=w;i--;)for(j=w;j--;)c=S(t/3)*i*i+S(t/4)*j*j+S(t/5)*2*i*j,c=(c%w+w)%w,x.fillStyle=R(c,c,c),x.fillRect(64+i,8+j,1,1)

Mar 4 2017 8:07 AM UTC

}// 139/140

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

As with 1857 this is an attempt to show the relation between Binary Quadratic Forms and the Circles and Squares pseudo fractal and Moiré pattern. This takes the basic ingredients of the Quadratic Form, x*x, y*y, and 2*x*y, and mixes them together, but slowly varies the amount of each ingredient over time with the Sine function. It is possible to see how all variations of the Quadratic Form result in similar patterns, transitioning from crcles to ovals to hyperbola patterns. Inspiration from this site and NJ Wildberger's rational geometr, Paul Bourke's http://paulbourke.net/fractals/circlesquares/ and Santiago Zubeta

u/donbright

https://twitter.com/zubie7a
u/SpecialAgent

wow! fascinating and purty :)

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/479 by u/lionleaf

function u(t) {

c.width=256;for(i=128;i--;)for(j=128;j--;){c=i*i+S(t)*j*j;c=(c<0?-c:c)%128;x.fillStyle=R(S(t+3.1)*c+c,0,S(t)*c+c);x.fillRect(64+i,8+j,1,1)}

Mar 4 2017 7:17 AM UTC

}// 140/140

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

A transition from x*x+y*y (the Blue geometry, circles) to x*x-y*y (the Red geometry, hyperbolas). This shows a linkage between Binary Quadratic Forms and the Circles and Squares pseudo Fractal / Moiré pattern. By transitioning between two different Binary Quadratic Forms slowly, I hoped to show that the forms themselves are what form these patterns, not simply circles or hyperbolas or trig functions. Inspiration from many dweets on this site and Wildberger's Chromogeometry.

u/donbright

Binary Quadratic Forms are where you take any combination of x*x, y*y, and 2*x*y, for example 3*x*x+2*y*y (an ellipse), of x*x-y*y/2 (a squished hyperbola)

show FPS hide FPS share fullscreen

donbright

remix of d/1491 by u/SpecialAgent

function u(t) {

t?c.width=w:w=512,h=w*9/16,d=x.createImageData(w,h)
for(X=0;X<w;X++)for(Y=0;Y<h;Y++)d.data[(X+Y*w)*4+3]=(X^Y+X&Y)%256
x.putImageData(d,0,0)

Feb 28 2017 1:40 AM UTC

}// 140/140

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

a nice clean and simple Sierpinski gasket using XOR + AND

u/donbright

you can increase w to get a bigger pic but it becomes slow

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 5 remixes fullscreen

donbright

function u(t) {

c.width=900;半=450;for(i=0.0;i<360;i+=1){x.lineTo(半+C(i*t/10)*i,半*9/16+S(i*t/10)*i)};x.stroke();

Feb 22 2017 2:31 AM UTC

}// 95/140

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

Show more comments…
u/lionleaf

Starts off nice looking and becomes extremely trippy and hypnotic!
u/inviso

mesmerizing
u/ilSilvano

wow that escalated quickly.
u/elanimus

someone tell me how to run this please
u/Xen

Golfed and tweeked, #2909 ;-)
u/sparr

This is a browser glitch, right? It only looks cool because the browser starts using too few segments to draw the spiral. Would be boring in a fixed browser.
u/Haabilo

@sparr Not really a glitch. The code uses lineTo as means to straw the lines. It also sets the maximum amount 5
u/Haabilo

...of the segments. Damn, I didn't think mistapping backspace on mobile would send the comment as-is...
u/ArtsyBiker1

Awesome
u/blackvitriol

welcome to time travels :)
u/hoppla1232

Sir Moire apprecetiates this
u/Freak

This is like one of those nightmares I have where everything keeps on getting faster and it scares me and I love it
u/joeytwiddle

This is for me the definitive dwitter dweet #spiral
u/geb

#background

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/1446 by u/sigveseb

function u(t) {

i=~~t%6;x.font='525px A',x.fillStyle='#'+'09F911,029D74,E35BD8,4156C5,635688,fff'.split(',')[i],x.fillText(i>4?'+C0':'█',i<5?i*384:770,684);

Feb 27 2017 1:15 AM UTC

}// 140/140

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

free speech flag! tested ok on firefox/chrome, fonts may disturb other browsers

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

remix of d/1055 by u/paberr

function u(t) {

x.font="99px Arial";for(i=64;i;i--)w=3+i%8<<7,h=i/8<<7,(i/8^i)%2?x.fillRect(w,30+h,128,128):1,x.fillText(i%29<1?"♚":i%37<1?"♔":" ",w+20,h)

Feb 24 2017 7:27 AM UTC

}// 138/140

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

stalemate!

u/5Mixer

Chess pieces were a nice touch :)
u/sigveseb

cool ^^
u/donbright

#chess

show FPS hide FPS share fullscreen

donbright

remix of d/869 by u/maysick

function u(t) {

c.width=1e3;半=500;for(i=1;i<99;i++)b=(i*(1e3+14*t)/半),x.fillStyle=R(半*S(b),半*S(i),半*C(b)),x.fillRect(-b/9+半+b*C(b),-b/9+250+b*S(b),b/5,b/5)

Feb 23 2017 1:30 AM UTC

}// 139/140

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

just adding color to @maysick 's beautiful spiral

u/maysick

nice!

dwitter.net | donbright (891)