dwitter.net | PhiLho (14)

+ New dweet
function u(t) {
} //
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.
Theme challenge of the month: #time
show FPS hide FPS share fullscreen

function u(t) {

}//
132/140


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

  • u/iverjo
    This runs at 2-3 FPS in Firefox on my laptop because of the missing x.beginPath(). Here's a version that runs at a much higher framerate: c.width=W=400;for(h=W;h-=16;)for(v=W;v-=16;){s=7*C(t*h/200);n=7*S(t*v/200);x.beginPath();x.moveTo(h+s,v+n);x.lineTo(h-s,v-n);x.stroke()}
  • u/PhiLho
    Good to know, thanks.

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
134/140


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

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

}//
129/140


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

  • u/iverjo
    This is the first dweet that uses Path2D AFAIK. Cool!
  • u/PhiLho
    Thanks. The "new " syntax makes its usage costly. P=Path2D helps for multiple paths...

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
126/140


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

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
133/140


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

  • Educational: hiragana and katakana...

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
140/140


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

  • Will not work on old browsers, as I used some ES6 for brevity...
  • u/PhiLho
    At least, works on latest Chrome and Firefox... Ah, and Edge too!

Please log in (or register) to comment.

show FPS hide FPS share fullscreen
remix of d/246 by u/PhiLho

function u(t) {

}//
136/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/iverjo
    To make it more clear: I like the slow pace, but not the performance hog ;)
  • u/iverjo
    Here's a less performance-intensive version: c.width=96;M=255;for(h=96;h--;)for(v=54;v--;x.fillStyle=R(M*(1+S(t))/2,M*S(v/34.4),M*C(h/61.1)),x.fillRect(h,v,1,1))
  • u/iverjo
    It should still be smooth and slow-paced
  • u/iverjo
    The previous code might not work.. here's an alternative version that probably works: c.width=96;M=255;for(h=96;h--;)for(v=54;v--;){x.fillStyle=R(M*(1+S(t))/2,M*S(v/34.4),M*C(h/61.1)),x.fillRect(h,v,1,1)}

Please log in (or register) to comment.

You've reached the end.