dwitter.net | pavel (6199)

+ 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.
Current theme challenge: #ScaryMovies
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).

  • Some nice math for the 270 initial radius: The half-height is 540, this must equal r+r/2+r/4+r/8+...=r(1+1/2+1/4+1/8+...). Think about the bit in the brackets in terms of pizzas. You have a whole pizza, plus half a pizza, plus a quarter (half the remaining half), plus an eighth (half the remaining), etc. You have two pizzas! So 540=r*2.

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

Please log in (or register) to comment.


function u(t) {

}//
91/140


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

  • 91
  • u/pavel
    for(i=u=~u*697&475;w=i--/4;)x.fillRect((t||S(i))*2e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u) has the parabola shape but is 92 and a little too symmetric.
  • u/pavel
    Err, I meant for(i=u=~u*81&493;w=i--/4;)x.fillRect((t||S(i))*3e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u)

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

  • u/BackendForth
    Nice! The blinking makes it much more life-like . . . unlife-like?

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen
remix of d/23980 by u/primo

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

  • u/pavel
    Also a pretty generic ray tracing 'engine.' Change f to trace other things.
  • u/pavel
    Style remix, no idea how the code I'm remixing works yet. It does not look to do ray tracing so its clearly better.
  • u/primo
    The original uses z + ∂/∂y z for saturation, which looks about right tilted at or near ~26.5°.
  • u/pavel
    for(c.width&=i=10368;i--;x.fillRect(i&127,i>>7,f(.7),1))f=n=>(z=5-i/3e3-3*n)>S(Math.hypot(i/64%2-1,i/5e3-n)*9-6*t)?f(n+.03):--z*.4 is a better one, no weird view prism.

Please log in (or register) to comment.

show FPS hide FPS share fullscreen
remix of d/23829 by u/pavel

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

  • Show more comments…
  • u/Xen
    love it!
  • u/magna
    Fun to watch! :)
  • u/tomxor
    @rodrigo I think I have The Dwitter Effect, or "Dwitter Syndrome" :D i'm not even joking
  • u/sigveseb
    Nice idea! As an added bonus, if you leave it running for a while you get a graph of the prng bias for free :)

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen
remix of d/23821 by u/pavel

function u(t) {

}//
129/140


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

  • Mr Sierpiński, I don't feel so good

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen
remix of d/19550 by u/tomxor

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

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


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

Please log in (or register) to comment.

Loading...
Next page