Dweets awesomed by u/sfz

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

xem

remix of d/2050 by u/xem

function u(t) {

c.style=`background:radial-gradient(#FF0,red,blue,#fff 50%);transform:rotateX(${t*9}deg)rotateY(${t*99}deg)rotateZ(${t/5}rad)scale(${T(t)})`

Mar 11 2017 12:29 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/sfz

css masta!

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

remix of d/2012 by u/kchplr

function u(t) {

for(i=99;i--;A=T%6.35,r=50+((T*0.15|0))**1.15*10,r+=C(T*2-r)*r/122,x.fillRect(960+S(A)*r-r/94,500+C(A)*r-r/20,2+r/42,2+r/45))T=t*84+i/9

Mar 11 2017 11:03 AM UTC

}// 135/140

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

u/sfz

I want to touch it

show FPS hide FPS share fullscreen

hypothete

function u(t) {

f=Math.random;x.strokeStyle='#609';
c.onmousemove=e=>{
x.arc(e.pageX*3.4,e.pageY*3.4,20*S(t*9)+30,0,7);
x.stroke();}

Mar 11 2017 6:57 AM UTC

}// 116/140

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

u/gabrielsroka

Move the mouse
u/lionleaf

amazing

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

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 fullscreen

jsizzle

function u(t) {

b=C(t);a=C(t/2)*100;x.drawImage(c,-20+b,-2+b,1960,1084);x.fillStyle=R(80,b*-35,a+150);x.fillRect(955,0,10,2e3);x.rotate(b/4080);

Mar 10 2017 10:21 PM UTC

}// 128/140

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

Ink in water

u/recursive

wow, this is great
u/donbright

great repeating pattern

show FPS hide FPS share 2 remixes fullscreen

@literallylara

function u(t) {

c.width=1920
R=_=>S(s)+(S(s++)>0?0:1)-.5
for(s=i=H=540;i--;)x.fillRect(a=960+(R()*C(t)-R()*S(t))*H,b=H+R()*H,20,20),x.lineTo(a,b)
x.stroke()

Mar 10 2017 9:11 PM UTC

}// 140/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/sfz

that is so cool
u/donbright

woah! Tensegrity?
u/donbright

this is so much genius!!!
u/lsh

This is amazing!
u/aemkei

Whaa! Cool 3D effect!
u/donbright

loose remix https://www.dwitter.net/d/2112
u/donbright

re-remix https://www.dwitter.net/d/2468
u/donbright

oops i mean https://www.dwitter.net/d/2469

show FPS hide FPS share fullscreen

@literallylara

function u(t) {

if(!window.i)c.width=300,i=[j=102,j]
for(k=50;k--;)t<3&&x.fillRect(...i=i.map(v=>v+(j=(j*-5.2877+6.1341*v+3.1346)%4-2)),1,1)

Mar 10 2017 7:55 PM UTC

}// 124/140

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

u/sfz

Nice, trying to figure out how to make it stay in canvas bounds
u/aemkei

searching for the right seed …
u/donbright

awesome awesome awesome aweseom

show FPS hide FPS share fullscreen

aemkei

function u(t) {

c.width^=0;for(Y=12;Y--;)for(X=12;X--;)(1<<X)&[,396,82,66,76,80,76][Y]||x.fillRect(1190-X*50+S(t+X/10)*30,700-Y*50+C(t*3+X/4)*30,36,36)

Mar 10 2017 7:55 PM UTC

}// 135/140

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

u/donbright

lol i salute this flag
u/joeytwiddle

#flag
u/atgz

#logo

dwitter.net | sfz (8520)