dwitter.net | Joachim (1078)

+ New dweet
function u(t) {
} //
112/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) {

Apr 13, 2022 9:23 AM

}//
132/140


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

  • Infinite hopscotch
  • u/Odog8
    Thats nuts
  • u/Joachim
    This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
  • u/vain
    @u/Joachim: Thanks a lot for the litte explanation and example. =)
  • u/Joachim
    #d3 #perspective #mist #colors
  • u/lineburgb
    for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

May 16, 2022 3:43 PM

}//
135/140


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

  • Misty Trees

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

May 9, 2022 10:02 AM

}//
140/140


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

  • Mountain Flyover - use the mouse to pan around

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

Oct 25, 2021 1:35 PM

}//
140/140


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

  • dead forest walk

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

Mar 24, 2022 10:40 AM

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

Jun 22, 2022 1:08 PM

}//
129/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) {

Feb 22, 2022 11:22 AM

}//
140/140


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

  • Road Version 7

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

Jun 4, 2022 3:06 PM

}//
140/140


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

  • Thoughts Of A Worm

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

Oct 22, 2021 2:19 PM

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

Aug 28, 2021 1:39 PM

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

Loading...
Next page