Basic p5, parcel, typescript setup

src/Player.ts

@@ -0,0 +1,13 @@
+export class Player {
+  x: number;
+  y: number;
+  sketch: any;
+
+  constructor(sketch: any, x: number, y: number) {
+    this.sketch = sketch;
+    this.x = x;
+    this.y = y;
+  }
+
+  draw() {}
+}

src/colors.ts

@@ -1,4 +1,4 @@
-export const colors = {
+export const colors: { [key: string]: string } = {
   greyLighter: '#EBEEF2',
   greyLight: '#D0D5D9',
   grey: '#B0B7BF',

src/constants.ts

@@ -0,0 +1,2 @@
+export const SCREEN_WIDTH = document.body.clientWidth;
+export const SCREEN_HEIGHT = document.body.clientHeight;