Skip to content

cleoold/circulars_space

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

interactive circular/elliptic motion demo

  • uniform circular motion

uniform circular motion

  • many uniform circular motions

uniform circular motion

  • many circular motions with varying focus length & speed

elliptic motion

  • elliptic motion and harmonic motion with rotation

elliptic motion

  • real elliptic motion (planet models)

elliptic motion

This is the elliptic motion version.

uniform (probably not so uniform because it supports linear acceleration) circular motion demo page with auto div scaling!

see demo at https://cleoold.github.io/uniform_circular_motion/index.html

Interesting setups

  • two uniform circular motions
    • Block 1: semi X axis:166, Rx Δ: 0, semi Y axis: 166, Ry Δ: 0, period: 10, T Δ: 0, rotate angle: 0, α Δ: 0, rotate around: origin
    • Block 2: 96, 0, 96, 0, 10, 0, 0, 0, origin
  • two springs perpendicular to each other and rotating
    • Block 1: 162, 0, 0, 0, 5, 0, 0, 10, origin
    • Block 2: 0, 0, 162, 0, 5, 0, 0, 10, origin
  • one oscillation and a bigger rotating ellipse
    • Block 1: 50, 0, 0, 0, 1, 0, 0, 0, origin
    • Block 2: 180, 0, 80, 0, 5, 0, 0, 30, origin
  • chaotic comet with unknown trajectory
    • Block 1: 80, 0, 80, -10, 2, 0, 0, 30, focus
  • planets
    • Block 1: 50, 0, 50, 0, 5, 0, 0, 0, origin
    • Block 2: 60, 0, 59, 0, 10, 0, 0, 0, focus
    • Block 3: 80, 0, 75, 0, 22, 0, 0, 0, focus
    • Block 4: 90, 0, 82, 0, 5, 0, 0, 0, focus
    • Block 5: 162, 0, 122, 0, 5, 0, 0, 0, focus
    • Block 6: 271, 0, 271, 0, -10, 0, 0, 0, origin
Some special points to point:
  • The size of the container (which contains balls) will change based on the change of the window size while the ball preserves its semi-X-axis and semi-Y-axis (or radius) of circular motion. If the ball hits the boundary it will stop.
  • The layout is optimized(?) for the screen size of the device.
  • The X-axis and Y-axis are un-settable. Instead the offset can be set by dragging the ball.
  • When reset, the semi-X-axis and semi-Y-axis of circular motion is set default to half of the container length.
  • If the semi-X-axis or semi-Y-axis changes when the ball is in motion, the text in the semi-X-axis(px) or semi-Y-axis(px) box does not change; but when the user clicks the text box, it changes to the newest value. Same for period.
  • one-click options are hidden if there is only one ball present.
  • if star background is enabled, overflowing contents in the container will display.

Not compatible with

  • Dark reader (trajectory randomly goes missing)

License

Releases

No releases published

Packages

No packages published