dwitter.net | UEZ (23077)

+ 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: #Food
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).

  • Message in a bottle!

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
111/140


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

  • tooth fary remix

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/rep_movsd
    This is superb
  • u/rfs
    What is your process for making these? incredible
  • u/taupelink
    thank you! lots and lots of trial and error, lately aided by https://capjs.3d2k.com/ I keep playing around with variations, e.g.: for the Y-coordinate, k+i*Y,k-i*Y,k+i/Y,k-i/Y each have a different effect
  • u/taupelink
    for those unfamiliar with dwitter-style compact JS code: for a typical dweet of this type, each frame draws a bunch of rectangles. each rectangle has random coordinates for its upper left-hand corner. the RGBA (color and opacity) of the rectangle depends on those coordinates and on some other parameter that gets modified with each step. The dimensions of the rectangles shrink over time, thus adding finer-grained detail

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


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.


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

  • Gravity Orbe

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
TGY
remix of d/3143 by u/nystrand

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

  • Do you remember original spider-man opening titles?

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

  • Second attempt at an old school tunnel effect
  • Show more comments…
  • u/danny@hille.dk
    first attempt: d/23462
  • u/danny@hille.dk
    Javascript garbage collector is struggling, when you create a new ImageData at each run, which results in some nasty stuttering. t||(I=new ImageData... fixes this issue
  • u/magna
    This worked for me: I=x.getImageData(0,0,c.width=w=255,h=160) (no need for t|| check)
  • u/danny@hille.dk
    u/magna while getImageData does not hit the garbage collector quite as hard, it takes about 1.3 times longer to execute, wich amounts to 53 fps, while t||(I=new ImageData... runs at a constant 60 fps (on my old 2014 macbook pro :-))

Please log in (or register) to comment.

Loading...
Next page