Dweets by u/keithclark

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

keithclark

remix of d/16357 by u/pavel

function u(t) {

for(c.width=i=99;a=i-->>3;x.ellipse(50,29+a%2*39*C(t)-C(t)*19,29,29*Math.abs(S(t)),0,q=(i-a+t)%4*11/7,q))x.stroke()

Oct 29 2019 10:26 AM UTC

}// 115/140

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

u/katkip

#wireframe

show FPS hide FPS share 4 remixes fullscreen

keithclark

function u(t) {

for(k=i=1e3;z=--i/9;x.fillRect(k+S(m=k*j^k)*r-z*C(j)*6,540+C(m)*r-z*S(j)*4,s=5e3/z,s))j=i/k+t/4,r=1e4/z,x.fillStyle=R(a=99+S(j*7)*99,a,a)

Oct 8 2019 12:04 AM UTC

}// 137/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/yonatan

good remix of d/10212 :)
u/keithclark

Yes! It's totally based on your dweet yonatan - thanks for the link to the original. I found this in a text file from last year but couldn't remember who did the original.
u/keithclark

I also had this version: for(k=i=1e3;z=--i/9;x.fillRect(k+S(m=z%1&&k*j|5)*r-z*C(j)*6,540+C(m)*r-z*S(j)*4,s=5e3/z,s))j=i/k+t,r=1e4/z,x.fillStyle=R(a=99+S(j*9)*99,a,a) but wasn't happy with the rail
u/tomxor

Smooth!
u/tomxor

I quite like the rail ver, bit fast though
u/katkip

#tunnel
u/logomach

doctor who theme intensifies
u/larzuk

ultra nice!
u/Cloud

WOW!
u/vain

Just unbelievable. <3

show FPS hide FPS share fullscreen

keithclark

remix of d/14463 by u/keithclark

function u(t) {

for(o=[c.width=i=480];i--;o[i]=[C(t+=w=140)*C(i),S(t)*C(i),S(i)]);for([Z,X,Y]of o.sort())Z-=1.5,x.fillText('🔵',240+w*X/Z,w+w*Y/Z,14-Z*Z*2)

Jun 12 2019 4:47 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 FPS hide FPS share 1 remix fullscreen

keithclark

remix of d/14444 by u/keithclark

function u(t) {

for(o=[c.width=i=320];i--;o[i]=[C(t+=w=99),S(t),S(i)]);for([Z,X,Y]of o.sort())x.font=`${5+Z--*3|0}px a`,x.fillText('🔵',160+w*X/--Z,w+w*Y/Z)

Jun 6 2019 12: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).

Depth sorting: Cylinder

u/keithclark

144 - sphere: for(o=[c.width=i=320];i--;o[i]=[C(t+=w=99)*C(i),S(t)*C(i),S(i)]);for([Z,X,Y]of o.sort())x.font=4+Z--+'pt a',x.fillText('🔵',160+w*X/--Z,w+w*Y/Z)

show FPS hide FPS share 4 remixes fullscreen

keithclark

remix of d/13682 by u/pavel

function u(t) {

for(c.width=i=460,o=[w=190];i--;o[i]=[C(a=.279*i+t/2)*C(i),S(a)*C(i),S(i)]);for([Z,X,Y]of o.sort())Z-=2,x.fillText('🔵',230+w*X/Z,140+w*Y/Z)

Jun 5 2019 3:52 PM UTC

}// 139/140

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

Depth sorted balls. Iteration of a dweet by Pavel

u/Xen

nice
u/keithclark

155, with scaling - for(c.width=i=320,o=[w=99];i--;o[i]=[C(a=t+w*i)*C(i),S(a)*C(i),S(i)]);for([Z,X,Y]of o.sort())x.font=${5+Z--*3|0}px a,x.fillText('🔵',160+w*X/--Z,w+w*Y/Z)
u/aleamb

amazing!

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(x.fillRect(x.globalAlpha=.2,q=t%2,2e3,2e3),i=125;i--;x.clearRect(S(t|1)*760+S(i)*v+960,(q*q/2-C(i))*v+380,l=6-q*3,l))v=q*200-S(i*.2)*i*q

Dec 31 2018 9:44 PM UTC

}// 140/140

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

New Year Fireworks

Show more comments…
u/13thptr

elegant :)
u/keithclark

change S(i*.2)*i*q for S(i*t>>4)*i*q for varying firework effects (2 chars over the limit tho)
u/katkip

haha i like the variation
u/JWinslow23

If q will only ever be 0 or 1 (t%2), couldn't this just be for(x.fillRect(x.globalAlpha=.2,q=t%2,2e3,2e3),i=125;i--;x.clearRect(S(t|1)*760+S(i)*v+960,(q/2-C(i))*v+380,l=6-q*3,l))v=q*200-S(i*.2)*i*q? That way, the variation also works.
u/keithclark

I opted for what I had because it held the initial shape in the sky for longer before gravity takes hold. Your version works and if you're happy to trade off the initial shape, you could also drop the \2 and save another 2 chars
u/keithclark

... also q can be any value between 0 and 1
u/JWinslow23

Ah, my mistake, I forgot about floats
u/lionleaf

Nice one! #nye #fireworks
u/iverjo

Beautiful!
u/vain

3... 2... 1... ignition... beautiful firework

show FPS hide FPS share 3 remixes fullscreen

keithclark

remix of d/11328 by u/keithclark

function u(t) {

for(x.fillRect(0,0,j=2e3,j);j--;x.clearRect(C(j)*r+960,S(j*j)*r+540,k=r>>8,k))r=900/(4-(t+j/13)%4)

Dec 7 2018 11:15 AM UTC

}// 98/140

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

Golfed down to 98 bytes

Show more comments…
u/keithclark

Also fixes some glitches in the original
u/keithclark

swap ,k=r>>8,k for ,r>>=8,r to save a byte (97)
u/keithclark

also r=900/(4-(t+j/9)%4) => r=j/(4-(t+j/9)%4) (94)
u/iverjo

Very nice #starfield
u/keithclark

for(x.fillRect(0,0,j=2e3,j);j--;x.clearRect(C(j)*r+960,S(j*j)*r+540,r>>=8,r))r=j/(7-(t+j)%7) (92)
u/jylikangas

for(x.fillRect(0,0,j=2e3,j);j--;x.clearRect(C(j)*r+960,S(j*j)*r+540,r>>=8,r))r=j/(7-t++%7)(90)
u/keithclark

nice!
u/keithclark

for(x.fillRect(0,0,j=2e3,j);r=j--/(7-t++%7);)x.clearRect(C(j)*r+960,S(j*j)*r+540,r>>=8,r) (89)
u/jylikangas

Yes!
u/vain

very nice!
u/384.cz

#starfield

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(x.fillRect(0,0,j=2e3,j);j--;x.clearRect(C(j)*r+960,S(j*j)*r+540,2/Z,2/Z))r=600/(Z=1+(T(j*.61)-t/3)%1)

Dec 6 2018 5:33 PM UTC

}// 105/140

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

u/katkip

#starfield #stars #d3

show FPS hide FPS share fullscreen

keithclark

remix of d/10528 by u/keithclark

function u(t) {

for(c.width=640,i=3e3;i--;i&256||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=3e3/(i/64+t%1*8),x.fillStyle=R(q=2e4/J,q,q)

Oct 22 2018 7:14 PM UTC

}// 140/140

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

Managed to shave off enough bytes to get Y axis movement. Hat tip to @prplz for help saving bytes

u/keithclark

For better resolution, at the expense of FPS:
u/keithclark

for(c.width=640,i=4e3;i--;i&512||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=5e3/(i/64+t%2*8),x.fillStyle=R(q=2e4/J,q,q)
u/lionleaf

#d3 #depth #cube
u/rodrigo.siqueira

There is a Brazilian artist (Denis Maricato) who draws this by hand, see here: https://web.facebook.com/denis.maricato/post…
u/vain

amazing fake 3d cube world

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(c.width=640,i=4e3;i--;x.fillRect(320-(3+S(t)-i%8)*J,210-((i/8&7)-2.2)*J,J/=2,J))J=i/64&4&&85/(i/64+t%.9*9)*60,x.fillStyle=R(q=2e4/J,q,q)

Oct 17 2018 4:20 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/yonatan

Very nice!
u/aleamb

wow, great!!
u/magna

Get out!
u/joeytwiddle

:-D
u/iverjo

Very good!

dwitter.net | keithclark (638)