From f07cb0d2745f59fe07254698402b160e7535c641 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <thomasfkjorna@gmail.com>
Date: Thu, 15 Jul 2021 19:30:13 +0200
Subject: cleaned up tweak menu, added particle toggle

---
 app/components/tweaks/tweaks.tsx | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

(limited to 'app/components/tweaks')

diff --git a/app/components/tweaks/tweaks.tsx b/app/components/tweaks/tweaks.tsx
index e7bbd6f..431191c 100644
--- a/app/components/tweaks/tweaks.tsx
+++ b/app/components/tweaks/tweaks.tsx
@@ -34,11 +34,12 @@ export const Tweaks = observer(function Tweaks(props: TweaksProps) {
     const styles = flatten([CONTAINER, style])
 
     return (
-        <View style={{position: "absolute", top: 50, left: 50, zIndex: 100, width: "20%"}}>
+        <View style={{position: "absolute", top: "5%", left: "5%", zIndex: 100, width: "20%", backgroundColor: "#000000", padding: 20}}>
+        <Text preset="bold" text="Physics"/>
         <Text preset="fieldLabel" text={"Repulsive force: " + physics.charge}/>
             <Slider style={{height: 40 , width: "90%"}}
                 minimumValue={-400}
-                maximumValue={0}
+                maximumValue={100}
         onValueChange={(value) => { setPhysics({...physics, charge: value}) }}
                 value={physics.charge}
                 step={1}/>
@@ -58,18 +59,26 @@ export const Tweaks = observer(function Tweaks(props: TweaksProps) {
                 value={physics.linkIts}
                 step={1}/>
             <Text preset="fieldLabel" text="Collision"/>
-            <Switch style={{width: "5", height: 20 }}
+            <Switch style={{width: "5", height: 20, marginVertical: 10 }}
                 value={physics.collision}
                     onValueChange={()=>{setPhysics({...physics, collision: !physics.collision})}}
                 />
-
+            <Text preset="bold" text="Visual"/>
+            <Text preset="fieldLabel" text={"Particles: " + physics.particles}/>
+            <Slider style={{ height: 40 , width: "90%"}}
+                minimumValue={0}
+                maximumValue={5}
+                    onValueChange={(value) => { setPhysics({...physics, particles: value}) }}
+                value={physics.particles}
+                step={1}/>
+            <Text preset="bold" text="Modes"/>
             <Text preset="fieldLabel" text="Expandable Graph"/>
-            <Switch style={{width: "5", height: 20 }}
+            <Switch style={{width: "5", height: 20, marginVertical: 10 }}
                 value={physics.collapse}
                     onValueChange={()=>{setPhysics({...physics, collapse: !physics.collapse})}}
                 />
             <Text preset="fieldLabel" text="3D"/>
-            <Switch style={{width: "5", height: 20 }}
+            <Switch style={{width: "5", height: 20, marginVertical: 10 }}
                 value={physics.threedim}
                     onValueChange={()=>{setPhysics({...physics, threedim: !physics.threedim})}}
                 />
-- 
cgit v1.2.3