Dweets awesomed by u/scottglz

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: #ScaryMovies

show FPS hide FPS share 2 remixes fullscreen

scottglz

function u(t) {

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

Mar 18 2017 5:00 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/sfz

can't believe you did it!
u/magna

I salute this dweet.

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

magna

remix of d/2172 by u/magna

function u(t) {

c.width=w=1920;h=1080;n=128;m=72;s=w/n;for(i=n*m;i--;X=i%n,Y=i/n,b=S(X/Y+t*t),x.fillRect(X/n*w,Y/m*h,b*s,b*s));

Mar 17 2017 7:16 PM UTC

}// 111/140

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

u/recursive

like a corn field from the drivers' seat

show FPS hide FPS share 1 remix fullscreen

sfz

remix of d/2158 by u/sfz

function u(t) {

c.width=w=480;x.fillRect(0,0,w,w);t*=3;for(i=99;i--;t+=i)for(j=7;j>0;x.fillText((u+'')[~~t*j%137],t%w,t*i%w-i*j--))x.fillStyle=R(0,i?w:0)

Mar 17 2017 5:15 AM UTC

}// 137/140

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

Metamatrix

u/donbright

i wonder if there is a way to mix this with Kalanchoe's technique from https://www.dwitter.net/d/1395
u/donbright

something like this r=Math.random t?o.push({X:480*r(),c:~~(r()*99),Y:0,ẏ:1}):(o=[]) c.width=480 o.map(a=>(x.fillText(String.fromCharCode(a.c++),a.X,a.Y+=a.ẏ)))
u/sfz

well, if you change the for loop to something like for(i=99;i>18;t+=i--) it gets rid of the clumpy crap on the left side, but I didn't figure that out until afte posting.
u/scottglz

The clumpy crap is my favorite part
u/joeytwiddle

#matrix

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

mxfh

function u(t) {

for(x.drawImage(c,b=n=0,-16),i=w=960;a=C(i/w*4),b=!b,i-->-w;n+=C(t*i*i),x.fillStyle=R(e=b*w,e,e))x.fillRect(i+b+w,a>0?w+a*a*n*2+b*4:w,2,w)

Mar 13 2017 10:35 PM UTC

}// 138/140

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

dwitter Album Cover Art https://blogs.scientificamerican.com/sa-visu… (deleted the prior version)

Show more comments…
u/donbright

wonderful
u/SpecialAgent

Nice homage to a great band :)
u/p01

Super smart implementation! Wish I saw it before I did https://www.dwitter.net/d/2958
u/zanella

I saw i--> and thought it was a new JS operator. :)
u/lionleaf

#album #album_cover
u/mxfh

#unknownpleasures #joydivision
u/rodrigo.siqueira

Here is the original Ph.D. dissertation page where this were published: https://twitter.com/ChristiansenJen/status/1…

show FPS hide FPS share 1 remix fullscreen

mxfh

function u(t) {

for(x.setTransform(f=51,0,i=7,f,h=360,h);i--;x.fillRect(i==3?-f:9+i*.6,i,99,1))x.fillStyle=`hsl(${(t+i)*f%h},99%,50%)`;x.strokeText('▲',4,7)

Mar 13 2017 7:50 PM UTC

}// 140/140

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

Dwitter Album Covers

show FPS hide FPS share fullscreen

mxfh

function u(t) {

b=1;h=1080;w=960;for(i=l=2*w;i--;b=!b,x.fillStyle=b?"#000":"#FFF"){x.fillRect(i+b,l,2,C(i/w-1)**2**S(i/w+t)*-h+b)}x.drawImage(c,0,-1,l,h)

Mar 13 2017 4:03 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/recursive

Looks really good in fullscreen

show FPS hide FPS share fullscreen

codeslaw

function u(t) {

for(c.width|=0,i=6;i<10;i++){for(e=0;e<352;++e){
x.arc(e*7-400,S(e/194)*i*130-300,99+C((e-t*35)/i)*C(e/10)*20,7,0)}x.stroke();x.beginPath()}

Mar 12 2017 10:05 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/recursive

Lumpy intestines?
u/codeslaw

Aren't we all? :D

dwitter.net | scottglz (2434)