Update proj1.html

Author: cjxthecoder

project-1/proj1.html

@@ -26,7 +26,9 @@ <h2 id="s2-title" class="title">NCC & Naive alignment</h2>
      data-placeholder="Describe what you’re comparing (this text appears before both images)">
     The first strategy is to perform a naive search on what translations align the different image plates the best. To compute the similarity, we can use the normalized cross-correlation (NCC) formula for 2 images of the same size: [#formula]. Since we want to only compare the top (blue) & bottom (red) plates with the center (green) plate, we can start by moving the image down by H/3 units. For any given displacements (x1, y1) and (x2, y2) where y1 >= 0 and y2 <= 0, the resulting intersection of all 3 images is given by the following:
       <br>
-      [#image]
+      <figure>
+      <img class="media" src="images/crop3.png" alt="Describe the animation" loading="lazy"/>
+      </figure>
       <br>
       Therefore, if we only want to compare the blue and green plates, we can add a second displacement (0, -H/3) to limit the comparison area to the center plate. Likewise, when comparing the red and green plates, we can have the second displacement be (0, H/3). Once the best displacements for the blue & red plates are computed, we can use the formula above to compute the final composite of the 3 plates.
   </p>