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

keithclark

function u(t) {

for(c.width=340,i=160;i--;x.font=7+C(j=t*9+(X+Y)/2)+'pt a',x.fillText(['🔵','⚪️','🔴'][X/5|0],50+C(j)*4+X*16,32+S(j)*4+Y*16))X=i%15,Y=i>>4

Sep 25 2018 3:05 PM UTC

}// 136/140

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

[...'🔵⚪🔴'] to save 4 bytes

u/f8f82804

u/keithclark: you have to remove the variant selector to make that work
u/MatthewKhan

You have to change the colours to make that work

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

keithclark

remix of d/7214 by u/corruptio

function u(t) {

for(v in x)x[v[4]]=v;for(a=L=c.width=255,x[x.a]='exclusion';a-=5;x.arc(S(V+=t)*99+99,C(V)*66+66,a,!x[x.n](x.fill()),9))x[x.S]=R(V=a%2*L,L-V)

Mar 8 2018 10:04 AM UTC

}// 140/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 2 remixes fullscreen

keithclark

function u(t) {

with(x)for(c.width=L=a=255,globalCompositeOperation='exclusion';a-=5;arc(v=S(G+=t)*90+L/2,v/2,a,~beginPath(fill()),6))fillStyle=R(L,G=a%2*L)

Mar 7 2018 5:56 PM UTC

}// 140/140

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

I was hoping for a more interesting vertical path but couldn't find enough bytes.

u/AnnanFay

S(G+t) saves a character.
u/keithclark

Thanks - that was left over from a previous optimisation for computing a different Y offset

show FPS hide FPS share fullscreen

keithclark

function u(t) {

for(c.width|=$=256;$--;)x.fillStyle=R(z=$%15,x.font=z*8+"pt a",x.fillText('❄',($*1e6+S(t+$)*z*3)%2050-99,(z*t*30+$*$)%2050),z/15)

Mar 7 2018 1:06 PM UTC

}// 129/140

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

u/prplz

☃
u/keithclark

#snow

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

dwitter.net | keithclark (638)