diff --git a/src/orbital-trails/app.js b/src/orbital-trails/app.js
index 1ed1be9..759753c 100644
--- a/src/orbital-trails/app.js
+++ b/src/orbital-trails/app.js
@@ -9,6 +9,19 @@ canvas.width = cw * dpr;
canvas.height = ch * dpr;
ctx.scale(dpr, dpr);
+const stats = {
+ total: 0
+};
+const options = {
+ speed: 65,
+ scale: 1.0,
+};
+
+const Orb = (x, y) => {
+
+
+};
+
const orbs = [];
const createOrb = (mx, my) => {
@@ -33,3 +46,13 @@ const loop = (timestamp) => {
};
loop();
+
+const controls = new dat.GUI( { autoPlace: false } )
+
+const container = document.querySelector("#controlPanel");
+controls.add(stats, "total" ).name( "Total Placed" ).listen();
+
+controls.add(options, "speed" ).min(-300).max(300).step(1).name("Speed");
+controls.add(options, "scale" ).min(0.5).max(5).step(0.001).name("Scale");
+
+container.appendChild(controls.domElement);
diff --git a/src/orbital-trails/index.html b/src/orbital-trails/index.html
index 484e8e7..8ffa900 100644
--- a/src/orbital-trails/index.html
+++ b/src/orbital-trails/index.html
@@ -4,6 +4,8 @@
Orbital Trails
+
+