Dweets awesomed by u/tapgiles

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

danielkagan

function u(t) {

a=500,b=Math.PI,d=b/49,e=t%98,f=(q,w)=>a+a*q(w*d),c.width=1920;for(i=99;i--;)x.moveTo(f(S,i),f(C,i)),x.lineTo(f(S,i*e),f(C,i*e));x.stroke();

Mar 18 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).

u/sfz

very cool patterns!
u/donbright

excellent

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2180 by u/aemkei

function u(t) {

for(i=W=c.width=2e3;i--;x.beginPath(),x.arc(W*(T(i/9)+s*t)%W,540+540*S(s*W),s*30,0,7),x.fill())s=149/(i*3+199)

Mar 18 2017 3:05 AM UTC

}// 110/140

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

arc all the things

u/iverjo

#parallax #dots
u/mxfh

#arc

show FPS hide FPS share fullscreen

codeslaw

function u(t) {

x.fillRect(0,0,$=2e3,$)
i=3e3;while(i--){x.strokeStyle=`hsla(${i*C(t/21)},79%,49%,.3)`;π=i%$||x.stroke()|x.beginPath()
x.arc(0,i/$*π,π,0,7)}

Mar 18 2017 1:21 AM UTC

}// 140/140

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

Curves, colors, lights, and shadows.

Show more comments…
u/sigveseb

Very nice!
u/iverjo

Nice in Chrome, but froze my Firefox for like 15 seconds
u/codeslaw

😅 You can play around with lowering i and $ to raise the frame rate ¯\_(ツ)_/¯
u/donbright

i like the elegance of this, really has a special look to it
u/donbright

i like the elegance of this, really has a special look to it
u/joeytwiddle

#shiny

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

jczimm

function u(t) {

b=t+4.5;t<2.5&&(x.beginPath(x.fill()),x.fillStyle=R(S(b*-23)*127+127,0,10),x.arc(960+50*T(b*10),540+30*S(b/2),b*30,15*b-1,15*b))

Mar 16 2017 11:48 PM UTC

}// 128/140

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

u/tapgiles

Beautiful!

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

@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

dwitter.net | tapgiles (2740)