dwitter.net | #composite

+ 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.
Try the new frontend: beta.dwitter.net
Current theme challenge: #ScaryMovies
show FPS hide FPS share fullscreen
remix of d/10836 by u/magna

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

  • Take that, globalCompositeOperation!

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

  • complex #emoji give interesting results with some #composite operations, at least in Firefox
  • u/f8f82804
    It looks like each shape is drawn in a separate pass, which causes strange results! The only alternative would be to render the glyph to an off-screen canvas and then paint the image with appropriate compositing. This is hard to do in 140 chars!
  • u/f8f82804
    update: on Firefox Android, the font rendering behavior is different

Please log in (or register) to comment.


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

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


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.

You've reached the end.