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

show FPS hide FPS share 1 remix fullscreen

keithclark

remix of d/8806 by u/keithclark

function u(t) {

for(Z=L=52,c.width=L*4;Q=Z--/9;)for(Y=X=L;X>-L;x.fillRect(X--/Q*9+99,L+U/Q,9/Q,L))Y+=7*C(X/2^Q*2+t*9),x.fillStyle=R(U=Y<L?Y:L,Q*L+U,U/L<<8)

Jul 9 2018 10:15 PM UTC

}// 139/140

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

Managed to create a flat sea. Had to trade off the nice distance fog effect.

Show more comments…
u/joeytwiddle

Awesome infinite #landscape
u/lionleaf

Amazing!
u/jylikangas

Love it! Well done!
u/iverjo

Wow!
u/lionleaf

#minecraft
u/zanella

Replace Y<L?Y:L with Y and you'll understand how the flat sea effect was achieved. Nice one. ;)
u/Conjuror

love it
u/vain

OMG - really hot shit :D

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

keithclark

function u(t) {

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

Apr 23 2017 11:33 AM UTC

}// 139/140

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

A point cube spinning on two axis with perspective

Show more comments…
u/hscells

this is really nice
u/donbright

great job!
u/magna

Awesome!
u/cantelope

very nice!
u/joeytwiddle

#cube #dots
u/vain

damn cool

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

remix of d/8799 by u/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))x.fillStyle=R(Y-=7*C(X*.4^Z+t*6),Z*50-Y,-Y/87<<8)

Jul 3 2018 11:50 PM UTC

}// 139/140

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

This one has water - not flat unfortunately. Had to trade off the pseudo-shading to fit the colour change int

u/zanella

OH MY GOD! I stayed out of Dwitter for a couple of days, and suddenly it has become Shader Toy! :)
u/hollo47

This is so good! #landscape
u/sigveseb

with water! #water
u/Cloud

WOOOOOOOOOOOOOOOOOOOOOOOW!!!!
u/rep_movsd

Underrated AF

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!

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

keithclark

remix of d/8799 by u/keithclark

function u(t) {

for(L=54,c.width=L*4,Z=5;Z>0;Z-=.1)for(Y=X=L;X>-L;x.fillRect(L*2+X--/Z*9,L+Y/Z,9,L))I=C((X/2^Z+t*6)+t*7),Y+=3*I,x.fillStyle=R(0,Z*Y-I*9,255)

Jul 4 2018 12:27 PM UTC

}// 140/140

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

A choppy sea!

u/sigveseb

#ocean #water
u/katkip

#waves

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

dwitter.net | keithclark (626)