Skip to content

Commit 3c925f4

Browse files
cjxthecodercjxthecoder
authored
Update and rename index.html to proj1.html
1 parent 61bca0b commit 3c925f4

File tree

2 files changed

+52
-1
lines changed

2 files changed

+52
-1
lines changed

‎project-1/index.html‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎project-1/proj1.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<!DOCTYPE html>
2+
3+
4+
<!-- Section 1 -->
5+
<section class="section card" aria-labelledby="s2-title">
6+
<div class="heading">
7+
<h2 id="s2-title" class="title">Project 1: Introduction</h2>
8+
</div>
9+
10+
<!-- Text BEFORE the comparison images -->
11+
<p class="lead" contenteditable="false"
12+
data-placeholder="Describe what you’re comparing (this text appears before both images)">
13+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
14+
</p>
15+
</section>
16+
17+
18+
<!-- Section 2 (Side-by-Side Comparison) -->
19+
<section class="section card" aria-labelledby="s2-title">
20+
<div class="heading">
21+
<h2 id="s2-title" class="title">NCC & Naive alignment</h2>
22+
</div>
23+
24+
<!-- Text BEFORE the comparison images -->
25+
<p class="lead" contenteditable="false"
26+
data-placeholder="Describe what you’re comparing (this text appears before both images)">
27+
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:
28+
29+
[#image]
30+
31+
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).
32+
</p>
33+
</section>
34+
35+
36+
<!-- Section 3 (GIF) -->
37+
<section class="section card" aria-labelledby="s2-title">
38+
<div class="heading">
39+
<h2 id="s2-title" class="title">Naive search</h2>
40+
</div>
41+
42+
<!-- Text BEFORE the comparison images -->
43+
<p class="lead" contenteditable="false"
44+
data-placeholder="Describe what you’re comparing (this text appears before both images)">
45+
In the previous section, we have seen that while naive search works on small images, it becomes computationally inefficient on larger ones. Is there a way to extend what works on smaller images so that it will still work on larger ones?
46+
47+
The answer is yes.
48+
</p>
49+
</section>
50+
51+
</body>
52+
</html>

0 commit comments

Comments
 (0)