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

keithclark

function u(t) {

for(a=c.width^=0;d=C(--a+t)*S(b=a*1.2502),e=S(a+t)*S(b);x.fillRect(d*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-e)

Mar 25 2017 3:25 PM UTC

}// 109/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/recursive

Huge savings. I wonder what else could be added.
u/donbright

@recursive . ... https://www.dwitter.net/d/2306
u/keithclark

i'm trying to get rotation along 2 axes
u/keithclark

Try changing 1.2502 to different values for different patterns. For example: use 70.286 for death star
u/PeteAJ

A little confused by the for loop. The second statement just defines the variables d and e?
u/joeytwiddle

Here is an earlier version: https://www.dwitter.net/d/2278
u/joeytwiddle

#hiddengem
u/f8f82804

@PeteAJ I've used the same for trick before -- if either of a+t or b are zero, their sine is zero so the product is false-y, which terminates the loop

show FPS hide FPS share 2 remixes fullscreen

keithclark

function u(t) {

for(c.width=240,Z=5;Z>0;Z-=.1)for(Y=X=-60;X<60;x.fillRect(120+X++/Z*9,45-Y/Z,1/Z*24-Z,99))I=C(X*.4^Z+t*6),Y+=7*I,x.fillStyle=R(Z*50-Y*I/3)

Jul 3 2018 4:27 PM UTC

}// 138/140

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

I'm working on a version with green mountains and water but I need to shave a few bytes of this one first. Suggestions welcome

Show more comments…
u/alien

wow very nice
u/alien

is this what they call raymarching?
u/aleamb

yeeeeeeeeeeeeeeeeeeahh awesomeee!
u/aleamb

#3d #landscape #awesome
u/Agnes

Both 240, 120 and 60 are multiples of 60 so I think you can lose bytes by making 60 a constant... somehow. Right?
u/keithclark

@alien - no raymarching here. This is a cos() generated waveform, drawn from back to front.

show FPS hide FPS share fullscreen

keithclark

function u(t) {

for($=c.width|=0;$--;x.fillRect(b+960,F+520,h/=3,h))e=$/7-C(t/4),d=($>>6)+t*6%1,h=d**(d/20),b=S(e)*d*h+S(t/3)/h*4e3,F=C(e)*d*h+C(t/5)/h*1e3

Apr 26 2017 2:35 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/magna

Wheeeeee!!!
u/iverjo

#tunnel
u/vain

nice dot tunnel.

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 fullscreen

keithclark

function u(t) {

for(c.width=W=128,i=W*72;i--;)x.fillRect(i%W,j=i>>7,((i-64)/j+S(t)*6^C(t)*7+W+W/j)&1,j/W*2)

Mar 15 2018 12:03 PM UTC

}// 91/140

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

u/Xen

love it
u/vain

nice floorcast fx

show FPS hide FPS share 2 remixes fullscreen

keithclark

function u(t) {

for(a=c.width^=0;a--;x.fillRect(C(a+t)*S(b)*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-S(a+t)*S(b=a*1.2502))

Apr 13 2017 9:50 AM UTC

}// 103/140

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

Smaller version of https://www.dwitter.net/d/2298

u/aemkei

Nice golfing!!
u/donbright

ditto

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

keithclark

function u(t) {

for(c.width^=0,x.globalCompositeOperation='xor',a=50;--a;x.arc(960+S(G+t)*400,520+C(t+G*3)*400,a%25*70,0,7),x.beginPath(x.fill()))G=a/25|0

May 11 2017 12:16 AM UTC

}// 138/140

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

u/donbright

for slower machines... for(c.width=320,x.globalCompositeOperation='xor',a=50;--a;x.arc(160+S(G+t)*99,100+C(t+G*3)*99,a%25*20,0,7),x.beginPath(x.fill()))G=a/25|0

show FPS hide FPS share fullscreen

keithclark

remix of d/2561 by u/keithclark

function u(t) {

for(a=c.width|=l=C(t),m=S(t);a--;x.fillRect((d*l-S(a)*m)*h+960,(g*l-f*m)*h+520,h/=65,h))d=S(a*(f=C(a*a))),g=d*m+S(a)*l,h=800/(3+g*m+f*l)

Apr 23 2017 6:19 PM UTC

}// 136/140

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

3 bytes smaller

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!

dwitter.net | keithclark (638)