diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 97b13aa..591408d 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,15 +2,19 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="1329be04-a561-4802-8866-c40ae65b7eea" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingConfigure.js" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingShoot.js" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/Bullseye.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/app/slices/targetSlice.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/slices/targetSlice.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shooting/ShotFeed.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shooting/ShotFeed.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/shootingModes.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/shootingModes.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/standard/StandardShoot.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/standard/StandardShoot.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/hitPointDetectionMiddleware.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/hitPointDetectionMiddleware.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/slices/projectorSlice.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/slices/projectorSlice.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/TargetCanvas.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/TargetCanvas.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingShoot.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingShoot.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/BasicSilhouette.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/BasicSilhouette.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/Bullseye.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/Bullseye.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlate.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlate.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/USPSA.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/USPSA.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/targets.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mainScreen/shootingModes/targets.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/targetScreen/ProjectorScreen.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/targetScreen/ProjectorScreen.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/targetScreen/ProjectorScreenInner.js" beforeDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
@@ -27,34 +31,34 @@
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shooting/ShotFeed.js">
+        <entry file="file://$PROJECT_DIR$/src/app/hitPointDetectionMiddleware.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="487">
-              <caret line="34" column="5" lean-forward="true" selection-start-line="34" selection-start-column="5" selection-end-line="34" selection-end-column="5" />
+            <state relative-caret-position="540">
+              <caret line="36" column="56" selection-start-line="36" selection-start-column="56" selection-end-line="36" selection-end-column="56" />
               <folding>
-                <element signature="e#0#26#0" expanded="true" />
+                <element signature="e#0#43#0" expanded="true" />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingShoot.js">
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/targets.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="682">
-              <caret line="53" column="21" selection-start-line="53" selection-start-column="21" selection-end-line="53" selection-end-column="21" />
+            <state relative-caret-position="677">
+              <caret line="61" column="33" selection-start-line="61" selection-start-column="33" selection-end-line="61" selection-end-column="33" />
               <folding>
-                <element signature="e#0#26#0" expanded="true" />
+                <element signature="e#0#52#0" expanded="true" />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingConfigure.js">
+        <entry file="file://$PROJECT_DIR$/src/components/TargetCanvas.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="435">
-              <caret line="29" column="30" selection-start-line="29" selection-start-column="30" selection-end-line="29" selection-end-column="30" />
+            <state relative-caret-position="358">
+              <caret line="45" column="35" lean-forward="true" selection-start-line="45" selection-start-column="35" selection-end-line="45" selection-end-column="35" />
               <folding>
                 <element signature="e#0#26#0" expanded="true" />
               </folding>
@@ -63,76 +67,70 @@
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/shootingModes.js">
+        <entry file="file://$PROJECT_DIR$/src/components/targetScreen/ProjectorScreen.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="540">
-              <caret line="36" column="59" selection-start-line="36" selection-start-column="59" selection-end-line="36" selection-end-column="59" />
+            <state relative-caret-position="135">
+              <caret line="9" column="21" selection-start-line="9" selection-start-column="21" selection-end-line="9" selection-end-column="53" />
               <folding>
-                <element signature="e#0#61#0" expanded="true" />
+                <element signature="e#0#26#0" expanded="true" />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/app/slices/targetSlice.js">
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingShoot.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="405">
-              <caret line="27" selection-start-line="27" selection-end-line="27" />
+            <state relative-caret-position="682">
+              <caret line="53" column="21" selection-start-line="53" selection-start-column="21" selection-end-line="53" selection-end-column="21" />
+              <folding>
+                <element signature="e#0#26#0" expanded="true" />
+              </folding>
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/standard/StandardShoot.js">
+        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/Bullseye.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="180">
-              <caret line="12" selection-start-line="12" selection-end-line="12" />
-              <folding>
-                <element signature="e#0#26#0" expanded="true" />
-              </folding>
+            <state relative-caret-position="75">
+              <caret line="5" column="54" selection-start-line="5" selection-start-column="54" selection-end-line="5" selection-end-column="54" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/standard/StandardConfigure.js">
+        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlate.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="15">
-              <caret line="18" column="29" selection-start-line="18" selection-start-column="29" selection-end-line="18" selection-end-column="29" />
-              <folding>
-                <element signature="e#0#26#0" expanded="true" />
-              </folding>
+            <state relative-caret-position="90">
+              <caret line="6" column="22" lean-forward="true" selection-start-line="6" selection-start-column="22" selection-end-line="6" selection-end-column="40" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlate.js">
+        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="60">
-              <caret line="4" column="109" selection-start-line="4" selection-start-column="68" selection-end-line="4" selection-end-column="109" />
+            <state relative-caret-position="90">
+              <caret line="6" column="46" selection-start-line="6" selection-start-column="46" selection-end-line="6" selection-end-column="46" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/app/slices/configSlice.js">
+        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreeStand.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="210">
-              <caret line="14" column="33" selection-start-line="14" selection-start-column="15" selection-end-line="14" selection-end-column="33" />
+            <state relative-caret-position="30">
+              <caret line="2" column="53" lean-forward="true" selection-start-line="2" selection-start-column="53" selection-end-line="2" selection-end-column="53" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/duelingTree/DuelingShoot.js">
+        <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/USPSA.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="2925">
-              <caret line="207" column="38" selection-start-line="207" selection-start-column="38" selection-end-line="207" selection-end-column="38" />
-              <folding>
-                <element signature="e#0#26#0" expanded="true" />
-              </folding>
+            <state relative-caret-position="120">
+              <caret line="8" column="55" selection-start-line="8" selection-start-column="55" selection-end-line="8" selection-end-column="55" />
             </state>
           </provider>
         </entry>
@@ -141,12 +139,6 @@
   </component>
   <component name="FindInProjectRecents">
     <findStrings>
-      <find>fabricslice</find>
-      <find>cls-1</find>
-      <find>this.canvas</find>
-      <find>fabric</find>
-      <find>svgs</find>
-      <find>redraw</find>
       <find>nontarget</find>
       <find>filename</find>
       <find>updatetargets</find>
@@ -171,6 +163,12 @@
       <find>updatetarget</find>
       <find>shotfeed</find>
       <find>loadtarget</find>
+      <find>projectorscreeninner</find>
+      <find>projector</find>
+      <find>rect</find>
+      <find>ref=</find>
+      <find>store</find>
+      <find>resized</find>
     </findStrings>
     <dirStrings>
       <dir>$PROJECT_DIR$/src/components</dir>
@@ -182,7 +180,6 @@
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
-        <option value="$PROJECT_DIR$/src/components/shooting/ShotRecord.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/pages/Page.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/pages/PostWelcomePage.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/pages/RunShootingMode.js" />
@@ -206,32 +203,33 @@
         <option value="$PROJECT_DIR$/src/app/loadTargetMiddleware.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/targets/basicSilhouette.js" />
         <option value="$PROJECT_DIR$/src/components/targetScreen/TargetCanvas.js" />
-        <option value="$PROJECT_DIR$/src/app/slices/projectorSlice.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/treeStand.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/nonTargets.js" />
-        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreeStand.js" />
-        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlate.js" />
-        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js" />
-        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/USPSA.js" />
-        <option value="$PROJECT_DIR$/src/app/hitPointDetectionMiddleware.js" />
         <option value="$PROJECT_DIR$/src/util/ShotDetector.js" />
         <option value="$PROJECT_DIR$/src/util/TargetUtils.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/pages/CalibrateWebcam.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/standard/StandardConfigure.js" />
         <option value="$PROJECT_DIR$/src/app/slices/configSlice.js" />
         <option value="$PROJECT_DIR$/src/app/store.js" />
-        <option value="$PROJECT_DIR$/src/components/targetScreen/ProjectorScreen.js" />
         <option value="$PROJECT_DIR$/public/index.html" />
-        <option value="$PROJECT_DIR$/src/components/TargetCanvas.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/duelingTree/DuelingShoot.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shooting/ShotRecord.js" />
-        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/targets.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shooting/ShotFeed.js" />
-        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/Bullseye.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/standard/StandardShoot.js" />
         <option value="$PROJECT_DIR$/src/app/slices/targetSlice.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingConfigure.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/shootingModes.js" />
+        <option value="$PROJECT_DIR$/src/app/slices/projectorSlice.js" />
+        <option value="$PROJECT_DIR$/src/components/targetScreen/ProjectorScreen.js" />
+        <option value="$PROJECT_DIR$/src/components/TargetCanvas.js" />
+        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/BasicSilhouette.js" />
+        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/Bullseye.js" />
+        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreeStand.js" />
+        <option value="$PROJECT_DIR$/src/app/hitPointDetectionMiddleware.js" />
+        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/USPSA.js" />
+        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlate.js" />
+        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js" />
+        <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/targets.js" />
         <option value="$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingShoot.js" />
       </list>
     </option>
@@ -366,6 +364,13 @@
               <item name="shootingModes" type="462c0819:PsiDirectoryNode" />
               <item name="svgs" type="462c0819:PsiDirectoryNode" />
             </path>
+            <path>
+              <item name="take-aim" type="b2602c69:ProjectViewProjectNode" />
+              <item name="take-aim" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="components" type="462c0819:PsiDirectoryNode" />
+              <item name="targetScreen" type="462c0819:PsiDirectoryNode" />
+            </path>
           </expand>
           <select />
         </subPane>
@@ -442,12 +447,12 @@
       <workItem from="1593923867312" duration="1230000" />
       <workItem from="1593967040247" duration="7560000" />
       <workItem from="1593980049746" duration="4954000" />
-      <workItem from="1594002316367" duration="3508000" />
+      <workItem from="1594002316367" duration="6804000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="164399000" />
+    <option name="totallyTimeSpent" value="167695000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="0" width="1680" height="1050" extended-state="0" />
@@ -494,16 +499,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/App.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="645">
-          <caret line="61" selection-start-line="61" selection-end-line="61" />
-          <folding>
-            <element signature="e#0#26#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/public/robots.txt">
       <provider selected="true" editor-type-id="text-editor" />
     </entry>
@@ -579,51 +574,6 @@
     <entry file="file://$PROJECT_DIR$/public/assets/targets/uspsa.svg">
       <provider selected="true" editor-type-id="images" />
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/BasicSilhouette.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="60">
-          <caret line="4" column="71" selection-start-line="4" selection-start-column="71" selection-end-line="4" selection-end-column="113" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="60">
-          <caret line="4" column="109" selection-start-line="4" selection-start-column="109" selection-end-line="4" selection-end-column="109" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreeStand.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="150">
-          <caret line="10" column="82" selection-start-line="10" selection-start-column="82" selection-end-line="10" selection-end-column="82" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/USPSA.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="60">
-          <caret line="4" column="114" selection-start-line="4" selection-start-column="114" selection-end-line="4" selection-end-column="114" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/targetScreen/ProjectorScreenInner.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state>
-          <caret column="26" lean-forward="true" selection-start-column="26" selection-end-column="26" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/app/hitPointDetectionMiddleware.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="626">
-          <caret line="52" column="33" selection-start-line="52" selection-start-column="33" selection-end-line="52" selection-end-column="33" />
-          <folding>
-            <element signature="e#0#43#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/app/pojos/Target.js" />
     <entry file="file://$PROJECT_DIR$/src/app/pojos/NonTargetObject.js" />
     <entry file="file://$PROJECT_DIR$/src/components/mainScreen/pages/CalibrateWebcam.js">
@@ -660,36 +610,9 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/app/slices/projectorSlice.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="525">
-          <caret line="35" lean-forward="true" selection-end-line="35" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/app/store.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="180">
-          <caret line="12" column="29" selection-start-line="12" selection-start-column="29" selection-end-line="12" selection-end-column="29" />
-          <folding>
-            <element signature="e#0#72#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/.travis.yml">
       <provider selected="true" editor-type-id="text-editor" />
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/TargetCanvas.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="945">
-          <caret line="67" column="110" selection-start-line="67" selection-start-column="110" selection-end-line="67" selection-end-column="110" />
-          <folding>
-            <element signature="e#0#26#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/index.js">
       <provider selected="true" editor-type-id="text-editor">
         <state>
@@ -706,16 +629,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/targetScreen/ProjectorScreen.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1005">
-          <caret line="74" column="57" selection-start-line="74" selection-start-column="57" selection-end-line="74" selection-end-column="57" />
-          <folding>
-            <element signature="e#0#26#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shooting/ShotRecord.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="915">
@@ -746,30 +659,6 @@
     <entry file="file://$PROJECT_DIR$/public/assets/targets/bullseye.svg">
       <provider selected="true" editor-type-id="images" />
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlate.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="60">
-          <caret line="4" column="109" selection-start-line="4" selection-start-column="68" selection-end-line="4" selection-end-column="109" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/Bullseye.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="255">
-          <caret line="17" column="1" selection-start-line="17" selection-start-column="1" selection-end-line="17" selection-end-column="1" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/targets.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="843">
-          <caret line="169" column="90" selection-start-line="169" selection-start-column="90" selection-end-line="169" selection-end-column="90" />
-          <folding>
-            <element signature="e#0#52#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shooting/ShotFeed.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="487">
@@ -817,6 +706,40 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/targetScreen/ProjectorScreenInner.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="520">
+          <caret line="44" column="60" selection-start-line="44" selection-start-column="60" selection-end-line="44" selection-end-column="60" />
+          <folding>
+            <element signature="e#0#26#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/App.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="350">
+          <caret line="105" column="43" selection-start-line="105" selection-start-column="34" selection-end-line="105" selection-end-column="43" />
+          <folding>
+            <element signature="e#0#26#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/app/store.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="30">
+          <caret line="2" column="17" selection-start-line="2" selection-start-column="17" selection-end-line="2" selection-end-column="17" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/app/slices/projectorSlice.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="525">
+          <caret line="35" column="6" lean-forward="true" selection-start-line="35" selection-start-column="6" selection-end-line="35" selection-end-column="6" />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingConfigure.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="435">
@@ -827,6 +750,88 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/Bullseye.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="75">
+          <caret line="5" column="54" selection-start-line="5" selection-start-column="54" selection-end-line="5" selection-end-column="54" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreeStand.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="30">
+          <caret line="2" column="53" lean-forward="true" selection-start-line="2" selection-start-column="53" selection-end-line="2" selection-end-column="53" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/app/hitPointDetectionMiddleware.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="540">
+          <caret line="36" column="56" selection-start-line="36" selection-start-column="56" selection-end-line="36" selection-end-column="56" />
+          <folding>
+            <element signature="e#0#43#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/USPSA.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="120">
+          <caret line="8" column="55" selection-start-line="8" selection-start-column="55" selection-end-line="8" selection-end-column="55" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlate.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="90">
+          <caret line="6" column="22" lean-forward="true" selection-start-line="6" selection-start-column="22" selection-end-line="6" selection-end-column="40" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="90">
+          <caret line="6" column="46" selection-start-line="6" selection-start-column="46" selection-end-line="6" selection-end-column="46" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/targets.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="677">
+          <caret line="61" column="33" selection-start-line="61" selection-start-column="33" selection-end-line="61" selection-end-column="33" />
+          <folding>
+            <element signature="e#0#52#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/svgs/BasicSilhouette.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="75">
+          <caret line="5" column="22" lean-forward="true" selection-start-line="5" selection-start-column="22" selection-end-line="5" selection-end-column="48" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/TargetCanvas.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="358">
+          <caret line="45" column="35" lean-forward="true" selection-start-line="45" selection-start-column="35" selection-end-line="45" selection-end-column="35" />
+          <folding>
+            <element signature="e#0#26#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/targetScreen/ProjectorScreen.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="135">
+          <caret line="9" column="21" selection-start-line="9" selection-start-column="21" selection-end-line="9" selection-end-column="53" />
+          <folding>
+            <element signature="e#0#26#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/src/components/mainScreen/shootingModes/moving/MovingShoot.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="682">
diff --git a/src/app/hitPointDetectionMiddleware.js b/src/app/hitPointDetectionMiddleware.js
index 3a87948..295024e 100644
--- a/src/app/hitPointDetectionMiddleware.js
+++ b/src/app/hitPointDetectionMiddleware.js
@@ -17,51 +17,29 @@ const checkBoundaries  = (target, pointCoordinates) => {
     return true
 }
 
+
 export const detectHitPoints = store => next => action => {
     if (action.type === addShot.type) {
         try {
             const state = store.getState();
-            const currentTargets = state.targets;
-            for (let i in currentTargets) {
-                const currentTarget = currentTargets[i];
-                if (checkBoundaries(currentTarget, action.payload.center)) {
-                    const target = TargetUtil.getTargetByName(currentTarget.name)
-                    const canvas = document.createElement("canvas");
-                    canvas.width = currentTarget.width;
-                    canvas.height = currentTarget.height;
-                    const scaleTarget = currentTarget.requestedScaleRatio;
-                    const ctx = canvas.getContext('2d');
-                    const point = {
-                        x: (action.payload.center.x - currentTarget.x) / scaleTarget,
-                        y: (action.payload.center.y - currentTarget.y) / scaleTarget
-                    }
-                    if (target.hasOwnProperty("scoringZones")) {
-                        let lowestPriority = Infinity;
-                        for (let j in target.scoringZones) {
-                            const zone = target.scoringZones[j];
-                            const path = new Path2D(zone.path)
-                            //ctx.moveTo(0, 0);
-                            ctx.stroke(path);
-                            if (ctx.isPointInPath(path, point.x, point.y)) {
-                                if (zone.priority < lowestPriority) {
-                                    action.payload.score = {
-                                        pointValue: zone.pointValue,
-                                        name: zone.name,
-                                        targetId: currentTarget.id
-                                    };
-                                    lowestPriority = zone.priority;
-                                }
-                            }
-                        }
-                    }
-                    // Uncommenting this can be helpful for debugging
-                    // ctx.beginPath();
-                    // ctx.arc(point.x, point.y, 5, 0, 2 * Math.PI, false);
-                    // ctx.fillStyle = 'green';
-                    // ctx.fill();
-                    // const text = document.createTextNode("scale: " + scaleTarget + " x: " + point.x +  " y: " + point.y);
-                    // document.getElementById("canvashere").appendChild(text);
-                    // document.getElementById("canvashere").appendChild(canvas);
+            const popupWindow = window.open('', 'com_sharpshooter_projectorwindow');
+
+            const relativeX = action.payload.center.x + state.projector.canvasX
+            const relativeY = action.payload.center.y + state.projector.canvasY
+            const elem = popupWindow.document.elementFromPoint(relativeX, relativeY)
+            const parentElem = elem.parentElement
+            console.log(parentElem);
+            if (parentElem.hasAttribute("data-target-id") && elem.hasAttribute("data-name")) {
+                const pathDataName = elem.getAttribute("data-name")
+                const targetId = parentElem.getAttribute("data-target-id")
+                const targetRecord = state.targets.filter(a => {return a.id === targetId})[0];
+
+                const baseTarget = TargetUtil.getTargetByName(targetRecord.name)
+                const scoreZone = baseTarget.scoringZones.filter(a => {return a.pathDataName === pathDataName})[0]
+                action.payload.score = {
+                    pointValue: scoreZone.pointValue,
+                    name: scoreZone.name,
+                    targetId: targetId
                 }
             }
         } catch (e) {
diff --git a/src/app/slices/projectorSlice.js b/src/app/slices/projectorSlice.js
index 149ae88..ba20ce2 100644
--- a/src/app/slices/projectorSlice.js
+++ b/src/app/slices/projectorSlice.js
@@ -7,6 +7,8 @@ export const projectorSlice = createSlice({
         resized: false,
         canvasWidth: 0,
         canvasHeight: 0,
+        canvasX: null,
+        canvasY: null,
         nonTargetElements: [],
     },
     reducers: {
@@ -15,6 +17,10 @@ export const projectorSlice = createSlice({
             state.canvasHeight = action.payload.canvasHeight;
             state.canvasWidth = action.payload.canvasWidth;
         },
+        setCoordinates: (state, action) => {
+            state.canvasX = action.payload.canvasX;
+            state.canvasY = action.payload.canvasY;
+        },
         addNonTargetElement: (state, action) => {
             state.nonTargetElements.push(action.payload)
         },
@@ -30,6 +36,6 @@ export const projectorSlice = createSlice({
     },
 });
 
-export const { finishResize, addNonTargetElement, removeNonTargetElementByName, wipeNonTargetElements, launchProjector } = projectorSlice.actions;
+export const { finishResize, addNonTargetElement, removeNonTargetElementByName, wipeNonTargetElements, launchProjector, setCoordinates } = projectorSlice.actions;
 
 export default projectorSlice.reducer;
diff --git a/src/components/TargetCanvas.js b/src/components/TargetCanvas.js
index f92f96f..b2a9a55 100644
--- a/src/components/TargetCanvas.js
+++ b/src/components/TargetCanvas.js
@@ -18,6 +18,9 @@ class TargetCanvas extends React.Component{
         let rect = this.canvasRef.current.getBoundingClientRect();
         let x = e.clientX - rect.left;
         let y = e.clientY - rect.top;
+
+        // const elem = document.elementFromPoint(e.clientX, e.clientY)
+        // console.log(elem)
         this.props.onClick({
             x: x,
             y: y
@@ -43,6 +46,7 @@ class TargetCanvas extends React.Component{
                         y={value.y}
                         width={value.width}
                         height={value.height}
+                        targetId={value.id}
                         key={index}/>
                 })}
                 {this.props.nonTargetElements.map((value, index) => {
diff --git a/src/components/mainScreen/shootingModes/moving/MovingShoot.js b/src/components/mainScreen/shootingModes/moving/MovingShoot.js
index d2a936b..a739da5 100644
--- a/src/components/mainScreen/shootingModes/moving/MovingShoot.js
+++ b/src/components/mainScreen/shootingModes/moving/MovingShoot.js
@@ -51,7 +51,7 @@ class StandardShoot extends React.Component {
         if (this.hasOwnProperty("interval"))
             clearInterval(this.interval)
 
-        const fps = 40;
+        const fps = 20;
         let delay = 1000 / fps;
         this.interval = setInterval(() => {
             this.props.tickTargets()
diff --git a/src/components/mainScreen/shootingModes/svgs/BasicSilhouette.js b/src/components/mainScreen/shootingModes/svgs/BasicSilhouette.js
index bd9f3fc..8f85d52 100644
--- a/src/components/mainScreen/shootingModes/svgs/BasicSilhouette.js
+++ b/src/components/mainScreen/shootingModes/svgs/BasicSilhouette.js
@@ -1,9 +1,9 @@
 import React from 'react';
 
-const BasicSilhouette = ({x= 0, y= 0, width= 217.01, height= 428.85}) => {
+const BasicSilhouette = ({x= 0, y= 0, width= 217.01, height= 428.85, targetId= null}) => {
     return (
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 217.01 428.85" x={x} y={y} width={width} height={height}>
-        <g id="target">
+        <g id="target" data-target-id={targetId}>
             <path id="outline" style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
                   d="M214.37,382.58h-9.32c1.14,7.38,2.22,13.52,3.32,19.66,1.61,9-2,16.79-8.15,22.41-5.48,5.05-13,5-20,1.35-.42-.22-.92-.3-.09,0-2.54,1.15-4,2.38-5.47,2.38q-66.39.17-132.79,0c-1.47,0-3-1.17-3.7-1.49-5.24.23-10,.6-14.82.61-5.71,0-8.57-3.83-11.32-8.34-5.12-8.43-4.23-17.08-2.15-26,.71-3,1.12-6.11,1.74-9.56H3c-.55-4.59-1.18-8.81-1.54-13.05C-.37,349.28.22,328,1,306.74c1.15-31.44,1.88-62.91,2-94.37,0-16.43-2-32.86-2.44-49.3a85.79,85.79,0,0,1,2.14-21.19,24.46,24.46,0,0,1,16-18.28q25.46-9.39,50.9-18.83a63.94,63.94,0,0,0,7.71-3.43c4-2.11,5.63-5.32,6-10,1-12-4.47-22.68-5.58-34.16S75.6,34.07,75.37,22.51C75.18,13.45,80.55,7.08,88.73,3.9c12.46-4.85,25.3-4.72,38-.49C137.2,6.93,141.75,15.09,142,25.61c.43,17-3.28,33.53-7,50.05-1.43,6.34-1.25,13.12-1.08,19.68.05,1.79,2.41,4,4.24,5.16a53.11,53.11,0,0,0,9.82,4.71c16.17,6,32.33,12.09,48.59,17.86,11.33,4,16.7,12.3,18.47,23.71,2.57,16.61.25,33.11-.6,49.67-.68,13.29-.68,26.63-.38,39.94.76,33.45,2.26,66.89,2.66,100.34C216.93,352.11,215.24,367.51,214.37,382.58Z"/>
             <path id="_6-ring" data-name="6-ring" style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
diff --git a/src/components/mainScreen/shootingModes/svgs/Bullseye.js b/src/components/mainScreen/shootingModes/svgs/Bullseye.js
index 5391135..e2b1bc2 100644
--- a/src/components/mainScreen/shootingModes/svgs/Bullseye.js
+++ b/src/components/mainScreen/shootingModes/svgs/Bullseye.js
@@ -1,9 +1,9 @@
 import React from 'react';
 
-const Bullseye = ({x=0, y=0, width=251, height=251}) => {
+const Bullseye = ({x=0, y=0, width=251, height=251, targetId= null}) => {
     return (
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 251 251" x={x} y={y} width={width} height={height}>
-            <g id="Bullseye">
+            <g id="Bullseye" data-target-id={targetId}>
                 <path id="_4-ring" data-name="4-ring" style={{stroke: "#000", strokeMiterlimit: 10, fill: "#000"}}
                       d="M250.5,125.5A125,125,0,1,1,125.5.5,125,125,0,0,1,250.5,125.5Z"/>
                 <path id="_6-ring" data-name="6-ring" style={{stroke: "#000", strokeMiterlimit: 10, fill: "#0071bc"}}
diff --git a/src/components/mainScreen/shootingModes/svgs/TreePlate.js b/src/components/mainScreen/shootingModes/svgs/TreePlate.js
index 458586f..bf2d271 100644
--- a/src/components/mainScreen/shootingModes/svgs/TreePlate.js
+++ b/src/components/mainScreen/shootingModes/svgs/TreePlate.js
@@ -1,10 +1,10 @@
 import React from 'react';
 
-const TreePlate = ({x=0, y=0, width=69, height=59}) => {
+const TreePlate = ({x=0, y=0, width=69, height=59, targetId= null}) => {
     return (
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 69 59" x={x} y={y} width={width} height={height}>
-            <g id="DuelingTreeBase">
-                <path style={{fill: "#ccc", stroke: "#ccc", strokeMiterlimit: 10}} d="M68.5,17.5v25H55.42a29,29,0,1,1,.48-25Z"/>
+            <g id="DuelingTreeBase" data-target-id={targetId}>
+                <path data-name="plate" style={{fill: "#ccc", stroke: "#ccc", strokeMiterlimit: 10}} d="M68.5,17.5v25H55.42a29,29,0,1,1,.48-25Z"/>
             </g>
         </svg>
     )
diff --git a/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js b/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js
index a7b76e5..9e8bad7 100644
--- a/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js
+++ b/src/components/mainScreen/shootingModes/svgs/TreePlateFlipped.js
@@ -1,10 +1,10 @@
 import React from 'react';
 
-const TreePlate = ({x=0, y=0, width=69, height=59}) => {
+const TreePlate = ({x=0, y=0, width=69, height=59, targetId= null}) => {
     return (
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 69 59" x={x} y={y} width={width} height={height}>
-            <g id="DuelingTreeBase">
-                <path style={{fill: "#ccc", stroke: "#ccc", strokeMiterlimit: 10}} d="M.5,41.5v-25H13.58a29,29,0,1,1-.48,25Z"/>
+            <g id="DuelingTreeBase" data-target-id={targetId}>
+                <path data-name="plate-flipped" style={{fill: "#ccc", stroke: "#ccc", strokeMiterlimit: 10}} d="M.5,41.5v-25H13.58a29,29,0,1,1-.48,25Z"/>
             </g>
         </svg>
     )
diff --git a/src/components/mainScreen/shootingModes/svgs/USPSA.js b/src/components/mainScreen/shootingModes/svgs/USPSA.js
index b0e393b..a9110ff 100644
--- a/src/components/mainScreen/shootingModes/svgs/USPSA.js
+++ b/src/components/mainScreen/shootingModes/svgs/USPSA.js
@@ -1,17 +1,17 @@
 import React from 'react';
 
-const USPSA = ({x=0, y=0, width=237, height=377.82}) => {
+const USPSA = ({x=0, y=0, width=237, height=377.82, targetId = null}) => {
     return (
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 237 377.82" x={x} y={y} width={width} height={height}>
-            <g id="USPSA">
-                <path id="D-target" style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
+            <g id="USPSA" data-target-id={targetId}>
+                <path id="D-target" data-name="D-target" style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
                       d="M40,377.57.25,300.17,2.4,115.27l-.34-6.1,30.1-30.1,5.72-5.72H197l7.86,6.25,30.1,30.1-.34,6.11,2.15,184.9-2.45,4.78-36.25,72.08H40Z"/>
-                <path id="C-target" style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
+                <path id="C-target" data-name="C-target"  style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
                       d="M68.74,300.71,43.79,242.87l1.35-138.19-.22-4.56L63.8,77.62l3.59-4.27h99.8L172.12,78,191,100.52l-.21,4.56,1.35,138.19-1.54,3.57-22.74,53.87H68.74Z"/>
-                <path id="A-body-target" style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
+                <path id="A-body-target" data-name="A-body-target"  style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
                       d="M148.75,246.43H89.46a6.37,6.37,0,0,1-6.37-6.37V116.27a6.37,6.37,0,0,1,6.37-6.37h59.29a6.37,6.37,0,0,1,6.37,6.37V240.06A6.38,6.38,0,0,1,148.75,246.43Z"/>
-                <path id="B-target" style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}} d="M160.43,73.35H75.5V.25h84.93Z"/>
-                <path id="A-head-target" style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
+                <path id="B-target" data-name="B-target"  style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}} d="M160.43,73.35H75.5V.25h84.93Z"/>
+                <path id="A-head-target" data-name="A-head-target"  style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
                       d="M138.52,43.25H99.68a6.38,6.38,0,0,1-6.38-6.38V22.76a6.38,6.38,0,0,1,6.38-6.38h38.84a6.37,6.37,0,0,1,6.38,6.38V36.87A6.38,6.38,0,0,1,138.52,43.25Z"/>
                 <g id="A">
                     <path style={{fill:"#fff", stroke: "#000", strokeMiterlimit: 10, strokeWidth: "0.5px"}}
diff --git a/src/components/mainScreen/shootingModes/targets.js b/src/components/mainScreen/shootingModes/targets.js
index d846c02..69d6e82 100644
--- a/src/components/mainScreen/shootingModes/targets.js
+++ b/src/components/mainScreen/shootingModes/targets.js
@@ -3,9 +3,7 @@ import TreePlate from "./svgs/TreePlate"
 import TreePlateFlipped from "./svgs/TreePlateFlipped"
 import USPSA from "./svgs/USPSA"
 import Bullseye from "./svgs/Bullseye"
-//In order to create scoring zones, take your SVG image and view the raw xml of it. Each zone should be defined by a
-//single <path> tag. Take the "d" attribute of this tag (the one that defines the path) and put the resultant string
-// in for the "path" of the scoringZone
+
 export let basic_silhouette = {
     name: "basic_silhouette",
     fileName: "basic_silhouette.svg",
@@ -18,33 +16,28 @@ export let basic_silhouette = {
     scoringZones: [
         {
             name: "Bullseye",
+            pathDataName: "10-ring",
             pointValue: 10,
-            path: "M119.72,224.91v15.34a8.57,8.57,0,0,1-.11,1.44,11.06,11.06,0,0,1-21.78,0,8.57,8.57,0,0,1-.11-1.44V224.91c0-.16,0-.32,0-.48a11,11,0,0,1,22,0C119.72,224.59,119.72,224.75,119.72,224.91Z",
-            priority: 1
         },
         {
             name: "9",
+            pathDataName: "9-ring",
             pointValue: 9,
-            path: "M128.72,218.68v28.76c0,.32,0,.65,0,1-.52,10.15-9.26,18.22-20,18.22s-19.45-8.07-20-18.22c0-.31,0-.64,0-1V218.68c0-10.6,9-19.18,20-19.18S128.72,208.08,128.72,218.68Z",
-            priority: 2
         },
         {
             name: "8",
+            pathDataName: "8-ring",
             pointValue: 8,
-            path: "M148.22,207.17V259c0,21.18-17.91,38.35-40,38.35s-40-17.17-40-38.35V207.17c0-21.18,17.91-38.35,40-38.35S148.22,186,148.22,207.17Z",
-            priority: 3
         },
         {
             name: "7",
+            pathDataName: "7-ring",
             pointValue: 7,
-            path: "M168.72,194.71v76.7c0,31.78-26.86,57.53-60,57.53s-60-25.75-60-57.53v-76.7c0-31.78,26.86-57.53,60-57.53S168.72,162.93,168.72,194.71Z",
-            priority: 4
         },
         {
             name: "6",
+            pathDataName: "6-ring",
             pointValue: 6,
-            path: "M187.72,180.33V284.84c0,41.83-35.37,75.74-79,75.74s-79-33.91-79-75.74V180.33c0-41.84,35.37-75.75,79-75.75S187.72,138.49,187.72,180.33Z",
-            priority: 5
         }
     ]
 };
@@ -61,33 +54,28 @@ export let uspsa = {
     scoringZones: [
         {
             name: "A - Head",
+            pathDataName: "A-head-target",
             pointValue: 5,
-            path: "M138.52,43.25H99.68a6.38,6.38,0,0,1-6.38-6.38V22.76a6.38,6.38,0,0,1,6.38-6.38h38.84a6.37,6.37,0,0,1,6.38,6.38V36.87A6.38,6.38,0,0,1,138.52,43.25Z",
-            priority: 1
         },
         {
             name: "A - Body",
+            pathDataName: "A-body-target",
             pointValue: 5,
-            path: "M148.75,246.43H89.46a6.37,6.37,0,0,1-6.37-6.37V116.27a6.37,6.37,0,0,1,6.37-6.37h59.29a6.37,6.37,0,0,1,6.37,6.37V240.06A6.38,6.38,0,0,1,148.75,246.43Z",
-            priority: 1
         },
         {
             name: "B",
+            pathDataName: "B-target",
             pointValue: 4,
-            path: "M160.43,73.35H75.5V.25h84.93Z",
-            priority: 2
         },
         {
             name: "C",
+            pathDataName: "C-target",
             pointValue: 3,
-            path: "M68.74,300.71,43.79,242.87l1.35-138.19-.22-4.56L63.8,77.62l3.59-4.27h99.8L172.12,78,191,100.52l-.21,4.56,1.35,138.19-1.54,3.57-22.74,53.87H68.74Z",
-            priority: 2
         },
         {
             name: "D",
+            pathDataName: "D-target",
             pointValue: 2,
-            path: "M40,377.57.25,300.17,2.4,115.27l-.34-6.1,30.1-30.1,5.72-5.72H197l7.86,6.25,30.1,30.1-.34,6.11,2.15,184.9-2.45,4.78-36.25,72.08H40Z",
-            priority: 3
         }
     ]
 };
@@ -104,9 +92,8 @@ export let treePlate = {
     scoringZones: [
         {
             name: "Plate Hit",
+            pathDataName: "plate",
             pointValue: 1,
-            path: "M68.5,17.5v25H55.42a29,29,0,1,1,.48-25Z",
-            priority: 1
         }
     ]
 };
@@ -123,9 +110,8 @@ export let treePlateFlipped = {
     scoringZones: [
         {
             name: "Plate Hit",
+            pathDataName: "plate-flipped",
             pointValue: 1,
-            path: "M.5,41.5v-25H13.58a29,29,0,1,1-.48,25Z",
-            priority: 1
         }
     ]
 }
@@ -142,27 +128,23 @@ export let bullseye = {
     scoringZones: [
         {
             name: "Bullseye",
+            pathDataName: "10-ring",
             pointValue: 10,
-            path: "M175.5,125.5a50,50,0,1,1-50-50A50,50,0,0,1,175.5,125.5Z",
-            priority: 1
         },
         {
             name: "8",
+            pathDataName: "8-ring",
             pointValue: 8,
-            path: "M200.5,125.5a75,75,0,1,1-75-75A75,75,0,0,1,200.5,125.5Z",
-            priority: 2
         },
         {
             name: "6",
+            pathDataName: "6-ring",
             pointValue: 6,
-            path: "M225.5,125.5a100,100,0,1,1-100-100A100,100,0,0,1,225.5,125.5Z",
-            priority: 3
         },
         {
             name: "4",
+            pathDataName: "4-ring",
             pointValue: 4,
-            path: "M250.5,125.5A125,125,0,1,1,125.5.5,125,125,0,0,1,250.5,125.5Z",
-            priority: 4
         }
     ]
 }
diff --git a/src/components/targetScreen/ProjectorScreen.js b/src/components/targetScreen/ProjectorScreen.js
index 9804f30..d01ade1 100644
--- a/src/components/targetScreen/ProjectorScreen.js
+++ b/src/components/targetScreen/ProjectorScreen.js
@@ -4,7 +4,7 @@ import {backgroundColor, color} from "../../config";
 import {Button, Col, Row} from "react-bootstrap";
 import TargetCanvas from "../TargetCanvas";
 import {bindActionCreators} from "redux";
-import {finishResize} from "../../app/slices/projectorSlice";
+import {finishResize, setCoordinates} from "../../app/slices/projectorSlice";
 import {connect} from "react-redux";
 
 const WINDOW_NAME = "com_sharpshooter_projectorwindow"
@@ -19,6 +19,7 @@ class ProjectorScreen extends React.Component {
         }
 
         this.windowRef = React.createRef();
+        this.canvasRef = React.createRef();
         this.updateSize.bind(this)
     }
 
@@ -36,6 +37,16 @@ class ProjectorScreen extends React.Component {
 
     }
 
+    componentDidUpdate(prevProps, prevState, snapshot) {
+        if (this.props.canvasX === null && this.props.resized) {
+            let rect = this.canvasRef.current.getBoundingClientRect();
+            this.props.setCoordinates({
+                canvasX: this.state.width * .1,
+                canvasY: rect.top
+            })
+        }
+    }
+
     updateSize(e) {
         this.setState({
             height: e.target.innerHeight,
@@ -71,8 +82,8 @@ class ProjectorScreen extends React.Component {
                         </Col>
                     </Row>
                     <Row>
-                        <Col sm={12} className={"text-center"}>
-                            <TargetCanvas shotMode={"fade"}/>
+                        <Col sm={12} className={"text-center"} ref={this.canvasRef}>
+                            <TargetCanvas shotMode={"fade"} />
                         </Col>
                     </Row>
                 </>
@@ -94,10 +105,12 @@ class ProjectorScreen extends React.Component {
 
 
 const mapStateToProps = state => ({
-    resized: state.projector.resized
+    resized: state.projector.resized,
+    canvasX: state.projector.canvasX,
+    canvasY: state.projector.canvasY
 })
 
 const mapDispatchToProps = dispatch => {
-    return bindActionCreators({finishResize}, dispatch)
+    return bindActionCreators({finishResize, setCoordinates}, dispatch)
 }
 export default connect(mapStateToProps, mapDispatchToProps)(ProjectorScreen)
\ No newline at end of file
diff --git a/src/components/targetScreen/ProjectorScreenInner.js b/src/components/targetScreen/ProjectorScreenInner.js
deleted file mode 100644
index 79a2262..0000000
--- a/src/components/targetScreen/ProjectorScreenInner.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from "react";
-import {Button, Col, Row} from "react-bootstrap";
-import {bindActionCreators} from "redux";
-import {finishResize} from "../../app/slices/projectorSlice";
-import {connect} from "react-redux";
-import TargetCanvas from "../TargetCanvas";
-
-class ProjectorScreenInner extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            height: this.props.height,
-            width: this.props.width,
-        }
-    }
-
-    static getDerivedStateFromProps(props, state) {
-        if (state.status === "resizing") {
-            state.height = props.height;
-            state.width = props.width;
-            return state;
-        }
-        return null
-    }
-
-    doneResizing() {
-        this.props.finishResize({
-            height: this.state.height,
-            width: this.state.width
-        })
-    }
-
-    render() {
-
-    }
-}
-
-const mapStateToProps = state => ({
-    resized: state.projector.resized
-})
-
-const mapDispatchToProps = dispatch => {
-    return bindActionCreators({finishResize}, dispatch)
-}
-export default connect(mapStateToProps, mapDispatchToProps)(ProjectorScreenInner)
\ No newline at end of file