dwitter.net | #beesandbombs

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

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

  • Block party

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

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

  • Inspired by a beesandbombs tweet

Please log in (or register) to comment.


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

}//
140/140


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

  • u/yonatan
    arc?!
  • u/anotherkitten
    oh you sly dog very well done
  • u/pavel
    :)
  • u/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. :)
  • u/katkip
    #beesandbombs
  • u/pavel
    Removing %1 at the end breaks the animation on my iPhone.

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

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

  • u/anotherkitten
    stop being so good
  • u/katkip
    i love your beesandbombs dweets
  • u/pavel
    I call fill just once, the black bits are a single connected shape that zig-zags, the messy edges are hidden offscreen.
  • u/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.
  • u/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 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).

  • u/pavel
    Golfed 3 loops into one. Lowest bit of i determines half-circle, next 5 bits determine X and the rest determine Y
  • u/pavel
    i&62 = (i>>1)%32*2 = X*2
  • u/jylikangas
    There's a lot of really clever tricks in your dweets. Keep them coming! :)
  • u/katkip
    wow

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

  • for(i=1200;i--;x.clearRect(z,z,8,8))j=i>>1,x[s='setTransform'](16,0,0,8,X=j%16*128+(j&16?0:64),Y=1132-(i&-32)+C(j**3+t*3)**4*99*S(t)**4),x.fillRect(z=-4,z,8,1e3),x[s](8,4,-8,4,X,Y-32);
  • u/yonatan
    I think there was something like this by #beesandbombs (but with perspective, and maybe triangles?)
  • u/katkip
    nice one\
  • u/twitter
    for(h=i=1200;i--;x.clearRect(z,z,8,8))j=i>>1,x[s='setTransform'](16,0,0,8,X=j%16*128+(j&16?0:64),Y=h-(i&-32)+C(j**3+t*3)*99*S(t)**4),x.fillRect(z=-4,z,8,h),x[s](8,4,-8,4,X,Y-32) - 177

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

  • u/pavel
    Using scale(9,9) to get thick lines and shave some digits from coordinate numbers (e.g. 60 vs 540 for height)
  • u/pavel
    x.arc(X,Y,r,a,a) = x.lineTo(X+r*C(a),Y+r*S(a))
  • u/katkip
    Duuude
  • u/katkip
    Awesomeee

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

}//
119/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.

Loading...
Next page