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

sfz

function u(t) {

x.fillRect(0,0,w=12449,h=w/6);t*=3;x.font='6em a';for(i=99;i--;t+=i)x.fillText(String.fromCharCode(w+t%85),t%h,t*i%h),x.fillStyle=R(0,i?h:0)

Mar 16 2017 6:20 AM UTC

}// 140/140

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

Poorman's Matrix

u/donbright

clever
u/joeytwiddle

Great! This is the best Matrix dweet I have seen so far.
u/joeytwiddle

#matrix

show FPS hide FPS share fullscreen

jczimm

function u(t) {

c.width=80
for(i=36e2;i--;x.fillStyle=R(0,230-i/15,i,T(i/3+t*32)/2+.5))x.fillRect(i%80,i/45,1,1)
x.fillStyle='red';x.fillText('><>',1,25)

Mar 16 2017 5:54 AM UTC

}// 137/140

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

u/sfz

wheeeeeeeeeee!

show FPS hide FPS share fullscreen

tapgiles

function u(t) {

with(c)style.imageRendering="pixelated",height=44,width=80
for(i=0;i<90;i++)with(x)beginPath(),arc(40,22,(t*1+(i*t/2))%46,0,7),stroke()

Mar 15 2017 8:58 PM UTC

}// 135/140

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

Caution: strobing!

u/donbright

doctor says my eyes should heal in about 4 to 6 weeks
u/iverjo

haha

show FPS hide FPS share fullscreen

alubenov

function u(t) {

x.fillRect(0,0,w=1920,h=1080)
s=this.s||[]
for(i=265;i-=1;r=s[i]=s[i]||Math.random()*h,x.fillStyle=R(i,i,i),x.fillRect((i*4*t+r)%w,r,6,6));

Mar 15 2017 6:16 PM UTC

}// 139/140

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

Parallax stars field :-)

u/iverjo

Nice :) Here's my take on it: https://www.dwitter.net/d/81

show FPS hide FPS share fullscreen

msamuelberg

function u(t) {

  for(i=0;i<1;i++)
  x.fillRect(800+i*100+S(t*5)*20*t,540+i*100+C(t*5)*20*t,4*(S(t)+2),4*(S(t)+2))
  x.fillStyle=R(S(t/4)*255,S(t/8)*255,1)

Mar 15 2017 5:30 PM UTC

}// 139/140

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

u/donbright

i like this design a lot
u/sfz

Very pretty

show FPS hide FPS share fullscreen

sfz

remix of d/2134 by u/sfz

function u(t) {

for(i=l=540;i-=9;)z=t/7%1,x.fillRect(X=z*2e3-270,Y=S(t)*l+l,l*(q=C(t/X)),2+(r=C(t/Y))),t+=7.6,x.fillStyle=R((i&48)<<3,(i&9)<<5,(i&3)<<7,q*r)

Mar 15 2017 4: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).

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=t;for(φ=a=Math.PI/2;φ>-a;φ-=a/r/2){λ+=a;x.arc(C(φ)*S(λ-t)*r+2*r,(C(t+=a/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r,a,-a,a)}x.fill()

Mar 15 2017 3:12 PM UTC

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

wtf!
u/donbright

the reflection thing is great!
u/recursive

wow, what?
u/sfz

shaved some bytes by replacing Math.PI/2 with 1.57, have fun remixing!
u/sfz

Also r=480;c.width=r*4 to c.width|=r=480 ... down to 130
u/mxfh

c.width|=r=540 for(λ=φ=a=1.57;φ>-a;)x.arc(C(φ)*S(t-λ)*r+960,(C(t+=a/r)*S(φ)+S(t)*C(φ-=a/r/2)*C(λ-t))*r+r,0,λ+=a,0) x.fill()
u/mxfh

thanks, using the angle offsets in arc gives another two possible spots for variable assignment at a radius of 0, so you get something equivalent at 123
u/sigveseb

Is that the same reflection technique as in https://www.dwitter.net/d/915 ?
u/mxfh

should be, I assume it's that negative winding on polygons messes with the fill rule evaluation
u/mxfh

just to clarify, fill rules looks allright, it's really just non-covered areas due to the zig-zagging of the fill. try a lower decrement like φ-=a/r*8 to see the more graspable source of the effect
u/mxfh

#arc

show FPS hide FPS share fullscreen

sfz

function u(t) {

c.width|=h=540
z=S(t)
for(j=3;j>0;j-=.1)for(i=44;i--;)x.fillText(0,h*(2+S(j)**.3*(S(i)*C(t)+C(i)*z)),h*(.3+j/2+(C(i)*C(t)-S(i)*z)/(9+5*z)))

Mar 15 2017 6:10 AM UTC

}// 139/140

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

u/donbright

love the three d. i changed 'filltext(0 to filltext(i and went cross-eyed trying to figure out the pattern
u/sfz

Haha probably easier to figure out if you reduce the initial i to 6 and bump it up by 6 til you hit 44

show FPS hide FPS share fullscreen

sfz

function u(t) {

c.width|=z=20
for(i=96;i--;)for(j=54;j--;){x.fillStyle=R(0,(j%2?C(i*t/3)-S(j/t*5):S(i/t*7)+C(j*t/9))*123);x.fillRect(z*i,z*j,z,z)}

Mar 15 2017 1:37 AM UTC

}// 130/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 fullscreen

mxfh

function u(t) {

w=960,c.width=w*2
for(i=s=~~(t*60+t)%360,x.setTransform(p=Math.PI,a=p/s,0,p,w,w/2);i--;x.rect(d=s,-d/4,w,w))x.rotate(a*2)
x.fill("evenodd")

Mar 15 2017 12:19 AM UTC

}// 139/140

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

seizure warning

dwitter.net | sfz (8520)