dwitter.net | danny@hille.dk (995)

+ 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: #fracture

function u(t) {

}//
128/140


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

  • Follow the yellow brick road v2

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

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

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

}//
138/140


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

  • Just ship it! (pun intended)

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

  • u/Xen
    sexy!
  • u/danny@hille.dk
    looks like an animated tribal tattoo: for(c.width|=i=0;i<6.3;i+=.01){x.lineWidth=8 r=(.3*S(t+C(t-i)))*(.5*C(S(i*9)))*2e3 a=i+S(r/99+t) x.lineTo(960+r*C(a),540+r*S(a)) }x.fill()

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

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

}//
139/140


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

  • Swarm

Please log in (or register) to comment.

show FPS hide FPS share 2 remixes 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).

  • random remix

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

  • let's play mario style

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

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

  • Well... it's a remix :-)
  • Show more comments…
  • u/smtsjhr
    clever x.clearRect trick! its like you are "erasing" what you intend to draw! ...and it seems interchanging x.clearRect and `x.fillRect' in your code looses the blur effect hmm!
  • u/smtsjhr
    @ u/danny@hille.dk check out d/21499
  • u/danny@hille.dk
    .fillStyle='#0001' sets fill color to black with a transperancy of 16% (this css shorthand hex color notation, denotates color in 4*8bit RGBA, it is in essence the same thing as the standard #RRGGBBAA notaion, but with less resolution) fillRect then fills the intire screen with that blackish color then clearRect is used to "paint" white squares (the main reason is so you only have to use fillStyle once) When the main loop runs again - the white squares are only mostly paintet (84%) over, which results in a kind of motion-blur/glow As far as i know, you cannot use this technique with lineTo since line uses strokeStyle to draw linecolors
  • u/smtsjhr
    u/danny@hille.dk thanks for all the info!

Please log in (or register) to comment.

Loading...
Next page