dwitter.net | erin (4511)

+ 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/3078 by u/FireFly

function u(t) {

}//
130/140


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

  • Animated sprite silhouettes! (crawling)
  • u/FireFly
    Adding a #time dimension to an old dweet of mine, by rethinking it a bit :)
  • u/rep_movsd
    Amazing
  • u/rep_movsd
    Looks like some of your earliest dweets dont render anymore on the new dwitter shim code
  • u/FireFly
    hmm, they seem to work fine for me :o (in Firefox)
  • u/rep_movsd
    Must be Chromium issues then

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

  • Plasma

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
131/140


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

  • Check this out
  • Show more comments…
  • u/pavel
    The default color for fill, fillRect, stroke, strokeRect is black and you need to call fillStyle or strokeStyle respectively. You must have seen other drawing techniques, maybe like putImage or using style attributes to add a filter over the B&W colors.
  • u/pavel
    Haha looks like we answered at the same time and eerily similarly.
  • u/UEZ
    Hmm, when I look to https://www.dwitter.net/d/23732 I cannot see any strokeStyle/fillStyle but the color result is greyscale.
  • u/pavel
    Gray can be achieved by spacing out black pixels amongst white ones. d/23773 shows this clearest.

Please log in (or register) to comment.

show FPS hide FPS share fullscreen
remix of d/23765 by u/New_Core

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
remix of d/23756 by u/tomxor

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

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.

show FPS hide FPS share 1 remix fullscreen
remix of d/23544 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).

  • Show more comments…
  • u/pavel
    -2 char using S(t%3.14) to bounce and inlining the single Math.abs call
  • u/danny@hille.dk
    What a clever trick, using modulus pi of t, to only get the positive part of the sinus curve
  • u/danny@hille.dk
    3.2 works fine, while 3 and 3.1 looks wrong
  • u/danny@hille.dk
    test code: c.width|=0,x.fillRect(o=860,o-S(t*4%3.2)*o,200,200)

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

  • stereoscopic city flyover
  • u/erin
    this isn't actually stereoscopic

Please log in (or register) to comment.

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

  • Fly over a pixel surface

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

  • Recursion Soup
  • u/taupelink
    excellent
  • u/TGY
    amazing
  • u/Xen
    highly sexy, i can however sense the next version ;-)
  • u/vain
    Wow! Really cool looking effect and great color sheme !!! love it

Please log in (or register) to comment.

Loading...
Next page