diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-10-16 22:41:27 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <[email protected]> | 2021-10-16 22:41:27 +0200 |
commit | f69c94297de4168175d02e9ead985b7420cb0bfc (patch) | |
tree | 101f62cdaaf52473a2cf324ed23b55f86740261c /components/Tweaks/PhysicsPanel.tsx | |
parent | 15fdbd4e9e36c858709651e035fe1339dba3a1e9 (diff) |
feat(labels): better defaults
Diffstat (limited to 'components/Tweaks/PhysicsPanel.tsx')
-rw-r--r-- | components/Tweaks/PhysicsPanel.tsx | 56 |
1 files changed, 28 insertions, 28 deletions
diff --git a/components/Tweaks/PhysicsPanel.tsx b/components/Tweaks/PhysicsPanel.tsx index 05fdba8..cd18f03 100644 --- a/components/Tweaks/PhysicsPanel.tsx +++ b/components/Tweaks/PhysicsPanel.tsx @@ -65,37 +65,15 @@ export const PhysicsPanel = (props: PhysicsPanelProps) => { onChange={(v) => setPhysicsCallback(v, 'charge', -1 / 100)} label="Repulsive Force" /> - <EnableSection - label="Collision" - infoText="Perfomance sap, disable if slow" - value={physics.collision} - onChange={() => setPhysics({ ...physics, collision: !physics.collision })} - > - <SliderWithInfo - value={physics.collisionStrength / 5} - onChange={(v) => setPhysicsCallback(v, 'collisionStrength', 1 / 5)} - label="Collision Radius" - infoText="Easy with this one, high values can lead to a real jiggly mess" - /> - </EnableSection> <SliderWithInfo value={physics.linkStrength * 5} onChange={(v) => setPhysicsCallback(v, 'linkStrength', 5)} label="Link Force" /> <SliderWithInfo - label="Link Iterations" - value={physics.linkIts} - onChange={(v) => setPhysicsCallback(v, 'linkIts', 1)} - min={0} - max={6} - step={1} - infoText="How many links down the line the physics of a single node affects (Slow)" - /> - <SliderWithInfo - label="Viscosity" - value={physics.velocityDecay * 10} - onChange={(v) => setPhysicsCallback(v, 'velocityDecay', 10)} + label="Stabilization rate" + value={physics.alphaDecay * 50} + onChange={(v) => setPhysicsCallback(v, 'alphaDecay', 50)} /> </VStack> <Box> @@ -114,10 +92,32 @@ export const PhysicsPanel = (props: PhysicsPanelProps) => { paddingLeft={3} color="gray.800" > + <EnableSection + label="Collision" + infoText="Perfomance sap, disable if slow" + value={physics.collision} + onChange={() => setPhysics({ ...physics, collision: !physics.collision })} + > + <SliderWithInfo + value={physics.collisionStrength / 5} + onChange={(v) => setPhysicsCallback(v, 'collisionStrength', 1 / 5)} + label="Collision Radius" + infoText="Easy with this one, high values can lead to a real jiggly mess" + /> + </EnableSection> + <SliderWithInfo + label="Link iterations" + value={physics.linkIts} + onChange={(v) => setPhysicsCallback(v, 'linkIts', 1)} + min={0} + max={6} + step={1} + infoText="How many links down the line the physics of a single node affects (Slow)" + /> <SliderWithInfo - label="Stabilization rate" - value={physics.alphaDecay * 50} - onChange={(v) => setPhysicsCallback(v, 'alphaDecay', 50)} + label="Viscosity" + value={physics.velocityDecay * 10} + onChange={(v) => setPhysicsCallback(v, 'velocityDecay', 10)} /> <EnableSection label="Center nodes" |