an attempt at something like a twister by rnbw

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

rnbw

function u(t) {

for(c.width^=i=0;i++<210;)for(j=0;j++<7;x.fillStyle=`#f`+j*15)x.fillRect(i*9,540-S(a=t-i/80*C(t+i/69)+j*.89)*230,9,Math.max(210*S(a-1.1),0))

Nov 25 2019 7:18 PM UTC

}// 140/140

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

an attempt at something like a twister

Show more comments…
u/Xen

mmmmm tasty!
u/tomxor

my exact thoughts #marshmallow
u/katkip

twisted icecream
u/Xen

#flump
u/joeytwiddle

That's a very juicy #twister!
u/cyhawk

I teach 9-year-olds programming and used a tidied up version of this to show them how to figure out how something works. They loved it! Thanks! I've added a bit of gap between the strands to make it easier to understand, and I think it looks good. Like Math.max(180*S(a-1.2),0).
u/rnbw

wow, i would have never thought that my recreational programming would be used for educational purposes. glad i was able to help those kids out on their journeys!
u/danny@hille.dk

Just saw this, nice code man! Save 11 b like this: for(c.width=i=300;i--;)for(j=8;j--;x.fillStyle=#f+j*15)x.fillRect(i,99-S(a=t-i/80*C(t+i/99)+j*.9)*40,1,Math.max(40*S(a-1.1),0))


      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