dwitter.net | joeytwiddle (35325)

+ 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: #growth
show FPS hide FPS share fullscreen

function u(t) {

}//
134/140


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

  • Angel's blood

Please log in (or register) to comment.

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

  • u/rodrigo.siqueira
    I used a golf trick to plot for only 2 seconds: x.fillRect(...,...,...,t<2). If time >2 then the pixel height will be zero.
  • u/joeytwiddle
    Very pretty

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

  • bell

Please log in (or register) to comment.

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

  • u/tomxor
    The brush pressure is derived from velocity and direction (so more caligraphic)
  • u/zensaiyuki
    I love how it feels simultaneously precise and digital and messy analogue.
  • u/tomxor
    Thanks :) The dynamics can be easily tweaked too, A*.7 and B*.7 are the inertia (could interpret as how articulated the brush is) and (C-X)/9 and (S-Y)/9 are distance based attraction to pointer (could interpret as bristle length maybe?)

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen
remix of d/17761 by u/ElisionFR

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

Please log in (or register) to comment.

show FPS hide FPS share 1 remix 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).

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

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

  • Generate particles from pointer

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
95/140


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

  • #mouse position using innerWidth
  • u/ElisionFR
    Where does innerWidth come from and why does it stop working when I put it outside the event ?
  • u/ElisionFR
    Never mind, if I do that c.width= clears the canvas
  • u/tomxor
    innerWidth is just a global (on window) which in the context of the dweet is the iframe which is conveniently the same size as the canvas... It does work outside of the event handler but you have to remember to move the draw function out as well since it will only draw when mouse is being moved.
  • u/pavel
    onmousemove=e=>x.fillText('🐁',e.x,e.y,c.width=innerWidth,x.font='3em"')
  • u/KilledByAPixel
    nice pavel

Please log in (or register) to comment.

Loading...
Next page