dwitter.net | #sphere

+ 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: #Opposites
show FPS hide FPS share fullscreen
remix of d/9174 by u/f8f82804

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
remix of d/7101 by u/yonatan

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

  • u/f8f82804
    #d3 #sphere #perspective
  • u/katkip
    how lol
  • u/pavel
    I draw #default one pixel at a time and treat (x,y) of the pixels as angles (a,b) in spherical coordinates. Spherical to 3d cartesian is x=r*sin(a)*sin(b), y=r*cos(a)*sin(b), z=r*cos(b). Projecting 3d to 2d cartesian is x'=x/(2+y/r), y'=z/(2+y/r), and scaling pixel size by 1/(2+y/r)**2 so stuff in the back is smaller.

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

  • u/deobfuscate
    I cannot explain with words how cool this is.
  • u/donbright
    if i undersand it, the "twinkling" really adds alot. they aren't all the same size of white particle?
  • u/rodrigo.siqueira
    The "twinkling" is given by the particle size (2 last parameters of x.clearRect). Pixel size is defined by 3*S(i)+1, so it's between "3+1" and "-3+1" and the "i" makes it almost random for each pixel. An extra twinkling effect could be made by adding "t", but I thought it would be too exaggerated. You can try by changing to: K=5*S(i+t*4)

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

  • u/f8f82804
    this dweet uses a better perspective transform based on Math.hypot -- #hypot
  • u/f8f82804
    The projection still isn't perfect, because I'm rotating the sphere's axis towards the viewer by positioning it below the camera. The resulting distortion is approximately corrected by scaling the Y coordinate with /.9.
  • u/f8f82804
    #perspective

Please log in (or register) to comment.


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

  • A completely different approach at a rotating patterned sphere: raytracing!

Please log in (or register) to comment.

show FPS hide FPS share fullscreen
p01

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

  • BOING! A 138bytes tribute to the legendary Amiga demo

Please log in (or register) to comment.


function u(t) {

}//
99/140


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

  • Small Sphere 🎱

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

}//
130/140


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

  • half a sphere

Please log in (or register) to comment.

Loading...
Next page