diff --git a/app/Mission.tsx b/app/Mission.tsx
index 4df47d59..87652b9d 100644
--- a/app/Mission.tsx
+++ b/app/Mission.tsx
@@ -9,12 +9,6 @@ function useMission(name: string) {
});
}
-const DEFAULT_LIGHT_ARGS = [
- "rgba(209, 237, 255, 1)",
- "rgba(186, 200, 181, 1)",
- 2,
-] as const;
-
export function Mission({ name }: { name: string }) {
const { data: mission } = useMission(name);
@@ -24,7 +18,9 @@ export function Mission({ name }: { name: string }) {
return (
<>
-
+
{mission.objects.map((object, i) => renderObject(object, i))}
>
);
diff --git a/app/ObserverControls.tsx b/app/ObserverControls.tsx
index d5d407b7..1238f29b 100644
--- a/app/ObserverControls.tsx
+++ b/app/ObserverControls.tsx
@@ -1,9 +1,4 @@
-import {
- KeyboardControls,
- KeyboardControlsEntry,
- Point,
- PointerLockControls,
-} from "@react-three/drei";
+import { KeyboardControls, PointerLockControls } from "@react-three/drei";
import { useRef } from "react";
import { useFrame, useThree } from "@react-three/fiber";
diff --git a/app/Sky.tsx b/app/Sky.tsx
index bc103eea..cb968178 100644
--- a/app/Sky.tsx
+++ b/app/Sky.tsx
@@ -8,6 +8,9 @@ import { Color } from "three";
const FALLBACK_URL = `${BASE_URL}/black.png`;
+/**
+ * Load a .dml file, used to list the textures for different faces of a skybox.
+ */
function useDetailMapList(name: string) {
return useQuery({
queryKey: ["detailMapList", name],
@@ -54,9 +57,9 @@ export function Sky({ object }: { object: ConsoleObject }) {
// Fog parameters.
// TODO: There can be multiple fog volumes/layers. Render simple fog for now.
const fogDistance = useMemo(() => {
- const distainceString = getProperty(object, "fogDistance")?.value;
- if (distainceString) {
- return parseFloat(distainceString);
+ const distanceString = getProperty(object, "fogDistance")?.value;
+ if (distanceString) {
+ return parseFloat(distanceString);
}
}, [object]);