加载应用…
云澜 Clyune Clyune Component Gallery · 中文

Physics & Interaction

Physics engines and pointer interaction: collisions, springs, pendulums, orbits, ropes, soft bodies, hourglasses and magnets — drag any of them and read energy, period and more in real time.

Tech: matter-js@0.20, Verlet / RK4 积分, Pointer Events

  • Matter.js Physics — Real hard core engine: gravity, Splash collision, E Typically NHRIs Participatory dedicates to conflict.
  • Drag to Reorder — The board drags and drags, and the card returns to its location with a critical blocker.
  • Magnetic Cursor Follow — Magnetic sucking button (range decay)+ spring follows cursor and drag tails.
  • Bouncing Balls — The ball of gravity + the recovery coefficient, with constant inter-ball kinetic impact.
  • Multiple Gravity — 500 particles in multiple softened square gravitational wells.
  • Spring Chain — Hook's Law spring point chain, watch cycles with energy.
  • Box Collisions — AABB collision detection + impulse and friction, boxes can stack.
  • Floating Bubbles — Stokes's Law: Big bubbles rise faster than little bubbles (r²)。
  • Pendulum — RK4 Non-linear monopolistic blocker + resonance drive.
  • Hourglass Sand — The particle cells are self-mobilized sandglasses, and the flow follows the Beverloo law.
  • Magnetic Points — The magnetic pin array shows a multi-magnetic superheavy magnetic field and magnetic sense line.
  • Elastic Rope — Verlet + distance bound by hanging rope.
  • Billiards — Wait for mass elastic collisions and rolling frictions to stop distance v²/2μg。
  • Orbital Physics — Speed Verlet hard-core Caper orbit.
  • Soft Body — Springpoint + Jell-O software with internal gas pressure.