robot-path/Clips.html at main · huynna12/robot-path · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Line Following Robot Documentation</title>
        <link rel="stylesheet" href="style.css">

    </head>
    <body>
        <div class="navbar">
            <a href="Index.html">The Project</a>
            <a href="Problem.html">The Problem</a>
            <a href="Clips.html">Clips</a>
            <a href="Pictures.html">Pictures</a>
            <a href= "Code.html">The Code</a>
            <a href= "Journal.html">Journal</a>
        </div>

        <h1>Clips</h1>

        <div style="text-align: center; margin-top: 20px;">
            <video width="1000" height="360" controls>
                <source src="Robot2.mov" type="video/mp4">
                Your browser does not support the video tag.
            </video>
        </div>
        <p>
            <strong>The First Challege - Line Following:</strong> This video shows the robot turning left in which if the left sensor sees black, and the other sensors see only white, it turns left. Then it proceeds to follow the line.
        </p>

        <div style="text-align: center; margin-top: 20px;">
            <video width="1000" height="360" controls>
                <source src="Robot1.mov" type="video/mp4">
                Your browser does not support the video tag.
            </video>
        </div>
        <p>
            <strong>The Second and Third Challenge - Intersection:</strong> This video shows the robot following a line and reading an intersection in which it will proceed to either make a turn, or go straight. The robot is able to follow the line by using the sensors on the bottom of the robot. The sensors are able to detect the color of the line and adjust the speed of the motors accordingly.

        </p>
        <div style="text-align: center; margin-top: 20px;">
            <video width="1000" height="360" controls>
                <source src="Robot3.mov" type="video/mp4">
                Your browser does not support the video tag.
            </video>
        </div>
        <p>
            This is another intersection/line following video.
        </p>


</html>