dwitter.net | pavel (1077)

+ 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.
show FPS hide FPS share 1 remix fullscreen

function u(t) {

}//
141/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) {

}//
140/140


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

  • Load older comments...
  • jylikangas: Very cool! You can save 3 bytes by removing the unnecessary %1 from t when calculating a and also doing <<7 instead of *128. If someone is wondering how this works using a+1 instead of a at the end may help. :)
  • katkip: #beesandbombs
  • pavel: Removing %1 at the end breaks the animation on my iPhone.

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).

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
141/140


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

  • Load older comments...
  • pavel: I call fill just once, the black bits are a single connected shape that zig-zags, the messy edges are hidden offscreen.
  • pavel: I use 1/(1+9e9**x) to smooth step but even rows step twice in one cycle which is done by adding (j|t)%2 as offset.
  • pavel: In hindsight ~~x+(x%1)**9 is better for multi-smooth-step animations.

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen
remix of d/10354 by u/pavel

function u(t) {

}//
139/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) {

}//
132/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) {

}//
140/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) {

}//
140/140


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

  • pavel: Fixed the plus shape in the back and added color cycling
  • pavel: Check it out in fullscreen

Please log in (or register) to comment.

show FPS hide FPS share fullscreen
remix of d/11016 by u/pavel

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).

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

}//
141/140


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

  • pavel: This really wants to be faster but I'm out of bytes!
  • Load older comments...
  • pavel: Nice! There is some flicker but you saved enough bytes to fix p=i=>99*[0,0,3-i,1,6-i,2,i-5,i-7][~~i];for(c.width|=i=8,x.rotate(7),T=8*t%8;i--;m+7&7&&x.fillRect(p(m?i:T)+450,p(m?6-i&7:8-T),90,90))m=~~T-i
  • jylikangas: This was fun. I also tried two totally different implementations but it seems your approach is the best.
  • katkip: Haha that's fun

Please log in (or register) to comment.

Loading...
Next page