dwitter.net

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

}//
139/140


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

  • u/KilledByAPixel
    Reminds me of when Uncle Ben said "With great power comes great dweets."

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
104/140


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

  • Illusory gradient grayscale ("Simultaneous Contrast Illusion"). The bar in the middle is a CONSTANT SHADE of gray. Viewing two colors at the same time influences both of their appearances. #gradient #illusion

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

  • imperfect circles ⭕

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen
remix of d/1621 by u/sawaxon

function u(t) {

}//
109/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/11584 by u/katkip

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

  • I love #recursion , #recursive #sierpinski #d3 c.width^=0;f=(a,b,c)=>{if(c>3)x.fillRect(a,b,c,c),f(a-c*C(t),b-c*S(t),c/2,c/2),f(a+c/2*C(t),b+c*S(t),c/2,c/2),f(a-c/2*S(t),b-c/2*C(t),c/2,c/2),f(a+c,b-c/2,c/2,c/2)};f(840,590,250)

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
44/140


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

  • u/SockTaters
    This is a little refactored, but u/DaSpider's solution also works in 44 characters with just the t|=0 trick. A slicing solution is also very close at 45 char: t|=0;throw'FizzBuzz'.slice(t%3&&4,t%5?4:8)||t

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

}//
140/140


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

  • u/magna
    Amazing!
  • u/jorduino
    The code you have provided is a JavaScript program that uses the u() function to draw an animation on an HTML canvas element. The u() function is called 60 times per second, and uses the elapsed time t as a parameter to create the animation. The code uses a number of shorthand functions and variables to simplify the implementation of the u() function. The S, C, and T variables are shorthand for the Math.sin(), Math.cos(), and Math.tan() functions, respectively. The R() function is used to generate rgba color strings, and the c and x variables represent the canvas element and its 2D context, respectively. The u() function uses a loop to iterate over a range of values for i, and uses these values to calculate the X, Y, and Z coordinates for each iteration. The X and Y coordinates are used to draw a rectangle on the canvas using the fillRect() method, and the Z coordinate is used to scale the rectangle and create the illusion of depth. The globalAlpha property is used to set the transparency of the rectangles, and the style.filter property is used to invert the colors of the canvas. Overall, this code appears to be a simple example of how the canvas element and the u() function can be used to create an animation in JavaScript. It uses some advanced features of the language, such as shorthand functions and the canvas element, to create a visually interesting effect.
  • u/joeytwiddle
    This gives a better distribution of particles: Y=((i-.1)**5+t*2)%13-9 no more grid, but a few clusters

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

  • migrating blobules

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen
remix of d/3427 by u/corruptio

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

  • Note: Just "sepia(" works as a 100% sepia filter. No need for a percentage or to even a closing parenthesis.

Please log in (or register) to comment.

Loading...
Next page