{joltLoaded ? "Jolt has loaded!" : "Jolt is loading..."}
- )
- }
+ return
+
+ {toasts.length > 0 &&
+ toasts.map(t => (
+
+
+ ))}
+
+
+ )
+}
diff --git a/fission/src/TooltipContext.tsx b/fission/src/TooltipContext.tsx
new file mode 100644
index 0000000000..a3a78cebb0
--- /dev/null
+++ b/fission/src/TooltipContext.tsx
@@ -0,0 +1,111 @@
+import Tooltip from "@/components/Tooltip"
+import { AnimatePresence, motion } from "framer-motion"
+import React, {
+ ReactNode,
+ createContext,
+ useCallback,
+ useContext,
+ useState,
+} from "react"
+
+export type TooltipControl = { control: string; description: string }
+export type TooltipType = "controls"
+
+export const TOOLTIP_DURATION: number = 7_000
+
+type TooltipControlContextType = {
+ showTooltip: (
+ type: TooltipType,
+ controls?: TooltipControl[],
+ duration?: number
+ ) => void
+ children?: ReactNode
+}
+
+const TooltipControlContext = createContext{children}
+}
+
+export default Container
diff --git a/fission/src/components/Details.css b/fission/src/components/Details.css
deleted file mode 100644
index 2e969b5153..0000000000
--- a/fission/src/components/Details.css
+++ /dev/null
@@ -1,38 +0,0 @@
-div#info {
- position: fixed;
- top: 10pt;
- right: 10pt;
- padding: 5pt;
-
- border: none;
- border-radius: 5pt;
-
- display: flex;
- flex-direction: column;
- justify-content: right;
- gap: 2pt;
-
- font-family: 'Ubuntu', sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-p {
- font-size: large;
- margin: 0pt;
- padding: 0pt;
- color: white;
-
- text-align: right;
-}
-
-button {
-
- font-family: 'Ubuntu', sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-
- border: none;
- border-radius: 5pt;
- padding: 5pt;
-}
\ No newline at end of file
diff --git a/fission/src/components/Details.tsx b/fission/src/components/Details.tsx
deleted file mode 100644
index a6d74070db..0000000000
--- a/fission/src/components/Details.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import * as THREE_ADDONS from 'three-addons';
-import './Details.css'
-
-export default function DetailsPanel({ballCount, fps, toggleSpawning}) {
- return (
-
-
- )
-}
\ No newline at end of file
diff --git a/fission/src/components/Dropdown.tsx b/fission/src/components/Dropdown.tsx
new file mode 100644
index 0000000000..23d8cebcfc
--- /dev/null
+++ b/fission/src/components/Dropdown.tsx
@@ -0,0 +1,73 @@
+import React, { ReactNode, useState } from "react"
+import { FaChevronDown, FaChevronUp } from "react-icons/fa"
+import Label, { LabelSize } from "./Label"
+
+type DropdownProps = {
+ children?: ReactNode
+ label?: string
+ className?: string
+ options: string[]
+ onSelect: (opt: string) => void
+}
+
+const Dropdown: React.FCBall Count: {ballCount}
-{fps.toFixed(1)} FPS
- - setExpanded(!expanded)}
+ className={`relative flex flex-col gap-2 select-none cursor-pointer bg-gradient-to-r from-interactive-element-left to-interactive-element-right w-full rounded-md ${className}`}
+ >
+
+ {optionList[0]}
+ {optionList.length > 1 && (
+
+ {expanded &&
+ optionList.slice(1).map(o => (
+
+ {o}
+
+ ))}
+
+
+ )
+}
+
+export default Dropdown
diff --git a/fission/src/components/Input.tsx b/fission/src/components/Input.tsx
new file mode 100644
index 0000000000..5bc7978345
--- /dev/null
+++ b/fission/src/components/Input.tsx
@@ -0,0 +1,54 @@
+import React from "react"
+import Label, { LabelSize } from "./Label"
+
+type InputProps = {
+ placeholder: string
+ value?: string
+ defaultValue?: string
+ numeric?: boolean
+ validate?: (s: string) => boolean
+ label?: string
+ onInput?: (value: string) => void
+ className?: string
+}
+
+const Input: React.FC
+
+ )}
+
+ {larger && icon}
+ {!larger && (
+
+ {icon}
+
+ )}
+
+
+ )
+}
+
+const variants = {
+ open: { opacity: 1, y: "-50%", x: 0 },
+ closed: { opacity: 0, y: "-50%", x: "-100%" },
+}
+
+const MainHUD: React.FC = () => {
+
+ console.debug('Creating MainHUD');
+
+ const { openModal } = useModalControlContext()
+ const { openPanel } = usePanelControlContext()
+ const { addToast } = useToastContext()
+ const [isOpen, setIsOpen] = useState(false)
+
+ return (
+ <>
+ {!isOpen && (
+
+ )}
+
+ 
+
+
+
+
+
+
+
+ {name && (
+
+ )
+}
+
+export default Modal
diff --git a/fission/src/components/Panel.tsx b/fission/src/components/Panel.tsx
new file mode 100644
index 0000000000..7605e21942
--- /dev/null
+++ b/fission/src/components/Panel.tsx
@@ -0,0 +1,134 @@
+import React, { ReactNode } from "react"
+import { usePanelControlContext } from "../PanelContext"
+
+export type PanelPropsImpl = {
+ panelId: string
+}
+
+type PanelProps = {
+ panelId: string
+ name?: string
+ icon?: ReactNode | string
+ onCancel?: () => void
+ onMiddle?: () => void
+ onAccept?: () => void
+ cancelName?: string
+ middleName?: string
+ acceptName?: string
+ cancelEnabled?: boolean
+ middleEnabled?: boolean
+ acceptEnabled?: boolean
+ cancelBlocked?: boolean
+ middleBlocked?: boolean
+ acceptBlocked?: boolean
+ children?: ReactNode
+ className?: string
+ contentClassName?: string
+}
+
+const Panel: React.FC
+
+ {iconEl && iconEl}
+
+
+ )}
+ + {name} +
+
+ {children}
+
+
+
+ {name && (
+
+ )
+}
+
+export default Panel
diff --git a/fission/src/components/Radio.tsx b/fission/src/components/Radio.tsx
new file mode 100644
index 0000000000..fd23c43c24
--- /dev/null
+++ b/fission/src/components/Radio.tsx
@@ -0,0 +1,39 @@
+import React, { useState } from "react"
+import Stack, { StackDirection } from "./Stack"
+import Label, { LabelSize } from "./Label"
+
+type RadioProps = {
+ label: string
+ className?: string
+ defaultState: boolean
+ onClick?: () => void
+}
+
+const Radio: React.FC
+
+ {iconEl && iconEl}
+
+
+ )}
+ + {name} +
+
+ {children}
+
+ {(cancelEnabled || middleEnabled || acceptEnabled) && (
+
+ )}
+
+
+
+ );
+}
+
+export default Scene;
\ No newline at end of file
diff --git a/fission/src/components/ScrollView.tsx b/fission/src/components/ScrollView.tsx
new file mode 100644
index 0000000000..aef29f4df6
--- /dev/null
+++ b/fission/src/components/ScrollView.tsx
@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react"
+
+type ScrollViewProps = {
+ children?: ReactNode
+ className?: string
+ maxHeight?: string
+}
+
+const ScrollView: React.FC
+ {children}
+
+ )
+}
+
+export default ScrollView
diff --git a/fission/src/components/SelectButton.tsx b/fission/src/components/SelectButton.tsx
new file mode 100644
index 0000000000..1bce63c3d5
--- /dev/null
+++ b/fission/src/components/SelectButton.tsx
@@ -0,0 +1,80 @@
+import React, { useCallback, useEffect, useRef, useState } from "react"
+import Button, { ButtonSize } from "./Button"
+import Label, { LabelSize } from "./Label"
+import Stack, { StackDirection } from "./Stack"
+import { Random } from '@/util/Random';
+
+type SelectButtonProps = {
+ colorClass?: string
+ size?: ButtonSize
+ placeholder?: string
+ onSelect?: (value: string) => void
+ className?: string
+}
+
+const SelectButton: React.FC
+
+ )
+}
+
+export default Slider
diff --git a/fission/src/components/Stack.tsx b/fission/src/components/Stack.tsx
new file mode 100644
index 0000000000..79a2f11285
--- /dev/null
+++ b/fission/src/components/Stack.tsx
@@ -0,0 +1,85 @@
+import React, { ReactNode } from "react"
+
+export enum StackDirection {
+ Horizontal,
+ Vertical,
+}
+
+type StackProps = {
+ children?: ReactNode
+ className?: string
+ direction: StackDirection
+ spacing?: number
+ justify?:
+ | "normal"
+ | "start"
+ | "end"
+ | "center"
+ | "between"
+ | "around"
+ | "evenly"
+ | "stretch"
+ align?:
+ | "normal"
+ | "center"
+ | "start"
+ | "end"
+ | "between"
+ | "around"
+ | "evenly"
+ | "baseline"
+ | "stretch"
+}
+
+const Stack: React.FC
+
+ {label}
++ {format.prefix + + value.toLocaleString(locale, format) + + format.suffix} +
+ onMouseMove(ev)}
+ onMouseDown={() => setMouseDown(true)}
+ onMouseUp={() => setMouseDown(false)}
+ className="relative w-full h-4 max-w-full cursor-pointer"
+ >
+
+
+
+
+
+ {" "}
+ {children}
+
+ )
+}
+
+export default Stack
diff --git a/fission/src/components/Toast.tsx b/fission/src/components/Toast.tsx
new file mode 100644
index 0000000000..71308ed561
--- /dev/null
+++ b/fission/src/components/Toast.tsx
@@ -0,0 +1,79 @@
+import React, { ReactElement, useEffect } from "react"
+import { ToastData, useToastContext } from "../ToastContext"
+import { GrFormClose } from "react-icons/gr"
+import { BsFillWrenchAdjustableCircleFill } from "react-icons/bs"
+import { AiFillWarning } from "react-icons/ai"
+import { BiSolidErrorCircle } from "react-icons/bi"
+
+const TOAST_TIMEOUT: number = 5_000
+
+const Toast: React.FC
+
+
+ )
+}
+
+export default Toast
diff --git a/fission/src/components/Tooltip.tsx b/fission/src/components/Tooltip.tsx
new file mode 100644
index 0000000000..fa3146a585
--- /dev/null
+++ b/fission/src/components/Tooltip.tsx
@@ -0,0 +1,45 @@
+import { TooltipControl, TooltipType } from "@/TooltipContext"
+import { FaInfoCircle } from "react-icons/fa"
+import Label, { LabelSize } from "./Label"
+import Stack, { StackDirection } from "./Stack"
+
+type TooltipProps = {
+ type: TooltipType
+ controls?: TooltipControl[]
+}
+
+const Tooltip: React.FC{icon}
+
+
+ {title}
+{description}
+
+
+
+
+
+ ))}
+
+ )
+ } else {
+ return <>
+ }
+}
+
+export default Tooltip
diff --git a/fission/src/graphics/JoltExample.tsx b/fission/src/graphics/JoltExample.tsx
deleted file mode 100644
index b3da35a477..0000000000
--- a/fission/src/graphics/JoltExample.tsx
+++ /dev/null
@@ -1,372 +0,0 @@
-/**
- * This example will be used to showcase how Jolt physics works.
- */
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import * as THREE from 'three';
-import Stats from 'stats.js';
-import JOLT from '../util/loading/JoltSyncLoader.ts';
-
-import { useEffect, useRef } from 'react';
-import React from 'react';
-import { Random } from '../util/Random.ts';
-
-const clock = new THREE.Clock();
-let time = 0;
-
-let stats: any;
-
-let renderer: any;
-let camera: any;
-let scene: any;
-
-let joltInterface: any;
-let physicsSystem: any;
-let bodyInterface: any;
-
-const dynamicObjects: any[] = [];
-
-const LAYER_NOT_MOVING = 0;
-const LAYER_MOVING = 1;
-const COUNT_OBJECT_LAYERS = 2;
-
-const wrapVec3 = (v) => new THREE.Vector3(v.GetX(), v.GetY(), v.GetZ());
-const wrapQuat = (q) => new THREE.Quaternion(q.GetX(), q.GetY(), q.GetZ(), q.GetW());
-
-
-// vvv Below are the functions required to initalize everything and draw a basic floor with collisions. vvv
-
-function setupCollisionFiltering(settings) {
- let objectFilter = new JOLT.ObjectLayerPairFilterTable(COUNT_OBJECT_LAYERS);
- objectFilter.EnableCollision(LAYER_NOT_MOVING, LAYER_MOVING);
- objectFilter.EnableCollision(LAYER_MOVING, LAYER_MOVING);
-
- const BP_LAYER_NOT_MOVING = new JOLT.BroadPhaseLayer(LAYER_NOT_MOVING);
- const BP_LAYER_MOVING = new JOLT.BroadPhaseLayer(LAYER_MOVING);
- const COUNT_BROAD_PHASE_LAYERS = 2;
-
- let bpInterface = new JOLT.BroadPhaseLayerInterfaceTable(COUNT_OBJECT_LAYERS, COUNT_BROAD_PHASE_LAYERS);
- bpInterface.MapObjectToBroadPhaseLayer(LAYER_NOT_MOVING, BP_LAYER_NOT_MOVING);
- bpInterface.MapObjectToBroadPhaseLayer(LAYER_MOVING, BP_LAYER_MOVING);
-
- settings.mObjectLayerPairFilter = objectFilter;
- settings.mBroadPhaseLayerInterface = bpInterface;
- settings.mObjectVsBroadPhaseLayerFilter = new JOLT.ObjectVsBroadPhaseLayerFilterTable(settings.mBroadPhaseLayerInterface, COUNT_BROAD_PHASE_LAYERS, settings.mObjectLayerPairFilter, COUNT_OBJECT_LAYERS);
-}
-
-function initPhysics() {
- let settings = new JOLT.JoltSettings();
- setupCollisionFiltering(settings);
- joltInterface = new JOLT.JoltInterface(settings);
- JOLT.destroy(settings);
-
- physicsSystem = joltInterface.GetPhysicsSystem();
- bodyInterface = physicsSystem.GetBodyInterface();
-}
-
-function initGraphics() {
- renderer = new THREE.WebGLRenderer();
- renderer.setClearColor(0xbfd1e5);
- renderer.setPixelRatio(window.devicePixelRatio);
- renderer.setSize(window.innerWidth, window.innerHeight);
-
- camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.2, 2000);
- camera.position.set(-5, 4, 5);
- camera.lookAt(new THREE.Vector3(0, 0.5, 0));
-
- scene = new THREE.Scene();
-
- let directionalLight = new THREE.DirectionalLight(0xffffff, 2);
- directionalLight.position.set(10, 10, 5);
- scene.add(directionalLight);
-
- let ambientLight = new THREE.AmbientLight(0xffffff, 0.1);
- scene.add(ambientLight);
-
- // TODO: Add controls.
-
- // TODO: Add resize event
-}
-
-function createMeshForShape(shape) {
- let scale = new JOLT.Vec3(1, 1, 1);
- let triangleContext = new JOLT.ShapeGetTriangles(shape, JOLT.AABox.prototype.sBiggest(), shape.GetCenterOfMass(), JOLT.Quat.prototype.sIdentity(), scale);
- JOLT.destroy(scale);
-
- let vertices = new Float32Array(JOLT.HEAP32.buffer, triangleContext.GetVerticesData(), triangleContext.GetVerticesSize() / Float32Array.BYTES_PER_ELEMENT);
- let buffer = new THREE.BufferAttribute(vertices, 3).clone();
- JOLT.destroy(triangleContext);
-
- let geometry = new THREE.BufferGeometry();
- geometry.setAttribute('position', buffer);
- geometry.computeVertexNormals();
-
- return geometry;
-}
-
-function getThreeObjForBody(body, color) {
- let material = new THREE.MeshPhongMaterial({ color: color });
- let threeObj;
- let shape = body.GetShape();
-
- switch (shape.GetSubType()) {
- case JOLT.EShapeSubType_Box:
- let boxShape = JOLT.castObject(shape, JOLT.BoxShape);
- let extent = wrapVec3(boxShape.GetHalfExtent()).multiplyScalar(2);
- threeObj = new THREE.Mesh(new THREE.BoxGeometry(extent.x, extent.y, extent.z, 1, 1, 1), material);
- break;
- case JOLT.EShapeSubType_Capsule:
- // TODO
- case JOLT.EShapeSubType_Cylinder:
- // TODO
- case JOLT.EShapeSubType_Sphere:
- // TODO
- default:
- threeObj = new THREE.Mesh(createMeshForShape(shape), material);
- break;
- }
-
- threeObj.position.copy(wrapVec3(body.GetPosition()));
- threeObj.quaternion.copy(wrapQuat(body.GetRotation()));
-
- return threeObj;
-}
-
-function addToThreeScene(body, color) {
- let threeObj = getThreeObjForBody(body, color);
- threeObj.userData.body = body;
- scene.add(threeObj);
- dynamicObjects.push(threeObj);
-}
-
-function addToScene(body, color) {
- bodyInterface.AddBody(body.GetID(), JOLT.EActivation_Activate);
- addToThreeScene(body, color);
-}
-
-function removeFromScene(threeObject) {
- let id = threeObject.userData.body.GetID();
- bodyInterface.RemoveBody(id);
- bodyInterface.DestroyBody(id);
- delete threeObject.userData.body;
-
- scene.remove(threeObject);
- let idx = dynamicObjects.indexOf(threeObject);
- dynamicObjects.splice(idx, 1);
-}
-
-function createFloor(size = 50) {
- let shape = new JOLT.BoxShape(new JOLT.Vec3(size, 0.5, size), 0.05, undefined);
- let position = new JOLT.Vec3(0, -0.5, 0);
- let rotation = new JOLT.Quat(0, 0, 0, 1);
- let creationSettings = new JOLT.BodyCreationSettings(shape, position, rotation, JOLT.EMotionType_Static, LAYER_NOT_MOVING)
- let body = bodyInterface.CreateBody(creationSettings);
- JOLT.destroy(position);
- JOLT.destroy(rotation);
- JOLT.destroy(creationSettings);
- addToScene(body, 0xc7c7c7);
-
- return body;
-}
-
-function updatePhysics(deltaTime) {
- // If below 55hz run 2 steps. Otherwise things run very slow.
- let numSteps = deltaTime > 1.0 / 55.0 ? 2 : 1;
- joltInterface.Step(deltaTime, numSteps);
-}
-
-function render() {
- stats.update();
- requestAnimationFrame(render);
-
- // Prevents a problem when rendering at 30hz. Referred to as the spiral of death.
- let deltaTime = clock.getDelta();
- deltaTime = Math.min(deltaTime, 1.0 / 30.0);
-
- // Update transforms.
- for (let i = 0, j = dynamicObjects.length; i < j; i++) {
- let threeObj = dynamicObjects[i];
- let body = threeObj.userData.body;
- threeObj.position.copy(wrapVec3(body.GetPosition()));
- threeObj.quaternion.copy(wrapQuat(body.GetRotation()));
-
- if (body.GetBodyType() === JOLT.EBodyType_SoftBody) {
- // TODO: Special soft body handle.
- }
- }
-
- onTestUpdate(time, deltaTime);
-
- time += deltaTime;
- updatePhysics(1.0 / 60.0);
- // controls.update(deltaTime); // TODO: Add controls?
- renderer.render(scene, camera);
-}
-
-// vvv The following are test functions used to do various basic things. vvv
-
-const timePerObject = 0.05;
-let timeNextSpawn = time + timePerObject;
-
-// Swap the onTestUpdate function to run the performance test with the random cubes.
-// const onTestUpdate = (time, deltaTime) => spawnRandomCubes(time, deltaTime);
-const onTestUpdate = (time, deltaTime) => {};
-
-function spikeTestScene() {
- let boxShape = new JOLT.BoxShape(new JOLT.Vec3(0.5, 0.5, 0.5), 0.1, undefined);
- let boxCreationSettings = new JOLT.BodyCreationSettings(boxShape, new JOLT.Vec3(0, 0.5, 0), JOLT.Quat.prototype.sIdentity(), JOLT.EMotionType_Static, LAYER_NOT_MOVING);
- boxCreationSettings.mCollisionGroup.SetSubGroupID(0);
- let squareBodyBase = bodyInterface.CreateBody(boxCreationSettings);
- addToScene(squareBodyBase, 0x00ff00);
-
- let shape = new JOLT.BoxShape(new JOLT.Vec3(0.25, 1, 0.25), 0.1, undefined);
- shape.GetMassProperties().mMass = 1;
- let creationSettings = new JOLT.BodyCreationSettings(shape, new JOLT.Vec3(-0.25, 2, 0.75), JOLT.Quat.prototype.sIdentity(), JOLT.EMotionType_Dynamic, LAYER_MOVING);
-
- // RECTANGLE BODY 1 (Red)
- creationSettings.mCollisionGroup.SetSubGroupID(1);
- let rectangleBody1 = bodyInterface.CreateBody(creationSettings);
- addToScene(rectangleBody1, 0xff0000);
-
- // RECTANGLE BODY 2 (Blue)
- let shape2 = new JOLT.BoxShape(new JOLT.Vec3(0.25, 1, 0.25), 0.1, undefined);
- shape2.GetMassProperties().mMass = 1;
- let creationSettings2 = new JOLT.BodyCreationSettings(shape2, new JOLT.Vec3(-0.75, 4, 0.75), JOLT.Quat.prototype.sIdentity(), JOLT.EMotionType_Dynamic, LAYER_MOVING);
- let rectangleBody2 = bodyInterface.CreateBody(creationSettings2);
- addToScene(rectangleBody2, 0x3394e8);
-
- // RECTANGLE BODY 3 (Yellow)
- let shape3 = new JOLT.BoxShape(new JOLT.Vec3(0.25, 1, 0.25), 0.1, undefined);
- shape3.GetMassProperties().mMass = 10000;
- let creationSettings3 = new JOLT.BodyCreationSettings(shape3, new JOLT.Vec3(0.25, 4, 0.75), JOLT.Quat.prototype.sIdentity(), JOLT.EMotionType_Dynamic, LAYER_MOVING);
- let rectangleBody3 = bodyInterface.CreateBody(creationSettings3);
- addToScene(rectangleBody3, 0xffff00);
-
- // Left here for future reference.
- // GROUP FITLER
- // let a = squareBodyBase.GetCollisionGroup();
- // a.SetGroupID(0);
- // a.SetSubGroupID(0);
- // let b = rectangleBody1.GetCollisionGroup();
- // b.SetGroupID(0);
- // b.SetSubGroupID(0);
- // let c = rectangleBody2.GetCollisionGroup();
- // c.SetGroupID(0);
- // c.SetSubGroupID(0);
- // let filterTable = new Jolt.GroupFilterTable(3);
- // filterTable.DisableCollision(0, 0);
- // a.SetGroupFilter(filterTable);
- // b.SetGroupFilter(filterTable);
- // c.SetGroupFilter(filterTable);
-
- // HINGE CONSTRAINT
- let hingeConstraintSettings = new JOLT.HingeConstraintSettings();
- let anchorPoint = new JOLT.Vec3(creationSettings.mPosition.GetX(), creationSettings.mPosition.GetY() - 1.0, creationSettings.mPosition.GetZ() -0.25);
- hingeConstraintSettings.mPoint1 = hingeConstraintSettings.mPoint2 = anchorPoint;
- let axis = new JOLT.Vec3(1, 0, 0)
- let normAxis = new JOLT.Vec3(0, -1, 0);
- hingeConstraintSettings.mHingeAxis1 = hingeConstraintSettings.mHingeAxis2 = axis;
- hingeConstraintSettings.mNormalAxis1 = hingeConstraintSettings.mNormalAxis2 = normAxis;
- physicsSystem.AddConstraint(hingeConstraintSettings.Create(squareBodyBase, rectangleBody1));
-
- // HINGE CONSTRAINT 2
- let hingeConstraintSettings2 = new JOLT.HingeConstraintSettings();
- let anchorPoint2 = new JOLT.Vec3(creationSettings.mPosition.GetX() - 0.25, creationSettings.mPosition.GetY() + 1.0, creationSettings.mPosition.GetZ());
- hingeConstraintSettings2.mPoint1 = hingeConstraintSettings2.mPoint2 = anchorPoint2;
- let axis2 = new JOLT.Vec3(0, 0, 1)
- let normAxis2 = new JOLT.Vec3(-1, 0, 0);
- hingeConstraintSettings2.mHingeAxis1 = hingeConstraintSettings2.mHingeAxis2 = axis2;
- hingeConstraintSettings2.mNormalAxis1 = hingeConstraintSettings2.mNormalAxis2 = normAxis2;
- physicsSystem.AddConstraint(hingeConstraintSettings2.Create(rectangleBody1, rectangleBody2));
-
- // HINGE CONSTRAINT 3
- let hingeConstraintSettings3 = new JOLT.HingeConstraintSettings();
- let anchorPoint3 = new JOLT.Vec3(creationSettings.mPosition.GetX() + 0.25, creationSettings.mPosition.GetY() + 1.0, creationSettings.mPosition.GetZ());
- hingeConstraintSettings3.mPoint1 = hingeConstraintSettings3.mPoint2 = anchorPoint3;
- let axis3 = new JOLT.Vec3(0, 0, 1)
- let normAxis3 = new JOLT.Vec3(1, 0, 0);
- hingeConstraintSettings3.mHingeAxis1 = hingeConstraintSettings3.mHingeAxis2 = axis3;
- hingeConstraintSettings3.mNormalAxis1 = hingeConstraintSettings3.mNormalAxis2 = normAxis3;
- physicsSystem.AddConstraint(hingeConstraintSettings3.Create(rectangleBody1, rectangleBody3));
-}
-
-function spawnRandomCubes(time, deltaTime) {
- if (time > timeNextSpawn) {
- makeRandomBox();
- timeNextSpawn = time + timePerObject;
- }
-
- if (dynamicObjects.length > 500) {
- removeFromScene(dynamicObjects[2]); // 0 &&|| 1 is the floor, don't want to remove that.
- }
-}
-
-function getRandomQuat() {
- let vec = new JOLT.Vec3(0.001 + Random(), Random(), Random());
- let quat = JOLT.Quat.prototype.sRotation(vec.Normalized(), 2 * Math.PI * Random());
- JOLT.destroy(vec);
- return quat;
-}
-
-function makeRandomBox() {
- let pos = new JOLT.Vec3((Random() - 0.5) * 25, 15, (Random() - 0.5) * 25);
- let rot = getRandomQuat();
-
- let x = Random();
- let y = Random();
- let z = Random();
- let size = new JOLT.Vec3(x, y, z);
- let shape = new JOLT.BoxShape(size, 0.05, undefined);
- let creationSettings = new JOLT.BodyCreationSettings(shape, pos, rot, JOLT.EMotionType_Dynamic, LAYER_MOVING);
- creationSettings.mRestitution = 0.5;
- let body = bodyInterface.CreateBody(creationSettings);
-
- JOLT.destroy(pos);
- JOLT.destroy(rot);
- JOLT.destroy(size);
-
- // I feel as though this object should be freed at this point but doing so will cause a crash at runtime.
- // This is the only object where this happens. I'm not sure why. Seems problematic.
- // Jolt.destroy(shape);
-
- JOLT.destroy(creationSettings);
-
- addToScene(body, 0xff0000);
-}
-
-function MyThree() {
- console.log("Running...");
-
- const refContainer = useRef
-
-
- );
-}
-
-export default MyThree;
diff --git a/fission/src/index.css b/fission/src/index.css
index 6119ad9a8f..e7d4bb2feb 100644
--- a/fission/src/index.css
+++ b/fission/src/index.css
@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
diff --git a/fission/src/jolt/Wrapper.ts b/fission/src/jolt/Wrapper.ts
deleted file mode 100644
index 2c5df00f93..0000000000
--- a/fission/src/jolt/Wrapper.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export class Jolt_Shape {
-
-}
-
-export class Jolt_ConvexShape extends Jolt_Shape {
-
-}
\ No newline at end of file
diff --git a/fission/src/main.tsx b/fission/src/main.tsx
index 3d7150da80..9c32b6357b 100644
--- a/fission/src/main.tsx
+++ b/fission/src/main.tsx
@@ -1,10 +1,50 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
-import './index.css'
+import React from "react"
+import ReactDOM from "react-dom/client"
+import { Theme, ThemeProvider } from "./ThemeContext"
+import Synthesis from "./Synthesis"
+import "./index.css"
-ReactDOM.createRoot(document.getElementById('root')!).render(
-
+ {entries.map(e => (
+
+
+
+
+ ))}
+
+
+ )
+}
+
+export default MatchResultsModal
diff --git a/fission/src/modals/SpawningModal.tsx b/fission/src/modals/SpawningModal.tsx
new file mode 100644
index 0000000000..dcce5899e3
--- /dev/null
+++ b/fission/src/modals/SpawningModal.tsx
@@ -0,0 +1,27 @@
+import React from "react"
+import Modal, { ModalPropsImpl } from "../components/Modal"
+import { FaPlus } from "react-icons/fa6"
+import Stack, { StackDirection } from "../components/Stack"
+import Button from "../components/Button"
+import { useModalControlContext } from "../ModalContext"
+
+const SpawningModal: React.FC
+
+
+ +
+ + +
{
+ setChosenKey(selectedInput ? e.key : "")
+ setModifierState({
+ ctrl: e.ctrlKey,
+ alt: e.altKey,
+ shift: e.shiftKey,
+ meta: e.metaKey,
+ })
+ }}
+ >
+ {loadedRobot ? (
+ <>
+
+ {Object.values(robotControls).map(c => (
+ {
+ setSelectedInput(c.name)
+ }}
+ />
+ ))}
+
+ ) : (
+
+ )}
+
+ {
+ setChosenKey(selectedInput ? e.key : "")
+ setModifierState({
+ ctrl: e.ctrlKey,
+ alt: e.altKey,
+ shift: e.shiftKey,
+ meta: e.metaKey,
+ })
+ }}
+ >
+
+ {Object.values(globalControls).map(c => (
+ {
+ setSelectedInput(c.name)
+ }}
+ />
+ ))}
+
+ | + + | ++ + | +
|---|---|
| + + | +
+ |
+