start adding logic

3 files changed, 76 insertions, 2 deletions

diff --git a/src/client/util/CurrentUserUtils.ts b/src/client/util/CurrentUserUtils.ts
index f0397b0c6..23e9a2bea 100644
--- a/src/client/util/CurrentUserUtils.ts
+++ b/src/client/util/CurrentUserUtils.ts
@@ -260,7 +260,7 @@ export class CurrentUserUtils {
             {key: "Noteboard",  creator: opts => Docs.Create.NoteTakingDocument([], opts),  opts: { _width: 250, _height: 200 }},
             {key: "Collection", creator: opts => Docs.Create.FreeformDocument([], opts),    opts: { _width: 150, _height: 100 }},
             {key: "Equation",   creator: opts => Docs.Create.EquationDocument(opts),        opts: { _width: 300, _height: 35, _backgroundGridShow: true, }},
-            {key: "Simulation",   creator: opts => Docs.Create.SimulationDocument(opts),        opts: { _width: 300, _height: 35, _backgroundGridShow: true, }},
+            {key: "Simulation",   creator: opts => Docs.Create.SimulationDocument(opts),        opts: { _width: 300, _height: 300, _backgroundGridShow: true, }},
             {key: "Webpage",    creator: opts => Docs.Create.WebDocument("",opts),          opts: { _width: 400, _height: 512, _nativeWidth: 850, useCors: true, }},
             {key: "Comparison", creator: Docs.Create.ComparisonDocument,                    opts: { _width: 300, _height: 300 }},
             {key: "Audio",      creator: opts => Docs.Create.AudioDocument(nullAudio, opts),opts: { _width: 200, _height: 100, }},
diff --git a/src/client/views/nodes/PhysicsSimulationBox.scss b/src/client/views/nodes/PhysicsSimulationBox.scss
index e69de29bb..2eb6e6ff0 100644
--- a/src/client/views/nodes/PhysicsSimulationBox.scss
+++ b/src/client/views/nodes/PhysicsSimulationBox.scss
@@ -0,0 +1,3 @@
+.physicsSimulationContainer {
+ 
+}
\ No newline at end of file
diff --git a/src/client/views/nodes/PhysicsSimulationBox.tsx b/src/client/views/nodes/PhysicsSimulationBox.tsx
index 568a5b40c..b16bccdde 100644
--- a/src/client/views/nodes/PhysicsSimulationBox.tsx
+++ b/src/client/views/nodes/PhysicsSimulationBox.tsx
@@ -3,9 +3,80 @@ import { FieldView, FieldViewProps } from './FieldView';
 import React = require('react');
 import { ViewBoxAnnotatableComponent } from '../DocComponent';
 import { observer } from 'mobx-react';
+
+export interface IForce {
+ description: string;
+ magnitude: number;
+ directionInDegrees: number;
+}
+export interface IWallProps {
+ length: number;
+ xPos: number;
+ yPos: number;
+ angleInDegrees: number;
+}
 @observer
 export default class PhysicsSimulationBox extends ViewBoxAnnotatableComponent<FieldViewProps>() {
+
+ forceOfGravity: IForce = {
+  description: "Gravity",
+  magnitude: 9.81,
+  directionInDegrees: 270,
+};
+
+ // Logic for Dash integration
  public static LayoutString(fieldKey: string) { return FieldView.LayoutString(PhysicsSimulationBox, fieldKey); }
 
- render () { return (<p>Hello world!</p>)}
+ constructor(props: any) {
+  super(props);
+  this.state = {
+   timer: 0,
+   weight: true,
+   pendulum: false,
+   wedge: false,
+   startPosX: 0,
+   startPosY: 0,
+   showVelocity: false,
+   showAcceleration: false,
+   showForces: false,
+   elasticCollisions: false,
+   updatedForces: [this.forceOfGravity],
+   wallPositions: []
+  }
+ }
+
+ // Add one weight to the simulation
+ addWeight = () => {
+  this.setState({weight: true});
+  this.setState({wedge: false});
+  this.setState({pendulum: false});
+ };
+
+// Remove floor and walls from simulation
+removeWalls = () => {
+ this.setState({wallPositions: []});
+};
+
+// Add floor and walls to simulation
+addWalls = () => {
+  const walls: IWallProps[] = [];
+  walls.push({ length: 70, xPos: 0, yPos: 80, angleInDegrees: 0 });
+  walls.push({ length: 80, xPos: 0, yPos: 0, angleInDegrees: 90 });
+  walls.push({ length: 80, xPos: 69.5, yPos: 0, angleInDegrees: 90 });
+  this.setState({wallPositions: walls});
+};
+
+ // Timer for animating the simulation
+ // setInterval(() => {
+ //  const time = this.timer ?? 0
+ //  this.setState({timer: time+1});
+ // }, 60);
+
+ render () { 
+  return (
+    <div className = "physicsSimulationContainer">
+
+   </div>
+  );
+ }
 }
\ No newline at end of file