Dweets awesomed 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: #Food

show FPS hide FPS share fullscreen

remix of d/2041 by u/donbright

function u(t) {

c.width=1024;w=120;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=8*((1-t*t)*X*X/(3+t*t)+55*t*Y*Y/(1+t*t)),x.fillRect(10+X*10,Y*10,P%21,P%101)

Mar 11 2017 11:12 AM UTC

}// 129/140

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

u/donbright

this is fascinating the way it highlights the line. after a while it looks like weird rain drops.

show FPS hide FPS share fullscreen

hypothete

function u(t) {

f=Math.random;z=f()*500;x.globalCompositeOperation='xor';x.beginPath();
x.arc(f()*1920,f()*1080,z,0,Math.PI*2);x.fill();

Mar 11 2017 2:15 AM UTC

}// 120/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/1863 by u/SpecialAgent

function u(t) {

c.width=1024;w=64;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=128*((1-t*t)*X*X/(1+t*t)+2*t*Y*Y/(1+t*t)),x.fillRect(200+X*10,Y*10,P%11,P%11)

Mar 11 2017 2:03 AM UTC

}// 129/140

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

No Sine or Cosine were harmed in the making of this demo. It is not random - and if it runs long enough it should theoretically become a still image

u/sfz

Those ripples are tripping me out
u/donbright

note to future self - this varies from x*x + y*Y to x*x-y*y (circle to hyperbola) by using the rational parameterization of the circle with one variable parameter, where (1-t**2)/(1+t**2) is an alternate to cosine and 2t/(1+t**2) is an alternate to sine. (or vice versa i forget lol)
u/magna

Awesome!
u/z3vin

So cool

show FPS hide FPS share fullscreen

recursive

remix of d/2036 by u/nick

function u(t) {

x[f="fillStyle"]="#00a"
x.fillRect(0,0,960,540)
x[f]="#fff"
for(i=50;i--;x.font='5em a')x.fillText("★",i%5.5*160+40,80+(i/5.5|0)*52)

Mar 11 2017 1:59 AM UTC

}// 132/140

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

Stars but no stripes

u/nick

It's going to be hard to combine the two patterns.
u/nick

How do you get the "remix" text on your dweets?
u/recursive

Edit the dweet you want to remix rather than starting a new one.

show FPS hide FPS share fullscreen

donbright

remix of d/2033 by u/recursive

function u(t) {

t||(a=0)
x.drawImage(c,C(a+=S(t/155*C(t)))*20,S(a)*20)
x.fillRect(1e3,500,20,20);
x.fillStyle=R(128*S(a)+128,(C(a)*256)%256,(250-a)%250)

Mar 11 2017 1:17 AM UTC

}// 137/140

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

actually a remix of two... recursive's 2033 and https://www.dwitter.net/d/2008 by RavenWorks

u/sfz

wowweewowowo
u/RavenWorks

this is great!!
u/recursive

Whoa, you went in a totally different direction with this.

show FPS hide FPS share 2 remixes fullscreen

nick

function u(t) {

g=k=>x.fillStyle=R(k,0,Math.abs(k-255))
for(i=0;i<8;i++)
x.fillRect(0,i*155,1920,75)
g(0)
x.fillRect(0,0,960,540)
g(255)

Mar 11 2017 1:09 AM UTC

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

recursive

function u(t) {

t||(h=[])
x.drawImage(c,0,-1)
for(i=2e3;--i;x.fillRect(i,1079,1,1))x.fillStyle=R((h[i]=(h[i-1]+h[i]+h[i+1])/3.01+Math.random()*40-20|0)+128)

Mar 10 2017 11:53 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/donbright

liked this method alot. remix https://www.dwitter.net/d/2037
u/hypothete

your noise generation here is slick, is this a technique of sorts or just trial and error?
u/recursive

Both. I wanted to be random, but I didn't want pure static. I wanted nearby pixels to have similar levels.

show FPS hide FPS share fullscreen

nick

function u(t) {

r=h=>(75*(S(h)+1.5))
a=r(t)
b=t
d=(a*a+b*b)**.5
for(j=0;j<d;j+=1.5)
x.fillRect(j*a*10/d,j*b*20/d,5,5)
x.fillStyle=R(r(t)*255,S(t)*223,56)

Mar 10 2017 11:53 PM UTC

}// 137/140

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

Dwitter Tutorials: http://nickpisca.com/sherpa/?p=600

show FPS hide FPS share fullscreen

rpearl

function u(t) {

for(i=v=540,j=50,x[r='fillRect'](0,0,v*4,v*4);i--;)x[r](960+C(a=i*3.883)*i,v+S(a)*i,9,9,x.fillStyle=`hsl(${h=t*i},99%,${j*S(h/j)}%)`)

Mar 10 2017 11:21 PM UTC

}// 133/140

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

I'm mostly just obsessively golfing the one cool demo I did and using the excess characters to add cool things... I should figure out more demos

u/donbright

this is joyous
u/FireFly

It's super pretty!
u/sigveseb

Super stylish!

show FPS hide FPS share fullscreen

pangolin

function u(t) {

t||(c.onmousemove=e=>{x.lineTo(e.pageX*3.3,e.pageY*3.3);x.stroke();})

Mar 10 2017 11:04 PM UTC

}// 70/140

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

u/nick

mousemove. brilliant
u/farter

3.37 more precisely
u/pangolin

I suppose I did end up with a few spare characters I could have splurged on the last 7.

dwitter.net | donbright (40578)