#beach, now with breaking waves by DataMeta

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.

show FPS hide FPS share fullscreen

DataMeta

remix of d/15059 by u/DataMeta

function u(t) {

for(j=20,h=96;h--;)for(v=54;v--;x.fillRect(h*j,v*j,j,j))z=S(t&(h/(v*2)))*255,x.fillStyle=R(n=v*3<=h-t*9%9?0:255-z,n-64,v*3>h?64:255-z,.01)

Jul 21 2019 6:17 PM UTC

}// 138/140

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

#beach, now with breaking waves

Show more comments…
u/DataMeta

use h+t*9%9 for a gentler surf reaching further onto the sand
u/DataMeta

and this one shows up as quite orange on amoled, hmmm
u/DataMeta

wow this is weird - on amoled n-43 makes orange sand and n-42 yellow
u/username

I see no beach
u/Xen

nice
u/katkip

awesome
u/donbright

cpp;
u/donbright

cpp;
u/donbright

cool
u/DataMeta

more dynamic wavebreak that aligns with perspective: for(j=20,h=96;h--;)for(v=54;v--;x.fillRect(h*j,v*j,j,j))z=S(t&h/(v*2))*255,x.fillStyle=R(n=v*4<=h-t*9%(v+1)?0:255-z,n-64,v*3>h?64:255-z,.01)
u/jpthinker

I like the feel you created here. Almost like a city pop album cover, but it moves!


      u(t) is called 60 times per second.
      t: elapsed time in seconds.
      c: A 1920x1080 canvas.
      x: A 2D context for that canvas.
      S: Math.sin
      C: Math.cos
      T: Math.tan
      R: Generates rgba-strings, ex.: R(255, 255, 255, 0.5)

dwitter.net