Dweets awesomed by u/recursive

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

magna

function u(t) {

x.fillRect(960+960*C(t*3)-1,540+540*S(t*5)-1,2,2);x.filter='sepia(100%) invert(100%)';x.drawImage(c,10,10,1900,1060,0,0,1920,1080);

Mar 17 2017 8:18 PM UTC

}// 131/140

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

#waitforit

show FPS hide FPS share 2 remixes fullscreen

scottglz

function u(t) {

for(X=71;X--;)for(Y=39;Y--;)x.fillStyle=X<24&Y<21?Y%2|(X-Y)%4|!Y|!X|Y>18?'#00f':'#fff':~~(Y/3)%2?'#fff':'red',x.fillRect(X*25,Y*25+X,25,25)

Mar 17 2017 8:04 PM UTC

}// 139/140

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

Needs more golfing to add an animated wave

Show more comments…
u/magna

~~(Y/3)%2 can be shortened to Y/3&1
u/magna

(X-Y)%4 can be shortened to X-Y&3
u/magna

Added some waves (not so nice): https://www.dwitter.net/d/2188
u/scottglz

I had figured out Y/3%2 before I saw your comment, but X-Y&3 eluded me. Thanks!
u/recursive

I added some different waves. https://www.dwitter.net/d/2196
u/iverjo

#flag

show FPS hide FPS share fullscreen

metaphalanges

function u(t) {

d=12;for(i=1;i<161;i++){for(j=1;j<91;j++){v=255-T(t+S(i+80)*t+C(j+45)*t)*125;x.fillStyle=R(v*S(t),v*C(t),v*T(t));x.fillRect(i*d,j*d,d,d);}}

Mar 16 2017 4:13 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

excellent colors

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 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

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

show FPS hide FPS share fullscreen

donbright

remix of d/1399 by u/Kalanchoe

function u(t) {

c.width^=0
t?o.push({X:1e3,Y:500,U:9*S(t),V:t%9}):o=[]
o.map(a=>{a.X+=a.U+=a.X>1e3?-.1:.1,a.Y+=a.V+=a.Y>500?-.1:.1,x.fillRect(a.X,a.Y,9,9)})

Mar 15 2017 12:03 AM 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

recursive

function u(t) {

for(i=63;i--;x.fillRect(t/3%1*1920,S(t)*500+500,80,80))t+=7.15,x.fillStyle=R((i&48)<<3,(i&12)<<5,(i&3)<<7)

Mar 14 2017 8:07 PM UTC

}// 107/140

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

Room to spare.

u/sigveseb

pretty

show FPS hide FPS share fullscreen

jprctr

function u(t) {

d=12
for(i=1;i<161;i++){
for(j=1;j<91;j++){
v=255-T(t+S(i+80)*t+C(j+45)*t)*125
x.fillStyle=R(v,v,v,0.1) 
x.fillRect(i*d,j*d,d,d);
}
}

Mar 14 2017 3:32 PM UTC

}// 133/140

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

u/lionleaf

Hypnotic in fullscreen

show FPS hide FPS share fullscreen

nick

function u(t) {

e=200
for(i=0;i<88;i++)for(j=0;j<50;j++)x.fillRect(e*T(i*t)+800,e*T(j*t)+550,3,3)
x.fillStyle=R(e*T(t*i),e*T(t),e*C(t*i))

Mar 14 2017 5:53 AM UTC

}// 121/140

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

Disclaimer: If you stare too long, it could result in mild hypnosis and spontaneous clucking.

u/sigveseb

must. resist. temptation. to. cluck.

dwitter.net | recursive (8141)