From 1b58a27e9dbb2d3763a17258f403290bcb19d0e7 Mon Sep 17 00:00:00 2001
From: Michael Dougall <6801309+itsdouges@users.noreply.github.com>
Date: Tue, 5 Mar 2024 21:46:21 +1100
Subject: [PATCH 1/2] chore: add triplex config

---
 .triplex/config.json  | 15 +++++++++++++++
 .triplex/provider.tsx | 16 ++++++++++++++++
 tsconfig.json         | 21 +++++++++++++++++++++
 3 files changed, 52 insertions(+)
 create mode 100644 .triplex/config.json
 create mode 100644 .triplex/provider.tsx
 create mode 100644 tsconfig.json

diff --git a/.triplex/config.json b/.triplex/config.json
new file mode 100644
index 0000000..c7cb8a6
--- /dev/null
+++ b/.triplex/config.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://triplex.dev/config.schema.json",
+  "components": ["../src/components/**/*.(j|t)sx"],
+  "files": ["../src/components/**/*.(j|t)sx"],
+  "provider": "./provider.tsx",
+  "assetsDir": "models",
+  "rendererAttributes": {
+    "gl": {
+      "antialias": false,
+      "stencil": false,
+      "depth": false,
+      "powerPreference": "high-performance"
+    }
+  }
+}
diff --git a/.triplex/provider.tsx b/.triplex/provider.tsx
new file mode 100644
index 0000000..dd21c6a
--- /dev/null
+++ b/.triplex/provider.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Physics } from "@react-three/rapier";
+
+export default function Provider({
+  children,
+  physicsDisabled = true,
+}: {
+  children: React.ReactNode;
+  physicsDisabled?: boolean;
+}) {
+  return (
+    <Physics gravity={[0, -90, 0]} timeStep="vary" paused={physicsDisabled}>
+      {children}
+    </Physics>
+  );
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..8462d84
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "baseUrl": ".",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "incremental": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "lib": ["dom", "dom.iterable", "es2022"],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "types": ["@react-three/fiber"]
+  },
+  "exclude": ["node_modules"],
+  "include": ["."]
+}

From 17543f3b5c9011b606d9d6d0496546e56d503095 Mon Sep 17 00:00:00 2001
From: Michael Dougall <6801309+itsdouges@users.noreply.github.com>
Date: Tue, 5 Mar 2024 21:52:13 +1100
Subject: [PATCH 2/2] chore: update readme

---
 .triplex/config.json | 10 +---------
 README.md            | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/.triplex/config.json b/.triplex/config.json
index c7cb8a6..10d5f55 100644
--- a/.triplex/config.json
+++ b/.triplex/config.json
@@ -3,13 +3,5 @@
   "components": ["../src/components/**/*.(j|t)sx"],
   "files": ["../src/components/**/*.(j|t)sx"],
   "provider": "./provider.tsx",
-  "assetsDir": "models",
-  "rendererAttributes": {
-    "gl": {
-      "antialias": false,
-      "stencil": false,
-      "depth": false,
-      "powerPreference": "high-performance"
-    }
-  }
+  "assetsDir": "models"
 }
diff --git a/README.md b/README.md
index 4db4b3c..cd14328 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
 # Mario Kart 3.js - JavaScript/WebGL Mario Kart
+
 [Link](https://mario-kart-3-js.vercel.app/)
 
 [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/Lunakepio/Mario-Kart-3.js)
@@ -43,6 +44,16 @@ Start the dev server
 
 - Feel free to bring your ideas to the project even if you can't code them.
 
+## How to use (Editor)
+
+- [Download Triplex](https://triplex.dev/download)
+
+- Open this project in Triplex from the projects root directory
+
+- Iterate on individual components, set props, have some fun
+
+- [Learn more about Triplex](https://triplex.dev/docs/get-started/user-interface)
+
 ## TO - DO
 
 - [ ] Design Landing page
@@ -53,7 +64,7 @@ Start the dev server
 
 - [ ] Add curve/length modifiers to drift particles 3/4
 
-- [ ] Add Skid marks 
+- [ ] Add Skid marks
 
 - [x] Add smokes